:root { --navy:#06131d; --cream:#f1eadc; --gold:#c5a66d; --muted:#b0bac0; }
* { box-sizing:border-box; }
body { margin:0; background:var(--navy); color:var(--cream); font-family:Arial,Helvetica,sans-serif; }
main { min-height:100vh; display:flex; flex-direction:column; padding:clamp(24px,5vw,72px); position:relative; overflow:hidden; background:linear-gradient(115deg,rgba(6,19,29,.98) 0%,rgba(6,19,29,.88) 58%,rgba(6,19,29,.5) 100%),radial-gradient(circle at 80% 40%,rgba(194,155,82,.26),transparent 25%); }
main::before,main::after { content:""; position:absolute; right:9vw; width:38vw; max-width:570px; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); transform:rotate(-22deg); opacity:.32; }
main::before { top:38%; } main::after { top:53%; }
.topline { display:flex; align-items:center; gap:16px; color:var(--muted); text-transform:uppercase; letter-spacing:.16em; font-size:11px; position:relative; z-index:1; }
.mark { display:grid; place-items:center; width:46px; height:46px; border:1px solid var(--gold); color:var(--gold); font-family:Georgia,serif; letter-spacing:0; }
.content { width:min(980px,100%); margin:auto 0; padding:80px 0; position:relative; z-index:1; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.22em; font-weight:700; font-size:11px; }
h1 { margin:20px 0 30px; font:600 clamp(56px,9vw,132px)/.9 Georgia,"Times New Roman",serif; letter-spacing:-.045em; }
h1 em { color:transparent; -webkit-text-stroke:1px var(--gold); }
.intro { max-width:650px; color:var(--muted); font-size:clamp(17px,2vw,23px); line-height:1.6; }
.back { display:inline-flex; gap:18px; margin-top:30px; padding-bottom:10px; border-bottom:1px solid var(--gold); color:var(--cream); text-decoration:none; text-transform:uppercase; letter-spacing:.15em; font-size:11px; }
.back span { color:var(--gold); font-size:16px; }
footer { display:flex; justify-content:space-between; gap:22px; border-top:1px solid rgba(241,234,220,.18); padding-top:24px; color:#8497a3; font-size:11px; position:relative; z-index:1; }
footer a { color:inherit; text-decoration:none; }
footer a:hover,.back:hover { color:var(--gold); }
@media(max-width:600px){ main{min-height:100svh}.content{padding:65px 0}footer{flex-direction:column} }