:root{
  --ink:#0b0705; --ink-2:#140d09; --ink-3:#1d130e; --paper:#f1ede8; --paper-ink:#1a120d;
  --copper:#e0763a; --copper-2:#ff9a52; --copper-3:#a8461b; --muted:#a8968a; --line:rgba(255,255,255,.14);
  --sans:'Inter Tight',Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}

/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;transition:background .3s}
.hdr.scrolled,.hdr.solid{background:rgba(11,7,5,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.02em;font-size:17px}
.brand img{width:30px;height:30px;border-radius:6px}
.nav{display:flex;align-items:center;gap:26px}
.nav a{text-decoration:none;font-size:14px;color:rgba(255,255,255,.86);transition:color .2s}
.nav a:hover,.nav a.on{color:var(--copper-2)}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:#fff;color:var(--ink);padding:9px 14px;border-radius:3px;border:0;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--copper);color:#fff}
.nav a.btn{color:var(--ink)}
.nav a.btn:hover{color:#fff}
.btn-pill{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:15px;border-radius:999px;padding:11px 20px}
.btn-pill svg{width:14px;height:14px}
.btn-copper{background:var(--copper);color:#fff}
.btn-copper:hover{background:var(--copper-2);color:var(--ink)}
.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:6px}
@media (max-width:900px){
  .hdr{padding:14px 16px}
  .nav{position:fixed;inset:62px 0 auto 0;flex-direction:column;align-items:flex-start;gap:18px;padding:24px 16px 28px;background:rgba(11,7,5,.97);transform:translateY(-130%);transition:transform .35s}
  .nav.open{transform:none}
  .nav a{font-size:20px}
  .burger{display:block}
}

/* plasma glow */
.plasma{position:absolute;inset:0;overflow:hidden;z-index:0;background:var(--ink)}
.plasma i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85;mix-blend-mode:screen;animation:drift 18s ease-in-out infinite alternate}
.plasma i:nth-child(1){width:70vw;height:40vw;left:-10vw;bottom:-14vw;background:radial-gradient(closest-side,#ff8a3d,rgba(255,138,61,0))}
.plasma i:nth-child(2){width:55vw;height:30vw;right:-12vw;bottom:-6vw;background:radial-gradient(closest-side,#c4471a,rgba(196,71,26,0));animation-duration:22s;animation-delay:-6s}
.plasma i:nth-child(3){width:40vw;height:16vw;left:18vw;bottom:6vw;background:radial-gradient(closest-side,#ffd2a1,rgba(255,210,161,0));opacity:.55;animation-duration:15s;animation-delay:-3s}
.plasma i:nth-child(4){width:50vw;height:50vw;right:10vw;top:-30vw;background:radial-gradient(closest-side,#5a1f0a,rgba(90,31,10,0));opacity:.7;animation-duration:26s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,-3vw) scale(1.12)}100%{transform:translate(-5vw,2vw) scale(.95)}}
.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* shared section bits */
.wrap{max-width:1400px;margin:0 auto;padding:0 32px}
.label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.split{position:relative;padding:18vh 32px;max-width:1400px;margin:0 auto}
.split h2,.page-h{font-weight:400;font-size:clamp(40px,6.4vw,104px);line-height:.98;letter-spacing:-.035em;margin:0 0 9vh;max-width:14ch}
.split h2 em,.page-h em{font-style:normal;color:var(--copper-2)}
.split .cols{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:48px;align-items:start}
.split p{font-size:18px;line-height:1.55;color:#d8cbc1;margin:0 0 24px;max-width:48ch}
@media (max-width:800px){.split{padding:14vh 16px}.split .cols{grid-template-columns:1fr;gap:20px}.wrap{padding:0 16px}}

/* sub-page hero */
.page-hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;padding:140px 32px 64px;overflow:hidden}
.page-hero>.inner{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto}
.page-hero .page-h{margin:0 0 20px}
.page-hero p.lead{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#e8dcd2;max-width:52ch;margin:0}
@media (max-width:800px){.page-hero{padding:120px 16px 48px}}

/* footer (shared, centred) */
.foot{position:relative;overflow:hidden;padding:120px 32px 32px;text-align:center}
.foot>.plasma,.foot>.grain{position:absolute}
.foot .in{position:relative;z-index:2;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.foot .mark{width:64px;height:64px;border-radius:14px;margin-bottom:28px}
.foot h2{font-weight:400;font-size:clamp(40px,6vw,92px);line-height:1;letter-spacing:-.03em;margin:0 0 28px}
.foot .tag{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 36px}
.foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;margin-top:88px;padding-top:40px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;line-height:1.75}
.foot-grid h4{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin:0 0 12px}
.foot-grid p{margin:0;color:#fff}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:var(--copper-2)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:40px;font-size:14px}
.foot-links a{text-decoration:none;color:rgba(255,255,255,.85)}
.foot-links a:hover{color:var(--copper-2)}
.social{display:flex;justify-content:center;gap:12px;margin-top:28px}
.social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:background .2s,transform .2s}
.social a:hover{background:var(--copper);transform:translateY(-2px)}
.social svg{width:18px;height:18px;fill:#fff}
.legal{margin-top:44px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);line-height:1.9}
@media (max-width:800px){.foot{padding:96px 16px 28px}.foot-grid{grid-template-columns:1fr;gap:24px;margin-top:64px}}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.plasma i{animation:none}}