:root{
  --bg:#0f0f0d;
  --paper:#d6a56d;
  --paper-light:#f0c994;
  --bone:#eee7d8;
  --ink:#10100f;
  --cream:#ece6d8;
  --muted:#9d998f;
  --line:rgba(236,230,216,.2);
  --max:1500px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;position:relative}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
::selection{background:var(--paper);color:var(--ink)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-dot{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--paper-light);pointer-events:none;z-index:100;transform:translate(-50%,-50%);mix-blend-mode:difference;opacity:0;transition:opacity .2s}
.topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(15,15,13,.72);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-weight:900}
.nav{display:flex;gap:24px;align-items:center;text-transform:uppercase;font-size:12px;letter-spacing:.1em}
.nav a{opacity:.74;transition:opacity .2s}
.nav a:hover{opacity:1}
.nav-buy{border:1px solid var(--cream);background:transparent;padding:10px 16px;text-transform:uppercase;cursor:pointer;transition:.2s}
.nav-buy:hover{background:var(--cream);color:var(--ink)}
main{position:relative;isolation:isolate}
.page-streak{
  position:absolute;
  left:-18vw;
  top:34rem;
  width:165vw;
  height:18rem;
  z-index:0;
  pointer-events:none;
  opacity:.34;
  transform:rotate(-24deg);
  transform-origin:center;
  background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(108,76,39,.05) 8%,rgba(214,165,109,.28) 24%,rgba(120,86,47,.38) 50%,rgba(214,165,109,.22) 74%,rgba(0,0,0,0) 100%);
  filter:blur(48px);
}
.page-streak::before,
.page-streak::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
}
.page-streak::before{
  transform:translate(-10%,26%) scale(.72);
  opacity:.45;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(240,201,148,.20),rgba(0,0,0,0));
  filter:blur(34px);
}
.page-streak::after{
  transform:translate(12%,-22%) scale(.82);
  opacity:.22;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(214,165,109,.20),rgba(0,0,0,0));
  filter:blur(28px);
}
.section-pad{padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}
.hero,.story,.chart-section,.boss,.manifesto{position:relative;z-index:1}
.hero{min-height:100svh;padding-top:120px;padding-bottom:72px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 26px}
h1,h2{margin:0;text-transform:uppercase;line-height:.82;letter-spacing:-.065em;font-weight:900}
h1{font-size:clamp(72px,10.5vw,180px)}
h1 span{display:block}
h1 .outline{color:transparent;-webkit-text-stroke:1.4px var(--paper-light)}
.hero-line{font-size:clamp(18px,2vw,28px);margin:34px 0 0;max-width:650px}
.hero-line.muted{color:var(--muted);margin-top:5px}
.hero-actions{display:flex;gap:12px;margin-top:38px;align-items:stretch;flex-wrap:wrap}
.primary{border:0;background:var(--paper);color:var(--ink);padding:16px 22px;font-weight:900;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;min-height:56px}
.primary:hover{background:var(--paper-light)}
.copy-ca{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:transparent;padding:10px 16px;cursor:pointer;min-height:56px;text-align:left}
.copy-label{font-weight:900;font-size:12px;letter-spacing:.1em}
.ca-preview{font-size:11px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:720px;overflow:visible}
.hero-figure-wrap{position:relative;width:min(760px,118%);height:min(80vh,880px);display:flex;align-items:flex-end;justify-content:center;transform:translateX(4%)}
.hero-figure{position:relative;z-index:1;width:min(820px,132%);height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 36px 40px rgba(0,0,0,.34));transform:scale(1.22);transform-origin:50% 100%}
.story{padding-top:120px;padding-bottom:160px}
.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}
.story-title h2{font-size:clamp(60px,7.8vw,128px);color:var(--bone)}
.story-copy{font-size:clamp(18px,1.5vw,24px);line-height:1.5;color:#c4c0b7;max-width:620px;padding-top:10px}
.story-copy p{margin:0 0 24px}
.story-copy .punch{font-size:1.35em;color:var(--paper-light);font-weight:900;text-transform:uppercase}
.chart-section{display:grid;grid-template-columns:1.25fr .75fr;min-height:760px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chart-image-wrap{position:relative;min-height:760px;overflow:hidden;background:#191815}
.chart-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.chart-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,13,.35),transparent 35%);pointer-events:none}
.chart-copy{padding-top:90px;padding-bottom:90px;display:flex;flex-direction:column;justify-content:center}
.chart-copy h2{font-size:clamp(56px,6vw,100px);color:var(--paper-light);margin-bottom:50px}
.status-list{border-top:1px solid var(--line)}
.status-list div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.12em}
.status-list b{color:var(--paper-light)}
.boss{padding-top:160px;padding-bottom:160px;display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center}
.boss-copy h2{font-size:clamp(58px,6.5vw,112px);margin-bottom:36px}
.boss-copy>p:not(.section-kicker){font-size:20px;line-height:1.5;color:#b8b4ab;max-width:560px;margin:0 0 16px}
.text-link{display:inline-block;margin-top:32px;padding-bottom:6px;border-bottom:1px solid var(--paper-light);font-size:12px;letter-spacing:.14em;color:var(--paper-light);font-weight:900}
.boss-card{margin:0;position:relative;background:#1b1a17;overflow:hidden}
.boss-card img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.boss-card figcaption{display:flex;justify-content:space-between;gap:18px;padding:14px 4px 0;color:var(--muted);font-size:10px;letter-spacing:.12em}
.manifesto{border-top:1px solid var(--line);padding-top:100px;padding-bottom:110px}
.manifesto-line{font-size:clamp(50px,8vw,138px);font-weight:900;letter-spacing:-.065em;line-height:.9;text-transform:uppercase}
.manifesto-line.right{text-align:right;color:var(--paper-light)}
.manifesto-small{margin-top:50px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:10px}
footer{position:relative;z-index:1;padding:28px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
footer>div{display:flex;gap:20px;align-items:center}
.footer-links button{border:0;background:none;color:inherit;text-transform:uppercase;letter-spacing:inherit;cursor:pointer;padding:0}
.footer-links a:hover,.footer-links button:hover{color:var(--cream)}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--cream);color:var(--ink);padding:12px 18px;font-size:11px;letter-spacing:.14em;font-weight:900;opacity:0;pointer-events:none;transition:.25s;z-index:80}
.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(max-width:980px){
  .nav a{display:none}
  .page-streak{top:40rem;width:190vw;height:16rem;left:-34vw;opacity:.26;transform:rotate(-24deg)}
  .hero{grid-template-columns:1fr;padding-top:120px}
  .hero-visual{min-height:0}
  .hero-figure-wrap{height:680px;width:min(760px,112%);transform:none}
  .story-grid,.chart-section,.boss{grid-template-columns:1fr}
  .chart-section{min-height:auto}
  .chart-image-wrap{min-height:520px}
  .boss{gap:50px}
  .boss-copy{padding-bottom:10px}
}
@media(max-width:640px){
  .topbar{padding:14px 16px}
  .brand span:last-child{display:none}
  .section-pad{padding-left:18px;padding-right:18px}
  .page-streak{top:34rem;left:-52vw;width:240vw;height:12rem;opacity:.22;filter:blur(38px)}
  .hero{padding-top:92px;padding-bottom:46px;gap:36px}
  .eyebrow{margin-bottom:18px}
  h1{font-size:20vw}
  .hero-line{font-size:18px;margin-top:22px}
  .hero-figure-wrap{width:100%;height:520px;transform:none}
  .copy-ca{width:100%;justify-content:space-between}
  .primary{width:100%}
  .story{padding-top:90px;padding-bottom:100px}
  .story-grid{gap:42px}
  .story-title h2{font-size:16vw}
  .story-copy{font-size:18px}
  .chart-image-wrap{min-height:360px}
  .chart-copy{padding-top:70px;padding-bottom:70px}
  .chart-copy h2{font-size:15vw}
  .boss{padding-top:90px;padding-bottom:100px}
  .boss-copy h2{font-size:15vw}
  .boss-card figcaption{display:block;line-height:1.6}
  .manifesto{padding-top:70px;padding-bottom:80px}
  .manifesto-line{font-size:14vw}
  footer{flex-direction:column;padding:22px 18px}
  .cursor-dot{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(min-width:1200px){.hero-visual{margin-right:-4vw}.hero-figure-wrap{width:min(820px,125%)}.hero-figure{width:min(900px,138%)}}