/* =========================================================================
   SAWDUST SILICON — "The Gold-Leaf Workshop" design system
   Edition 2 · 2026-09-15 · Gold ownership: LOUD here (founder call #2)
   Tokens: warm paper #f4ece4 · graphite ink #21211F (reads black, NEVER brown)
   · soft ink #57544E · charcoal #141312 (cinematic bands) · gold loud
   Type: Space Grotesk (display) · Newsreader (body/editorial)
   Ownable devices: gold-underline typographic signature + numbered specimens
   ========================================================================= */
:root{
  --paper:#f4ece4;
  --paper-deep:#e9e1d5;
  --paper-card:#FAFAF7;
  --ink:#21211F;
  --ink-soft:#57544E;
  --gold:#b8862f;
  --gold-bright:#d4a437;
  --gold-pale:#f2d98b;
  --gold-deep:#8a5f1c;
  --gold-leaf:linear-gradient(100deg,#8a5f1c,#d4a437 38%,#f2d98b 50%,#d4a437 62%,#8a5f1c);
  --char:#141312;
  --char-ink:#E9E8E5;
  --char-soft:#CFC6B4;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Newsreader',Georgia,serif;
  font-size:18.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0}
.kicker{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase}
.gu{background:var(--gold-leaf);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- gold underline typographic signature (display words only) ---------- */
.u{position:relative;white-space:nowrap}
.u::after{content:"";position:absolute;left:-1%;right:-1%;bottom:.06em;height:.16em;
  background:var(--gold-leaf);border-radius:2px;z-index:-1;transform:skewX(-8deg)}

/* ---------- progress hairline ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:70;
  background:var(--gold-leaf);box-shadow:0 0 12px rgba(212,164,55,.65)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;background:rgba(244,236,228,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(33,33,31,.14)}
.nav .word{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:.14em;text-decoration:none;color:var(--ink)}
.nav .word .gu{letter-spacing:.14em}
.nav .links{display:none;gap:20px}
.nav .links a{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;text-decoration:none;color:var(--ink-soft)}
.nav .links a:hover{color:var(--gold)}
.nav .cta{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;text-decoration:none;
  color:#fff;background:var(--ink);padding:13px 20px;min-height:48px;display:inline-flex;align-items:center;
  border-bottom:3px solid var(--gold-bright)}
.nav .cta.pulse{animation:ctapulse 1.8s ease}
@keyframes ctapulse{0%,100%{box-shadow:0 0 0 rgba(212,164,55,0)}25%{box-shadow:0 0 30px rgba(212,164,55,.85)}50%{box-shadow:0 0 8px rgba(212,164,55,.35)}75%{box-shadow:0 0 24px rgba(212,164,55,.7)}}
@media(min-width:860px){.nav .links{display:flex}}

/* ---------- split-studio hero (never a centered manifesto) ---------- */
.hero{position:relative;padding:58px 20px 70px;overflow:hidden;perspective:1300px}
#sawdustfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.hero-grid{max-width:1160px;margin:0 auto;position:relative;z-index:2;transform-style:preserve-3d}
.hero-copy{max-width:640px;transform-style:preserve-3d}
.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1.02;letter-spacing:-.015em;
  font-size:clamp(2.4rem,10.5vw,5.4rem);margin:18px 0 22px}
.hero-sub{font-size:clamp(1.1rem,4.6vw,1.35rem);color:var(--ink-soft);max-width:36ch;margin-bottom:30px}
.hero-cta{display:inline-flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.14em;text-decoration:none;color:#fff;background:var(--ink);padding:19px 32px;min-height:58px;
  border-bottom:4px solid var(--gold-bright);transition:transform .25s}
.hero-cta:hover{transform:translateY(-2px)}
.hero-note{margin-top:16px;font-style:italic;color:var(--ink-soft);display:flex;align-items:center;gap:10px}

/* ---------- specimen card (tilted artifact) ---------- */
.specimen-card{margin:44px 0 0;max-width:340px;background:var(--paper-card);border:1px solid rgba(33,33,31,.18);
  box-shadow:10px 14px 0 rgba(33,33,31,.10),0 24px 60px rgba(138,95,28,.18);padding:22px 22px 26px;
  position:relative;transform-style:preserve-3d}
.specimen-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gold-leaf)}
.specimen-card .no{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold);margin-bottom:10px}
.specimen-card h3{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:10px}
.specimen-card p{font-size:1rem;color:var(--ink-soft);margin-bottom:16px}
.specimen-card .meta{display:flex;gap:14px;flex-wrap:wrap;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}
.specimen-card .go{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--ink);
  text-decoration:none;border-bottom:2px solid var(--gold-bright)}
.specimen-card .pub{display:inline-block;border:1px solid rgba(184,134,47,.65);color:var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;padding:5px 10px;margin-bottom:12px}

/* ---------- custom inline-SVG icons ---------- */
.ic{width:46px;height:46px;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;color:var(--gold)}
.ic-sm{width:26px;height:26px}
.ic-dark{color:var(--ink)}
.js .ic.draw path,.js .ic.draw circle,.js .ic.draw line{stroke-dasharray:1;stroke-dashoffset:1}
.js .ic.draw.in path,.js .ic.draw.in circle,.js .ic.draw.in line{animation:drawstroke 1.1s ease forwards}
.js .ic.draw.in path:nth-of-type(2),.js .ic.draw.in line:nth-of-type(2),.js .ic.draw.in circle:nth-of-type(2){animation-delay:.16s}
.js .ic.draw.in path:nth-of-type(3),.js .ic.draw.in line:nth-of-type(3){animation-delay:.32s}
.js .ic.draw.in path:nth-of-type(4),.js .ic.draw.in line:nth-of-type(4){animation-delay:.48s}
.js .ic.draw.in path:nth-of-type(5){animation-delay:.64s}
@keyframes drawstroke{to{stroke-dashoffset:0}}
.ic-shimmer{position:relative;display:inline-flex}
.ic-shimmer::after{content:"";position:absolute;inset:-6px;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(242,217,139,.55) 50%,transparent 70%);
  background-size:250% 100%;animation:shimmersweep 4.2s ease-in-out infinite}
@keyframes shimmersweep{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}

/* ---------- scroll reveal ---------- */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.3,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- dateline ticker (slow editorial, pause on hover) ---------- */
.dateline{border-top:1px solid rgba(33,33,31,.2);border-bottom:1px solid rgba(33,33,31,.2);
  background:var(--paper-deep);overflow:hidden;white-space:nowrap;padding:12px 0}
.dateline-track{display:inline-block;animation:drift 46s linear infinite;will-change:transform}
.dateline:hover .dateline-track{animation-play-state:paused}
.dateline span{font-family:'Newsreader',serif;font-style:italic;font-size:1.05rem;color:var(--ink-soft);margin-right:3em}
.dateline .g{color:var(--gold-deep);font-style:normal}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- specimens (featured, asymmetric — never a uniform grid) ---------- */
.shelf{max-width:1160px;margin:0 auto;padding:70px 20px 20px;perspective:1100px}
.shelf-head{display:flex;flex-direction:column;gap:10px;margin-bottom:44px}
.shelf h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.9rem,8vw,3.2rem);letter-spacing:-.01em;line-height:1.05}
.shelf .lede{color:var(--ink-soft);max-width:52ch}
.specimen{position:relative;background:var(--paper-card);border:1px solid rgba(33,33,31,.16);
  padding:30px 26px 34px;margin-bottom:40px;max-width:600px;box-shadow:8px 10px 0 rgba(33,33,31,.08);
  transform-style:preserve-3d}
.specimen::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gold-leaf)}
.specimen.s2{margin-left:auto;margin-right:4%;transform:rotate(.8deg)}
.specimen.s1{transform:rotate(-.6deg)}
.specimen.s3{margin-left:10%;transform:rotate(-1.1deg)}
.specimen .spec-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.specimen .no{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold)}
.specimen h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.4rem,6vw,2rem);font-weight:600;line-height:1.15;margin-bottom:12px}
.specimen p{color:var(--ink-soft);margin-bottom:18px;max-width:46ch}
.specimen .meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-family:'Space Grotesk',sans-serif;font-size:11px;
  letter-spacing:.14em;color:var(--ink-soft);margin-bottom:20px}
.specimen .badge{border:1px solid rgba(184,134,47,.6);padding:5px 10px;color:var(--gold)}
.specimen .go{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--ink);
  text-decoration:none;border-bottom:3px solid var(--gold-bright);padding-bottom:2px}
.specimen.upcoming{border-style:dashed}
.specimen.upcoming h3{color:var(--ink-soft)}

/* ---------- library spine (aligned, findable — charcoal band) ---------- */
.library{background:var(--char);color:var(--char-ink);margin-top:60px;padding:64px 20px 80px}
.library-inner{max-width:1160px;margin:0 auto}
.library .kicker{color:var(--gold-pale);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.library h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.7rem,7.4vw,2.8rem);margin-bottom:8px;letter-spacing:-.01em}
.library .lede{color:var(--char-soft);font-style:italic;margin-bottom:36px;max-width:54ch}
.spine{border-top:1px solid rgba(212,164,55,.35)}
.row{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:20px 4px;
  border-bottom:1px solid rgba(212,164,55,.22);text-decoration:none;color:inherit;align-items:baseline}
.row .n{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.24em;color:var(--gold-pale)}
.row h4{font-family:'Space Grotesk',sans-serif;font-size:1.08rem;font-weight:600;line-height:1.3}
.row .d{grid-column:2;color:var(--char-soft);font-size:1rem}
.row .m{grid-column:2;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.14em;color:#C4C3BC;display:flex;gap:14px;flex-wrap:wrap}
.row:hover h4{color:var(--gold-pale)}

/* ---------- editorial credo ---------- */
.credo{max-width:1160px;margin:0 auto;padding:84px 20px}
.credo blockquote{font-family:'Newsreader',serif;font-size:clamp(1.5rem,6.6vw,2.6rem);line-height:1.35;font-weight:500;max-width:26ch}
.credo blockquote .u::after{height:.14em}
.credo .attr{margin-top:26px;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.3em;color:var(--gold);
  font-weight:700;display:flex;align-items:center;gap:10px}
.credo p.body{margin-top:22px;color:var(--ink-soft);max-width:58ch}
.credo-rule{width:120px;height:5px;background:var(--gold-leaf);margin-bottom:34px}

/* ---------- inner-page masthead (asymmetric, never a centered manifesto) ---------- */
.page-head{max-width:1160px;margin:0 auto;padding:64px 20px 44px;position:relative}
.page-head .kicker{color:var(--gold);margin-bottom:14px}
.page-head h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.1rem,9vw,4.2rem);
  line-height:1.04;letter-spacing:-.015em;max-width:16ch}
.page-head .lede{color:var(--ink-soft);font-size:clamp(1.05rem,4.2vw,1.3rem);max-width:56ch;margin-top:18px}
.page-head .stamp{display:inline-block;margin-top:22px;border:1px solid rgba(184,134,47,.65);color:var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;padding:6px 12px}
.page-body{max-width:1160px;margin:0 auto;padding:0 20px 70px}
.prose{max-width:66ch}
.prose p{margin-bottom:20px;color:var(--ink-soft)}
.prose p strong,.prose strong{color:var(--ink)}
.prose .pull{border-left:4px solid;border-image:linear-gradient(var(--gold-bright),var(--gold-deep)) 1;
  padding:10px 0 10px 26px;margin:30px 0;font-size:clamp(1.2rem,5vw,1.5rem);font-style:italic;color:var(--ink);line-height:1.5}
.exhibit{display:flex;align-items:center;gap:16px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.exhibit::before{content:"";width:40px;border-top:2px solid;border-image:linear-gradient(90deg,var(--gold-bright),transparent) 1}
.section-block{max-width:1160px;margin:0 auto 64px;padding:0 20px}
.section-block .prose{max-width:66ch}

/* ---------- cards (asymmetric — never a uniform grid) ---------- */
.cards{display:flex;flex-direction:column;gap:26px;margin-top:10px}
.card{background:var(--paper-card);border:1px solid rgba(33,33,31,.16);padding:28px 26px 32px;
  max-width:620px;box-shadow:8px 10px 0 rgba(33,33,31,.08);position:relative}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gold-leaf)}
.card:nth-child(even){margin-left:auto;transform:rotate(.7deg)}
.card:nth-child(odd){transform:rotate(-.6deg)}
.card .no{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold);margin-bottom:10px}
.card h3{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:600;margin-bottom:10px}
.card p{color:var(--ink-soft);margin-bottom:14px;font-size:1.02rem}
.card .price{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:600;color:var(--ink);
  letter-spacing:.02em;margin-bottom:14px}
.card .go{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--ink);
  text-decoration:none;border-bottom:3px solid var(--gold-bright);padding-bottom:2px}

/* ---------- forms (E5 form protocol UI — owned Worker/D1 intake) ---------- */
.ss-form{background:var(--paper-card);border:1px solid rgba(33,33,31,.18);
  box-shadow:10px 14px 0 rgba(33,33,31,.10),0 24px 60px rgba(138,95,28,.18);padding:32px 28px;position:relative;
  max-width:680px}
.ss-form::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gold-leaf)}
.ss-field{display:block;margin-bottom:20px}
.ss-field>span{display:block;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;
  margin-bottom:8px;color:var(--ink)}
.ss-field input[type=text],.ss-field textarea,.ss-field select{width:100%;font-family:'Newsreader',serif;font-size:17px;
  padding:13px 14px;border:1.5px solid rgba(33,33,31,.28);background:#fff;color:var(--ink);border-radius:0}
.ss-field input:focus,.ss-field textarea:focus,.ss-field select:focus{outline:none;border-color:var(--gold-bright);
  box-shadow:0 0 0 3px rgba(212,164,55,.25)}
.ss-field small{display:block;font-size:.92rem;color:var(--ink-soft);margin-top:8px;font-style:italic}
.ss-radio{display:flex;gap:10px;align-items:flex-start;font-size:1.02rem;margin-bottom:12px;cursor:pointer;color:var(--ink-soft)}
.ss-radio input{margin-top:6px;accent-color:var(--gold)}
.ss-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ss-btn{display:inline-block;background:var(--ink);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:14px;
  font-weight:600;letter-spacing:.14em;padding:19px 34px;border:0;cursor:pointer;width:100%;
  border-bottom:4px solid var(--gold-bright)}
.ss-btn:hover{transform:translateY(-2px)}
.ss-btn:disabled{opacity:.55;cursor:wait}
.ss-err{display:none;background:#FDECEA;border:1px solid #E8A09A;color:#8C2F26;padding:14px 18px;font-size:1rem;margin-bottom:20px}
.ss-ok{display:none;background:var(--paper-card);border:1px solid rgba(33,33,31,.18);
  box-shadow:10px 14px 0 rgba(33,33,31,.10);padding:40px 32px;text-align:center;max-width:680px}
.ss-ok h3{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:12px}
.ss-ok p{color:var(--ink-soft)}
.ss-micro{font-size:.92rem;color:var(--ink-soft);font-style:italic;margin-top:18px;max-width:680px}
.ledger{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.2em;color:var(--ink-soft);
  border-top:1px solid rgba(33,33,31,.16);padding-top:16px;margin-top:56px;text-align:center}

/* ---------- newsletter signup (charcoal band) ---------- */
.nl-band{background:var(--char);color:var(--char-ink);padding:72px 20px}
.nl-inner{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.nl-copy h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.8rem,7.6vw,3rem);line-height:1.06;letter-spacing:-.01em}
.nl-copy p{color:var(--char-soft);font-style:italic;max-width:44ch;margin-top:12px}
.nl-form{max-width:480px}
.nl-form .ss-field input[type=text]{background:#fff}
.nl-form .ss-btn{width:auto}
.nl-ok{display:none;font-style:italic;font-size:1.1rem}
.nl-ok strong{color:#fff}
@media(min-width:900px){.nl-inner{flex-direction:row;justify-content:space-between;align-items:center}}

/* ---------- stats / funders ---------- */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(33,33,31,.2);border:1px solid rgba(33,33,31,.2);margin-bottom:16px}
.stat{background:var(--paper-card);padding:28px 22px;text-align:center}
.stat .n{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.4rem,8vw,3rem);font-weight:700;color:var(--ink);line-height:1}
.stat .t{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px;line-height:1.7}
.source{font-size:.85rem;color:var(--ink-soft);font-style:italic;margin-bottom:8px}
.tiers{display:flex;flex-direction:column;gap:26px}
.tier{background:var(--paper-card);border:1px solid rgba(33,33,31,.18);padding:34px 30px;position:relative;max-width:640px}
.tier.hero{border:1px solid var(--gold);outline:3px double var(--gold);outline-offset:5px}
.tier .flag{position:absolute;top:-13px;left:28px;background:var(--char);color:var(--gold-pale);
  font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;padding:5px 14px}
.tier h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.6rem;margin-bottom:2px}
.tier .price{font-family:'Space Grotesk',sans-serif;font-size:2.4rem;font-weight:700;color:var(--gold);margin:6px 0 18px}
.tier ul{list-style:none}
.tier li{font-size:1.02rem;line-height:1.6;color:var(--ink-soft);margin-bottom:12px;padding-left:22px;position:relative}
.tier li::before{content:"\2014";position:absolute;left:0;color:var(--gold)}
.tier li em{color:var(--ink);font-style:italic}
.per-org{text-align:center;font-size:.95rem;color:var(--ink-soft);margin-top:24px;font-style:italic;max-width:640px}
.beliefs{display:flex;flex-direction:column;gap:22px}
@media(min-width:660px){.beliefs{flex-direction:row;flex-wrap:wrap}.belief{flex:1 1 40%}}
.belief{background:var(--paper-card);border:1px solid rgba(33,33,31,.16);border-top:4px solid;border-image:linear-gradient(90deg,var(--gold-deep),var(--gold-bright)) 1;padding:24px}
.belief h4{font-size:1.1rem;font-weight:600;font-style:italic;color:var(--ink);margin-bottom:8px;font-family:'Space Grotesk',sans-serif}
.belief p{font-size:.98rem;color:var(--ink-soft)}
.step{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid rgba(33,33,31,.16);max-width:680px}
.step:last-child{border-bottom:0}
.step .k{flex:0 0 34px;width:34px;height:34px;border:1.5px solid var(--gold);border-radius:50%;color:var(--gold);
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.step p{font-size:1.02rem;color:var(--ink-soft)}
.step p strong{color:var(--ink)}
.closer{padding:80px 20px;text-align:center;background:var(--char);color:var(--char-ink);margin-top:64px}
.closer .kicker{color:var(--gold-pale);margin-bottom:18px}
.closer h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.9rem,8vw,3rem);margin-bottom:16px}
.closer p{font-size:1.05rem;color:var(--char-soft);max-width:52ch;margin:0 auto 30px;font-style:italic}
.closer .hero-cta{margin-bottom:26px}
.house{margin-top:24px;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--char-soft)}

/* ---------- footer ---------- */
footer.ss-foot{background:var(--paper-deep);border-top:1px solid rgba(33,33,31,.16);padding:52px 20px 36px}
.foot-inner{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.foot-word{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;letter-spacing:.14em}
.foot-tag{font-style:italic;color:var(--ink-soft);max-width:44ch}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot-links a{color:var(--ink-soft);text-decoration:none;font-size:1rem}
.foot-links a:hover{color:var(--gold)}
.legal{font-size:.9rem;color:var(--ink-soft)}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .dateline-track,.ic-shimmer::after{animation:none!important}
  .js .reveal{opacity:1;transform:none;transition:none}
  .js .ic.draw path,.js .ic.draw circle,.js .ic.draw line{stroke-dasharray:none;stroke-dashoffset:0}
  html{scroll-behavior:auto}
}

/* ---------- desktop ---------- */
@media (min-width:900px){
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
  .specimen-card{margin:20px 0 0 auto;max-width:360px}
  .specimen.s2{margin-right:8%}
  .specimen.s3{margin-left:14%}
  .foot-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}
  .tiers{flex-direction:row;align-items:stretch}
  .tier{flex:1}
  .tilt:hover{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(14px)}
}
@media (hover:hover) and (pointer:fine){
  .tilt{transition:transform .35s ease}
}