@font-face { font-family: "CormorantSC"; src: url("assets/fonts/CormorantSC-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "CormorantSCMedium"; src: url("assets/fonts/CormorantSC-Medium.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "InterVar"; src: url("assets/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype"); font-display: swap; }
:root {
  --pure-black:#000000;
  --graphite:#171717;
  --bone:#ebe5d8;
  --base:#000000;
  --panel:#171717;
  --alt:#ebe5d8;
  --text:#f2efe7;
  --darktext:#0a0a0a;
  --muted:#c8c1b2;
  --rule:rgba(234,230,221,.18);
  --max:1280px;
  --pad:clamp(24px,3vw,52px);
  --touch:52px;
  --shadow:0 24px 80px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--base);color:var(--text);font-family:"InterVar",Inter,system-ui,sans-serif;line-height:1.45;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="1.1" numOctaves="2" stitchTiles="stitch"/></filter><rect width="200" height="200" filter="url(%23n)" opacity="1"/></svg>');mix-blend-mode:screen;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
.shell{width:min(var(--max),calc(100vw - (var(--pad)*2)));margin:0 auto;}
.site-head{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;}
.brand-chip{display:inline-flex;align-items:center;min-height:44px;max-width:260px;}
.brand-chip img{max-height:30px;width:auto;}
.nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 16px;border-radius:999px;color:var(--text);font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.86;border:1px solid transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.nav a:hover,.nav a:focus-visible{border-color:var(--rule);opacity:1;outline:none}
.hero{min-height:100svh;display:grid;align-items:center;padding:72px 0 72px;position:relative;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:min(7vw,96px);align-items:center;}
.hero-copy{max-width:640px;}
.eyebrow{display:inline-block;margin-bottom:18px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
.h1{margin:0 0 18px;font-family:"CormorantSCMedium", "CormorantSC", serif;font-size:clamp(54px,7vw,108px);font-weight:500;line-height:.95;letter-spacing:.01em;}
.lead{margin:0;max-width:38ch;font-size:clamp(16px,1.5vw,19px);color:rgba(255,255,255,.86)}
.hero-actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 20px;border-radius:14px;border:1px solid var(--rule);font-size:12px;letter-spacing:.18em;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;}
.btn:hover,.btn:focus-visible{transform:translateY(-1px);border-color:rgba(234,230,221,.4);background:rgba(255,255,255,.02);outline:none}
.hero-mark{justify-self:end;display:grid;gap:28px;align-items:center;justify-items:end;}
.hero-mark img{width:min(560px,48vw);filter:drop-shadow(0 24px 60px rgba(0,0,0,.42));}
.hero-mark .alt-mark{width:min(620px,54vw);opacity:.94}
.section{padding:clamp(88px,9vw,140px) 0;border-top:1px solid var(--rule);}
.section--bone{background:var(--bone);color:var(--darktext);}
.section--bone .eyebrow,.section--bone .section-copy p{color:rgba(12,12,12,.72)}
.section--bone .section-title,.section--bone .list li,.section--bone .packet .k,.section--bone .packet .v{color:var(--darktext)}
.section--bone .btn{border-color:rgba(10,10,10,.16)}
.section--graphite{background:var(--graphite);color:var(--text)}
.section--black{background:#000;color:var(--text)}
.section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:min(6vw,84px);align-items:start;}
.section-copy{max-width:720px;}
.section-title{margin:0 0 18px;font-family:"CormorantSCMedium", "CormorantSC", serif;font-size:clamp(38px,4.6vw,68px);line-height:1;}
.section-copy p{margin:0 0 22px;font-size:clamp(16px,1.35vw,18px);max-width:42ch;color:rgba(255,255,255,.78)}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;padding:0;margin:0;list-style:none;}
.list li{padding:18px 0;border-top:1px solid var(--rule);font-size:clamp(15px,1.25vw,17px);letter-spacing:.02em;}
.statements{display:grid;gap:12px;padding:0;margin:0;list-style:none}
.statements li{padding:16px 0;border-top:1px solid var(--rule);font-size:clamp(15px,1.25vw,17px);}
.media-wrap{position:relative;align-self:center;}
.media-card{position:relative;border:1px solid var(--rule);border-radius:28px;padding:clamp(16px,2vw,24px);background:rgba(255,255,255,.02);box-shadow:var(--shadow);overflow:hidden;}
.section--bone .media-card{background:rgba(0,0,0,.03)}
.media-card img{width:100%;opacity:0;transform:translateY(18px) scale(.985);filter:blur(18px);transition:opacity .9s ease, transform .9s ease, filter .9s ease;}
.media-card img.is-ready{opacity:1;transform:none;filter:none}
.packet{border:1px solid var(--rule);border-radius:24px;padding:26px;background:rgba(255,255,255,.02);box-shadow:var(--shadow);}
.packet-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding-bottom:18px;border-bottom:1px solid var(--rule);margin-bottom:18px;}
.packet-title{font-family:"CormorantSCMedium", "CormorantSC", serif;font-size:36px;line-height:1;margin:0;}
.packet-meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.packet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;}
.packet-row{padding:14px 0;border-top:1px solid var(--rule);}
.packet .k{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.packet .v{display:block;font-size:15px;letter-spacing:.02em;word-break:break-word;}
.end-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;}
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{left:24px;top:24px;width:auto;height:auto;z-index:70;padding:12px 16px;border-radius:12px;background:#fff;color:#000}
@media (max-width: 980px) {
  .hero{min-height:auto;padding:48px 0 72px;}
  .hero-grid,.section-grid{grid-template-columns:1fr;}
  .hero-mark{justify-self:start;justify-items:start;}
  .hero-mark img,.hero-mark .alt-mark{width:min(100%,760px);}
  .list{grid-template-columns:1fr;}
  .packet-grid{grid-template-columns:1fr;}
}
@media (pointer: coarse) {
  .nav a,.btn{min-height:56px;padding-inline:18px;}
}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}
  .btn,.media-card img{transition:none}
}