:root{
  --ink:#08090a;--panel:#111315;--gold:#d7b65b;--gold2:#f0d88e;--white:#f4f1e9;
  --muted:#aaa598;--line:rgba(215,182,91,.22);--accent:#d7b65b;--max:1180px;
  --page-gutter:clamp(20px,3.2vw,48px);--section-y:clamp(68px,7vw,92px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font:400 16px/1.55 "DM Sans",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - (var(--page-gutter) * 2)));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(8,9,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{width:245px;display:block}
.back{font-size:.75rem;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;color:var(--gold2);border-bottom:1px solid var(--gold)}
.hero{padding:clamp(76px,8vw,104px) 0 clamp(58px,6vw,78px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 35%)}
.kicker{font-size:.75rem;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
h1{max-width:940px;margin:20px 0 24px;font:500 clamp(3.7rem,7vw,7rem)/.96 "Playfair Display",serif;letter-spacing:-.045em;text-wrap:balance}
.lead{max-width:780px;margin:0;color:#beb8aa;font:400 clamp(1rem,.3vw + .96rem,1.18rem)/1.68 "Manrope",sans-serif}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-meta span{border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);padding:9px 11px;color:#cfc6b2;font-size:.75rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.section{padding:var(--section-y) 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,70px);align-items:start;margin-bottom:clamp(30px,4vw,46px)}
.section h2{margin:0;font:500 clamp(2.65rem,4.5vw,4.5rem)/1.02 "Playfair Display",serif;letter-spacing:-.035em;text-wrap:balance}
.section-head p{margin:0;color:var(--muted);font-size:clamp(1rem,.2vw + .96rem,1.1rem);line-height:1.68}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cap{min-width:0;padding:clamp(24px,2.3vw,32px);border:1px solid rgba(255,255,255,.09);border-top:2px solid var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}
.cap b{display:block;color:var(--accent);font-size:.75rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
.cap h3{font:500 clamp(1.65rem,2.2vw,2rem)/1.12 "Playfair Display",serif;margin:18px 0 11px}
.cap p{margin:0;color:#97938a;font-size:1rem;line-height:1.58}
.cap a{display:inline-flex;margin-top:18px;color:var(--accent);font-size:.78rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);margin-top:6px}
.step{min-width:0;padding:clamp(24px,2.2vw,30px);border-right:1px solid var(--line)}
.step:last-child{border-right:0}
.step small{color:var(--accent);font-size:.75rem;letter-spacing:.14em}
.step b{display:block;font:500 1.35rem "Playfair Display",serif;margin:15px 0 8px}
.step span{color:#8e8a81;font-size:1rem;line-height:1.55}
.disclosure{padding:24px;border:1px solid rgba(255,255,255,.09);background:#0d0f10;color:#918d83;font-size:.9rem;line-height:1.65}
.source-line{margin-top:28px;color:#77736b;font-size:.9rem;line-height:1.65}.source-line a{color:#b5aa8d}
.cta{text-align:center;padding:clamp(72px,8vw,104px) 0}
.cta h2{max-width:860px;margin:0 auto 26px;font:500 clamp(3rem,5.8vw,5.7rem)/.98 "Playfair Display",serif;text-wrap:balance}
.button{display:inline-flex;min-height:56px;align-items:center;padding:16px 24px;background:var(--accent);color:#08090a;font-size:.95rem;font-weight:600}
footer{padding:38px 0;border-top:1px solid var(--line);color:#6f6c65;font-size:.86rem;line-height:1.55}
.foot{display:flex;justify-content:space-between;gap:20px}.foot a{color:#aaa18c}
@media(max-width:900px){
  .section-head{grid-template-columns:1fr;gap:18px}
  .grid{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  :root{--page-gutter:18px;--section-y:60px}
  header{backdrop-filter:blur(14px)}nav{height:70px;gap:16px}.logo{width:170px}
  .back{display:flex;align-items:center;min-height:44px;font-size:.68rem;letter-spacing:.08em;white-space:nowrap}
  .hero{padding:54px 0 46px}.kicker{letter-spacing:.16em}
  h1{font-size:clamp(3rem,13vw,4.15rem);line-height:.98;margin:18px 0 20px}
  .lead{font-size:1rem;line-height:1.62}
  .hero-meta{flex-wrap:nowrap;overflow-x:auto;margin-top:24px;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .hero-meta::-webkit-scrollbar{display:none}.hero-meta span{flex:0 0 auto;scroll-snap-align:start;padding:8px 10px}
  .section{padding:var(--section-y) 0}.section-head{gap:16px;margin-bottom:28px}
  .section h2{font-size:clamp(2.45rem,11vw,3.3rem);line-height:1}.section-head p{font-size:1rem;line-height:1.62}
  .grid,.process{grid-template-columns:1fr;gap:12px;border:0}
  .cap,.step{padding:22px}.cap p,.step span{font-size:.96rem}
  .step{border:1px solid var(--line)!important}
  .disclosure{font-size:.88rem}
  .cta{padding:64px 0 70px}.cta h2{font-size:clamp(2.8rem,12vw,3.9rem);line-height:1;margin-bottom:22px}
  .button{width:100%;justify-content:center;padding:14px 16px;text-align:center}
  .foot{flex-direction:column;line-height:1.6}
}