/* R3 · Ridge, instrument-forward. Axis moved: the core.
   Bigger core in the fold, sticky beside the leak section only (the cards light its ports),
   the instrument cards get a full band, the founder statement pins beside the proof.
   Still one signature moment per fold. */

/* the fold: the core takes more of it */
@media (min-width:961px){ .hero .wrap{grid-template-columns:1fr 1fr} .chamber{min-height:clamp(440px,72vh,700px)} }
.hero-h1{font-size:clamp(3rem,7.4vw,6.8rem)}

/* leak: copy left, the orb rides a sticky stage on the right */
.leak-grid{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:clamp(24px,4vw,56px)}
.leak-grid .seq{grid-template-columns:1fr 1fr}
.leak-grid .seq-card,.leak-grid .seq-card:nth-child(4){grid-column:auto}
.leak-grid .seq-card:last-child{grid-column:1 / -1}
.orb-stage-col{position:relative}
.orb-stage{position:sticky; top:calc(var(--nav-h) + 6vh); height:min(64vh,520px)}
.stage-lbl{position:sticky; top:calc(var(--nav-h) + 6vh + min(64vh,520px) + 8px); font-family:var(--mono); font-size:.62rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--dim); text-align:center; max-width:none}
.seq-card[data-port]{cursor:crosshair}

/* instrument: a full band */
#instrument{background:linear-gradient(180deg,rgba(15,18,23,.96),rgba(10,13,17,.96)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); z-index:2}
#instrument .instr{gap:0; border:1px solid var(--line)}
#instrument .icard{border:0; border-right:1px solid var(--line); border-radius:0; padding:40px 34px 32px; background:transparent}
#instrument .icard:last-child{border-right:0}
#instrument .icard.on{background:rgba(var(--ace-rgb),.045)}
#instrument .icard .hd b{font-size:clamp(3rem,5vw,4.6rem)}
#instrument .spark{height:110px}
#check{padding-top:var(--cut)!important}

/* proof: the founder statement pins while the facts scroll */
.proof.pinned{grid-template-columns:.9fr 1.1fr}
.pin{position:relative}
.pin .qband{position:sticky; top:calc(var(--nav-h) + 40px); border:0; padding:0; background:none}
.pin .qband blockquote p{font-size:clamp(1.4rem,2.5vw,2.2rem)}
.pin .qband .who{font-size:.66rem; max-width:none}
.proof-body .facts{margin-top:36px}

@media (max-width:960px){
  .leak-grid{grid-template-columns:1fr}
  .orb-stage-col{display:none}
  .proof.pinned{grid-template-columns:1fr}
  .pin .qband{position:static}
}
@media (max-width:900px){
  #instrument .icard{border-right:0; border-bottom:1px solid var(--line)}
  #instrument .icard:last-child{border-bottom:0}
}
@media (max-width:560px){ .leak-grid .seq{grid-template-columns:1fr} }

/* ── 2026-10-22 edit pass (A–I) ── */
/* A. lockup: ~8px clear air between the wordmark and A.C.E. (header and footer) */
.ace{flex-direction:row; align-items:center; gap:11px}
.ace-mk{width:34px; height:34px; flex:none; color:var(--text)}

/* C. custom vertical: a quiet block under the card grid, one thin rule, no card */
.vert{margin-top:clamp(36px,5vw,56px); padding-top:28px; border-top:1px solid var(--line); max-width:64ch}
.vert h3{margin:14px 0 10px}
.vert p:not(.eyebrow){color:var(--dim); font-size:.98rem; margin:0 0 18px}

/* D. intake flow on each ICP card; the choke point in green, no animation */
.flow{display:flex; flex-wrap:wrap; gap:4px 0; list-style:none; margin:12px 0 0; padding:0; font-size:.72rem; line-height:1.5; color:var(--dim)}
.flow li+li::before{content:"\203A"; content:"\203A" / ""; display:inline-block; margin:0 .5em; color:var(--dim)}
.flow .choke{color:var(--ace); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}

/* F. the check: the label wraps to two lines on narrow screens, one line on desktop */
.check-row .k{line-height:1.35}
@media (min-width:961px){ .check-row .k{width:150px} }
.check p+p{margin-top:16px}
.check-note{margin:14px 0 0; font-size:.88rem; color:var(--dim); max-width:none}

/* H. facts: room for 40–60 hrs and 6,832 */
.facts li{grid-template-columns:132px 1fr}
@media (max-width:520px){ .facts li{grid-template-columns:104px 1fr} }

/* I. FAQ booking link: a text link, no button chrome */
.faq-book{color:var(--ace); font-size:.82rem; text-decoration:underline; text-underline-offset:3px; white-space:nowrap}
.faq-book:hover{color:#fff}
/* client marks: a slim band, same height and label column as the tool tickers */
.clients.tband{padding:0; border-bottom:1px solid var(--line)}
.clients.tband .clip{-webkit-mask:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 120px),transparent);
  mask:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 120px),transparent)}
.clients .lgo{height:58px; padding:0 30px; opacity:.62; border-right:1px solid rgba(35,43,54,.5)}
.clients .lgo svg{height:calc(var(--h,30px) * .7)}
@media (max-width:760px){ .clients .lgo{height:52px; padding:0 24px} }
.clients .ltick{animation-duration:104s}
/* footer base: legal links left, direct contact and social right */
.foot-base{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px 28px}
.foot-base a{color:var(--muted); text-decoration:none; transition:color .2s}
.foot-base a:hover{color:var(--ace)}
.foot-legal a{margin-left:14px}
.foot-sep{margin-left:10px}
.foot-contact{display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px}
.foot-social{display:flex; align-items:center; gap:16px}
.foot-social a{display:grid; place-items:center; width:28px; height:28px; margin:-5px}
.foot-social svg{width:18px; height:18px; fill:currentColor}
@media (max-width:520px){ .foot-legal a{margin-left:10px} .foot-sep{margin-left:6px} }
/* legal + 404 pages */
.legal{max-width:76ch; padding-top:clamp(56px,9vh,96px); padding-bottom:clamp(64px,10vh,112px)}
.legal .crumb{font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--dim)}
.legal .crumb a{color:var(--muted); text-decoration:none}
.legal .crumb a:hover{color:var(--ace)}
.legal h1{font-size:clamp(2.2rem,4.6vw,3.4rem); margin-top:18px}
.legal .upd{margin-top:14px; font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; color:var(--dim)}
.legal h2{font-size:1.2rem; letter-spacing:-.02em; margin-top:44px; color:var(--text)}
.legal p,.legal li{color:var(--muted); line-height:1.7; margin-top:14px}
.legal ul{padding-left:1.2em}
.legal b{color:var(--text); font-weight:600}
.legal a{color:var(--text)}
.legal .actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:36px}
.btn.ghost{background:transparent; color:var(--text); box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.ghost:hover,.btn.ghost:focus-visible{color:#07080a}
.legal .btn{color:#07080a}
.legal .btn.ghost{color:var(--text)}
.legal .btn.ghost:hover,.legal .btn.ghost:focus-visible{color:#07080a}
.foot-legal a,.legal .crumb a{text-decoration:underline; text-decoration-color:rgba(244,246,248,.28); text-underline-offset:3px}
.foot-legal a:hover,.legal .crumb a:hover{text-decoration-color:var(--ace)}