/* Week Twelve: overrides on tokens.css. See the Design Spine at the top of index.html. */

:root{
  --font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-text:"Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-serif:"Newsreader", Georgia, serif;
  --font-code:ui-monospace, "SF Mono", Menlo, monospace;

  --dark:#13120F;
  --cream:#ECE7DB;
  --paper:var(--dark);
  --ink-rgb:241 236 225;

  --index:clamp(3.1rem, .6rem + 6.6vw, 7rem);
  --display:clamp(2.6rem, 1.2rem + 3.8vw, 4.75rem);
  --display-wt:400; --display-lh:.98; --display-ls:-.035em;
  --h2:clamp(2rem, 1.25rem + 2.1vw, 3.375rem);
  --h2-wt:400; --h2-lh:1.04; --h2-ls:-.03em;
  --h3:clamp(1.25rem, 1.05rem + .7vw, 1.75rem);
  --h3-wt:400; --h3-lh:1.18; --h3-ls:-.018em;
  --lead:clamp(1.25rem, 1.05rem + .6vw, 1.625rem);
  --label-ls:.09em;

  --container:1360px;
  --margin:clamp(1.25rem, .5rem + 3vw, 3rem);
  --r-btn:2px; --r-card:4px; --r-media:4px;
  --btn-h:48px; --btn-h-sm:36px;

  --ease:cubic-bezier(.19, 1, .22, 1);
  --ease-inout:cubic-bezier(.77, 0, .175, 1);
  --t-reveal:900ms; --t-field:650ms; --stagger:70ms;
}

/* Every section is a field: one paper, one ink, tiers by opacity. Derived tokens re-declared here. */
.field{
  --ink:rgb(var(--ink-rgb));
  --ink-2:rgb(var(--ink-rgb) / .74);
  --ink-3:rgb(var(--ink-rgb) / .46);
  --hairline:rgb(var(--ink-rgb) / .13);
  --hairline-2:rgb(var(--ink-rgb) / .3);
  --ring:0 0 0 1px var(--hairline);
  --accent:var(--ink); --accent-ink:var(--paper); --focus:var(--ink);
  background-color:var(--paper); color:var(--ink);
}
.f-dark{--paper:#13120F; --ink-rgb:241 236 225}
.f-cream{--paper:#ECE7DB; --ink-rgb:22 21 17}
body.field{letter-spacing:.006em}

/* ---------- Text bundles (Archivo widths do the hierarchy) ---------- */
.t-display{font-stretch:112%}
.t-h2{font-stretch:108%}
.t-h3{font-stretch:104%}
.t-lead{font-family:var(--font-serif);font-weight:350;font-variation-settings:"opsz" 24;letter-spacing:-.01em;line-height:1.32}
.t-lead em{font-style:italic}
.t-label{font-family:var(--font-text);font-weight:500;font-stretch:112%;letter-spacing:var(--label-ls)}
.t-small{font-size:var(--small);line-height:1.5}
.dim{color:var(--ink-2)}

/* ---------- Buttons: square camp ---------- */
.btn{border-radius:var(--r-btn);padding:1px 22px 0;font-weight:500;font-size:15px;font-stretch:108%}
.btn--text{background:none;padding-inline:4px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--hairline-2);text-underline-offset:.3em}
.btn--text:hover{text-decoration-color:currentColor}
.btn--block{width:100%;justify-content:space-between}
.ctas{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.link{text-underline-offset:.3em}

/* ---------- Nav: takes the ink of whichever field sits under it (app.js) ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:32px;
  height:var(--nav-h);padding-inline:var(--margin);color:#ECE7DB;font-size:var(--ui);transition:color var(--t-field) var(--ease),background-color var(--t-field) var(--ease)}
.nav a{text-decoration:none}
.brand{display:inline-flex;padding-block:12px;align-items:center;gap:12px;font-weight:600;font-stretch:112%;letter-spacing:-.01em;font-size:15px}
.nav-links{display:flex;gap:28px}
.nav-links a{opacity:.8;padding-block:12px;transition:opacity var(--t-fast) var(--ease-ui)}
.nav-links a:hover{opacity:1}
.nav-status{justify-self:end;display:inline-flex;align-items:center;gap:8px;margin:0;opacity:.8}
.nav-cta{font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle;animation:pulse 2.4s var(--ease-ui) infinite}
@keyframes pulse{50%{opacity:.25}}

/* The mark: 12 bars, this week lit. Built in app.js. */
.mark{display:inline-flex;gap:2px;height:16px;align-items:stretch}
.mark i{width:2px;background:currentColor;opacity:.3}
.mark i.past{opacity:.75}
.mark i.now{opacity:1;transform:scaleY(1.35);transform-origin:bottom}
.mark--lg{height:44px;gap:5px;margin-bottom:24px}
.mark--lg i{width:5px}

/* ---------- Hero ---------- */
.hero{padding-top:calc(var(--nav-h) + clamp(3rem, 1rem + 6vw, 7rem));padding-bottom:var(--s-8);position:relative;
  transition:background-color var(--t-field) var(--ease),color var(--t-field) var(--ease)}
.hero-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;margin-bottom:var(--s-8)}
.hero-h1{grid-column:1 / span 7;max-width:11ch}
.hero-side{grid-column:9 / span 4;display:grid;gap:28px;padding-bottom:6px}
.hero-side .t-lead{max-width:30ch}

.ix-head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);opacity:.7}
.ix-list{list-style:none;margin:0;padding:0}
.ix{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,22ch) 40px;align-items:center;column-gap:var(--gap);
  padding:14px 0 10px;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);text-decoration:none;
  transition:opacity var(--t-ui) var(--ease-ui)}
.ix-batch{opacity:.8;align-self:start;padding-top:.9em}
.ix-name{font:600 var(--index)/.84 var(--font-display);font-stretch:62.5%;text-transform:uppercase;letter-spacing:-.005em;
  transition:transform 500ms var(--ease)}
.ix-scope{font-size:var(--ui);line-height:1.35;opacity:.8}
.ix-arr{justify-self:end;font-size:22px;transform:rotate(45deg);transition:transform 400ms var(--ease)}
.ix-list:hover .ix:not(:hover),.ix-list:focus-within .ix:not(:focus-visible):not(:hover){opacity:.32}
.ix:hover .ix-name,.ix:focus-visible .ix-name{transform:translateX(24px)}
.ix:hover .ix-arr{transform:rotate(45deg) translateX(4px)}

.preview{position:fixed;left:0;top:0;width:272px;aspect-ratio:4/5;pointer-events:none;z-index:40;opacity:0;
  transition:opacity 260ms var(--ease-ui);will-change:transform}
.preview.is-on{opacity:1}
.preview .poster{position:absolute;inset:0;opacity:0;transform:scale(.96);transition:opacity 260ms var(--ease-ui),transform 500ms var(--ease)}
.preview .poster.is-on{opacity:1;transform:none}

/* Posters + tiles: inverted duotone of each client's field */
.poster,.tile{background:var(--pi);color:var(--pf);display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:var(--r-card)}
.poster svg{width:40px;height:40px}
.p-tag{font:400 15px/1.3 var(--font-serif);max-width:20ch;margin-top:auto;margin-bottom:12px}
.p-word{line-height:.9;margin:0}
.w-halyard{font:300 54px/.9 var(--font-display);font-stretch:125%;letter-spacing:-.05em}
.w-pellucid{font:400 italic 60px/.9 var(--font-serif);letter-spacing:-.03em}
.w-ferrous{font:600 66px/.85 var(--font-display);font-stretch:70%;letter-spacing:.02em}
.w-okra{font:600 64px/.9 var(--font-display);font-stretch:125%;letter-spacing:-.06em}
.w-tallwater{font:400 52px/.9 var(--font-serif);letter-spacing:-.025em}
.w-corvid{font:400 40px/.9 var(--font-display);letter-spacing:.32em;font-stretch:100%}

/* ---------- Batch band ---------- */
.batch{padding-block:var(--s-8) var(--s-10)}
.batch-meta{display:flex;justify-content:space-between;color:var(--ink-2);margin-bottom:14px}
.weeks{list-style:none;margin:0 0 var(--s-9);padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.weeks li{height:72px;background:rgb(var(--ink-rgb) / .08);position:relative;display:flex;align-items:flex-end;padding:8px;
  font:500 11px/1 var(--font-text);font-stretch:112%;letter-spacing:.06em;color:var(--ink-2);overflow:hidden}
.weeks li.past{background:rgb(var(--ink-rgb) / .24);color:var(--ink-2)}
.weeks li.now{background:var(--ink);color:var(--paper)}
.weeks li.now::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,40%);background:rgb(0 0 0 / .14)}
.weeks li:last-child{box-shadow:inset 0 0 0 1px var(--ink-3)}
.weeks li:last-child::before{content:"Demo Day";position:absolute;top:8px;left:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.weeks li.now:last-child::before{color:var(--paper)}
.manifesto{max-width:24ch;font-size:clamp(2rem, 1rem + 3vw, 4.25rem);line-height:1.02;letter-spacing:-.035em;font-stretch:110%}

/* ---------- Work ---------- */
.work-intro{padding-block:0 var(--s-8)}
.work-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;border-top:1px solid var(--hairline);padding-top:24px}
.work-head > p{grid-column:1 / span 3;margin:0;align-self:start}
.work-head h2{grid-column:4 / span 9;max-width:22ch}

.case{position:sticky;top:0;min-height:100vh;min-height:100svh;display:grid;align-content:center;padding-block:calc(var(--nav-h) + 24px) 48px}
.case-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.case-copy{grid-column:1 / span 5}
.case .win{grid-column:7 / span 6}
.case-meta{display:flex;justify-content:space-between;color:var(--ink-2);border-bottom:1px solid var(--hairline-2);padding-bottom:12px;margin:0 0 28px}
.case-name{font:600 clamp(4.5rem, 1rem + 9vw, 10rem)/.82 var(--font-display);font-stretch:62.5%;text-transform:uppercase;letter-spacing:-.005em;margin-bottom:28px}
.case-line{max-width:26ch;margin-bottom:36px}
.spec{margin:0;border-top:1px solid var(--hairline-2)}
.spec div{display:grid;grid-template-columns:150px 1fr;padding:11px 0;border-bottom:1px solid var(--hairline-2);font-size:var(--ui)}
.spec dt{font:500 var(--label)/1.6 var(--font-text);font-stretch:112%;letter-spacing:var(--label-ls);text-transform:uppercase;color:var(--ink-2)}
.spec dd{margin:0;display:flex;align-items:center;gap:12px}
.mini{display:inline-grid;grid-template-columns:repeat(12,3px);gap:2px;height:12px}
.mini i{background:currentColor;opacity:.22}
.mini i.on{opacity:1}

/* Product windows: the only real shadow on the page */
.win{margin:0;background:var(--win);border-radius:8px;overflow:hidden;font-size:13px;line-height:1.4;
  box-shadow:0 0 0 1px rgb(0 0 0 / .14),0 40px 60px -30px rgb(0 0 0 / .45),0 18px 36px -18px rgb(0 0 0 / .25);color:var(--ink)}
.win-bar{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid var(--hairline);
  font-size:12px;color:var(--ink-3)}
.win-bar > span:nth-child(2){text-align:center}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--hairline-2)}
.win-body{padding:22px}
.ui-kicker{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-stretch:112%}
.ui-title{font-size:20px;font-weight:500;letter-spacing:-.015em;margin-bottom:6px}
.ui-dim{color:var(--ink-2);font-size:13px}

.docs{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:0}
.docs-nav{list-style:none;margin:0;padding:20px 0 20px 16px;border-right:1px solid var(--hairline);color:var(--ink-3)}
.docs-nav li{padding:6px 10px;border-radius:3px}
.docs-nav .on{background:rgb(var(--ink-rgb) / .08);color:var(--ink)}
.docs-main{padding:22px 22px 22px 0}
.docs-main .ui-dim{max-width:44ch;margin-bottom:16px}
.code{margin:0;font:12px/1.55 var(--font-code);background:rgb(0 0 0 / .22);padding:14px 16px;border-radius:4px;color:var(--ink-2);white-space:pre;overflow:hidden}
.code b{color:var(--ink);font-weight:600}
.code--resp{color:var(--ink)}
.resp-head{display:flex;justify-content:space-between;margin:16px 0 8px;font-size:12px;color:var(--ink-3)}
.ok::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:middle}
.ok{color:var(--ink)}
.caret{display:inline-block;width:7px;height:1.1em;background:var(--ink);vertical-align:text-bottom;margin-left:2px;animation:blink 1.06s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.ev-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--hairline)}
.ev-score{font:400 64px/.9 var(--font-serif);letter-spacing:-.03em;margin:6px 0 8px}
.ev-score small{font-size:.45em;margin-left:2px}
.ev-progress{width:42%}
.bar{display:block;height:4px;background:var(--hairline);margin-top:10px;border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;width:88%;background:var(--ink);transition:width .4s var(--ease-ui)}
.ev-table,.rfq-table{width:100%;border-collapse:collapse;margin-top:8px}
.ev-table th,.rfq-table th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);padding:12px 8px 8px 0;font-stretch:112%}
.ev-table td,.rfq-table td{padding:10px 8px 10px 0;border-top:1px solid var(--hairline);vertical-align:middle}
.ev-table td:first-child{color:var(--ink-3);font-variant-numeric:tabular-nums}
.ev-table td:nth-child(3){color:var(--ink-2)}
.chip{display:inline-block;padding:2px 8px;border-radius:3px;background:var(--ink);color:var(--win);font-size:11px;font-weight:500}
.chip--fail{background:none;box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.pending td{color:var(--ink-3)}
.shimmer{background:linear-gradient(90deg,var(--ink-3) 30%,var(--ink) 50%,var(--ink-3) 70%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.6s linear infinite}
@keyframes shimmer{to{background-position:-150% 0}}

.rfq-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--hairline)}
.rfq-clock{text-align:right}
.rfq-clock .t-num{font:500 30px/1 var(--font-display);font-stretch:75%;letter-spacing:.01em;margin-top:6px}
.rfq-table td:nth-child(n+3),.rfq-table th:nth-child(n+3){text-align:right}
.rfq-table td:first-child em{display:block;font-style:normal;font-size:11px;color:var(--ink-2);margin-top:2px}
.rfq-table .best td{color:var(--ink);background:rgb(var(--ink-rgb) / .08)}
.rfq-table .best td:first-child{box-shadow:inset 2px 0 0 var(--ink);padding-left:10px}
.rfq-table tr:not(.best) td{color:var(--ink-2)}
.rfq-cta{display:flex;justify-content:space-between;margin-top:18px;padding:12px 14px;background:var(--ink);color:var(--win);border-radius:2px;font-weight:500}

/* More work */
.more{padding-block:var(--s-9) var(--s-10)}
.more-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}
.more-head .link{display:inline-block;padding-block:12px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr)}
.tile{border-radius:0;aspect-ratio:4/5;padding:clamp(20px,2.4vw,36px);transition:background-color var(--t-ui) var(--ease-ui)}
.tile svg{width:48px;height:48px}
.tile .p-word{margin-top:auto;margin-bottom:28px;font-size:clamp(48px,6vw,96px)}
.tile .w-corvid{font-size:clamp(32px,3.6vw,56px)}
.tile-foot{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:1px solid currentColor;padding-top:14px;font-size:var(--ui);line-height:1.4}
.tile-foot p{max-width:30ch}

/* ---------- Process (Gantt on 12 columns) ---------- */
.process{padding-block:var(--s-9)}
.process-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);margin-bottom:var(--s-8)}
.process-head p{grid-column:1 / span 3;padding-top:.6em}
.process-head h2{grid-column:4 / span 9;max-width:22ch}
.gantt{position:relative;--name:minmax(0,3fr);--track:minmax(0,9fr)}
.g-row{display:grid;grid-template-columns:var(--name) var(--track);column-gap:var(--gap);border-top:1px solid var(--hairline-2);padding-block:18px;align-items:center}
.g-row:last-of-type{border-bottom:1px solid var(--hairline-2)}
.g-scale{border-top:0;padding-block:0 12px}
.g-track{display:grid;grid-template-columns:repeat(12,1fr);position:relative;min-height:44px;align-items:center}
.g-scale .g-track i{font:500 11px/1 var(--font-text);font-stretch:112%;font-style:normal;color:var(--ink-3);letter-spacing:.06em}
.g-track b{grid-column:var(--s) / calc(var(--e) + 1);height:44px;background:var(--ink);color:var(--paper);display:flex;align-items:center;padding-inline:12px;
  border-radius:2px;font-weight:400;transform-origin:left;transition:transform 1s var(--ease)}
.g-track b .t-label{white-space:nowrap}
.g-title{font-size:var(--h3);font-stretch:104%;letter-spacing:-.018em;line-height:1.15}
.g-desc{color:var(--ink-2);font-size:var(--ui);max-width:34ch;margin-top:4px}
.g-now{position:absolute;top:0;bottom:0;pointer-events:none;background:rgb(var(--ink-rgb) / .07);border-inline:1px dashed var(--ink-3);z-index:0}
.g-now span{position:absolute;bottom:calc(100% + 8px);left:0;white-space:nowrap;color:var(--ink)}
.g-row{position:relative;z-index:1}
.js .gantt:not(.is-in) .g-track b{transform:scaleX(0)}

.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:var(--s-8) 0 0}
.terms div{border-top:1px solid var(--ink);padding-top:16px}
.terms dd{margin:12px 0 0;max-width:34ch}

/* ---------- Voices ---------- */
.voices{padding-block:var(--s-7) var(--s-9)}
.big-quote{max-width:1100px;margin-bottom:var(--s-9)}
.big-quote p{font:300 clamp(2rem, 1rem + 3.2vw, 4.25rem)/1.08 var(--font-serif);letter-spacing:-.025em;text-indent:-.4em}
.big-quote figcaption{display:flex;gap:14px;align-items:center;margin-top:36px;font-size:var(--ui)}
.av{width:44px;height:44px;border-radius:50%;background:var(--pf);color:var(--pi);display:grid;place-items:center;font:500 13px/1 var(--font-text);font-stretch:112%;letter-spacing:.04em}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.quotes figure{margin:0;padding:0 var(--gap) 0 0;border-top:1px solid var(--ink);padding-top:18px}
.quotes figure + figure{padding-left:var(--gap);border-left:1px solid var(--hairline-2)}
.quotes p{font:400 clamp(1.1rem, 1rem + .4vw, 1.375rem)/1.35 var(--font-serif);margin-bottom:24px;max-width:30ch}
.quotes figcaption{display:grid;font-size:var(--small)}

/* ---------- Pricing ---------- */
.pricing{padding-block:var(--s-9)}
.pricing-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:var(--s-7)}
.pricing-head h2{max-width:16ch}
.slots{display:grid;gap:10px;min-width:240px}
.slot-row{display:flex;gap:6px}
.slot-row i{width:44px;height:22px;box-shadow:inset 0 0 0 1px var(--ink-3)}
.slot-row i.on{background:var(--ink);box-shadow:none}
.plans{display:grid;grid-template-columns:7fr 5fr;gap:1px;background:var(--hairline-2);border:1px solid var(--hairline-2)}
.plan{background:var(--paper);padding:clamp(24px,3vw,44px);display:flex;flex-direction:column}
.plan header{display:flex;justify-content:space-between;align-items:baseline}
.plan--main{--paper:#ECE7DB;--ink-rgb:22 21 17;--ink:rgb(var(--ink-rgb));--ink-2:rgb(var(--ink-rgb) / .66);--hairline:rgb(var(--ink-rgb) / .13);--hairline-2:rgb(var(--ink-rgb) / .3);color:var(--ink)}
.price{font:400 clamp(3rem, 1.5rem + 4vw, 5.5rem)/.95 var(--font-display);font-stretch:112%;letter-spacing:-.045em;margin:40px 0 8px}
.plan-alt{color:var(--ink-2);margin-bottom:32px}
.plan ul{list-style:none;margin:0 0 40px;padding:0;flex:1}
.plan li{padding:11px 0;border-top:1px solid var(--hairline);display:flex;gap:12px}
.plan li::before{content:"✓";color:var(--ink-2)}
.fine{margin-top:20px}

/* ---------- Finale ---------- */
.finale{padding-block:var(--s-9) var(--s-8)}
.finale-h{font:600 clamp(3.5rem, .5rem + 11.5vw, 13rem)/.84 var(--font-display);font-stretch:62.5%;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--s-7)}
.finale-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px 64px;flex-wrap:wrap;border-top:1px solid var(--ink);padding-top:24px}
.finale-row .t-lead{max-width:28ch}

/* ---------- Footer ---------- */
.foot{padding-block:var(--s-8) 32px;font-size:var(--ui)}
.foot-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--gap);padding-bottom:var(--s-8)}
.foot-grid > *{display:grid;align-content:start;gap:8px}
.foot-grid a{text-decoration:none;width:fit-content;padding-block:6px}
.foot-grid a:hover{text-decoration:underline}
.foot-grid .t-label{margin-bottom:8px}
.foot-brand p{max-width:30ch}
.foot-base{display:flex;justify-content:space-between;border-top:1px solid var(--hairline);padding-top:20px}

/* ---------- Mobile: recomposed ---------- */
@media (max-width: 900px){
  .nav{grid-template-columns:1fr auto;gap:16px}
  .nav-links,.nav-status{display:none}
  .hero-top{display:block}
  .hero-side{margin-top:28px}
  .hero-h1{max-width:12ch}
  .ix{grid-template-columns:44px minmax(0,1fr) 24px;row-gap:6px}
  .ix-scope{grid-column:2 / span 2;grid-row:2}
  .ix-arr{grid-row:1;grid-column:3}
  .ix-name{font-size:clamp(2.75rem, 13vw, 5rem)}
  .hide-touch{display:none}
  .weeks li{height:48px;padding:5px;font-size:9px}
  .weeks li:last-child::before{content:"DD";top:5px;left:5px}
  .work-head,.process-head{display:block}
  .work-head > p,.process-head p{margin-bottom:16px}
  .case{position:relative;min-height:0;padding-block:var(--s-8)}
  .case-grid{display:block}
  .case-copy{margin-bottom:40px}
  .spec div{grid-template-columns:120px 1fr}
  .docs{grid-template-columns:1fr}
  .docs-nav{display:none}
  .docs-main{padding:20px}
  .ev-top{display:block}.ev-progress{width:100%;margin-top:14px}
  .ev-table th:nth-child(3),.ev-table td:nth-child(3){display:none}
  .rfq-table th:nth-child(2),.rfq-table td:nth-child(2){display:none}
  .tiles{grid-template-columns:1fr}
  .tile{aspect-ratio:auto;min-height:340px}
  .gantt{--name:1fr;--track:1fr}
  .g-row{grid-template-columns:1fr;row-gap:12px}
  .g-scale .g-name{display:none}
  .g-scale .g-track i{font-size:9px}
  .g-now{display:none}
  .g-track{min-height:32px}.g-track b{height:32px;padding-inline:8px}
  .g-track b .t-label{font-size:9px;letter-spacing:.04em}
  .terms,.quotes{grid-template-columns:1fr;gap:28px}
  .quotes figure + figure{padding-left:0;border-left:0}
  .pricing-head{display:block}.slots{margin-top:32px}
  .plans{grid-template-columns:1fr}
  .finale-row .ctas,.hero-side .ctas{flex-direction:column;align-items:stretch}
  .finale-row .ctas .btn,.hero-side .ctas .btn--primary{justify-content:center}
  .btn--text{height:44px;justify-content:center}
  .foot-grid{grid-template-columns:1fr 1fr;row-gap:36px}
  .foot-brand{grid-column:1 / -1}
  .foot-base{flex-direction:column;gap:6px}
}
@media (hover: none){ .preview{display:none} }

@media (prefers-reduced-motion: reduce){
  .js .gantt:not(.is-in) .g-track b{transform:none}
  .live-dot,.caret,.shimmer{animation:none}
  .shimmer{color:var(--ink-3);background:none}
}
.case.field{--ink-2:rgb(var(--ink-rgb) / .82)}