:root { --bg:#0a0b0d; --surface:#111316; --text:#f2eee6; --muted:#aaa59b; --gold:#b99a61; --line:rgba(185,154,97,.42); }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Georgia,"Times New Roman",serif; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.16; background:linear-gradient(90deg,transparent 49.95%,rgba(185,154,97,.12) 50%,transparent 50.05%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size:100% 100%,100% 44px; }
.shell { position:relative; display:flex; flex-direction:column; min-height:100vh; max-width:1280px; margin:auto; padding:32px clamp(24px,7vw,92px) 26px; }
.header { display:flex; align-items:center; justify-content:space-between; padding:0 0 26px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:15px; color:var(--text); text-decoration:none; }
.crest { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--gold); color:var(--gold); font:600 12px/1 Arial,sans-serif; letter-spacing:.14em; }
.brand-name,.header-note,.kicker,.status,.footer { font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.18em; }
.brand-name { font-size:11px; }
.header-note { color:var(--gold); font-size:10px; }
.hero { display:flex; align-items:center; justify-content:space-between; flex:1; gap:8vw; padding:12vh 0 14vh; }
.hero-copy { max-width:690px; }
.kicker { margin:0 0 28px; color:var(--gold); font-size:11px; font-weight:600; letter-spacing:.3em; }
h1 { margin:0; font-size:clamp(64px,10vw,136px); font-weight:400; line-height:.86; letter-spacing:-.065em; }
h1 em { color:var(--muted); font-style:italic; font-size:.72em; letter-spacing:-.04em; }
.gold-rule { width:88px; height:1px; margin:42px 0 28px; background:var(--gold); }
.lead { max-width:580px; margin:0; color:#c8c1b6; font-size:clamp(17px,2vw,21px); line-height:1.65; }
.status { display:flex; align-items:center; gap:11px; margin-top:42px; color:var(--gold); font-size:10px; font-weight:600; letter-spacing:.22em; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px rgba(185,154,97,.12); }
.seal { display:grid; place-items:center; width:min(29vw,300px); aspect-ratio:1; border:1px solid rgba(185,154,97,.24); border-radius:50%; transform:rotate(-8deg); }
.seal-ring { display:grid; place-items:center; width:76%; aspect-ratio:1; border:1px solid var(--line); border-radius:50%; color:var(--gold); text-align:center; }
.seal-ring span { font-size:clamp(38px,5vw,62px); letter-spacing:-.08em; }
.seal-ring small { margin-top:-28px; font:10px Arial,sans-serif; letter-spacing:.2em; }
.footer { display:flex; justify-content:space-between; gap:20px; padding-top:20px; border-top:1px solid rgba(185,154,97,.22); color:#77746e; font-size:9px; line-height:1.5; }
.footer span:last-child { color:var(--gold); }
@media (max-width:700px) { .hero { align-items:flex-start; flex-direction:column; padding:12vh 0 10vh; } .seal { align-self:flex-end; width:180px; margin-top:12px; } }
@media (max-width:480px) { .shell { padding:24px 22px 22px; } .header-note { display:none; } .footer { flex-direction:column; gap:8px; } }