/* About page: manifesto statements that light up word by word, the company file and the closing call. */
:root{--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--wait:#ff8a6a}
.heroCta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px}
.heroCta .ghost{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:99px;border:1px solid var(--line2);color:var(--text);font-size:14px;font-weight:500;text-decoration:none}
.heroCta .ghost:hover{border-color:var(--accent-line);background:var(--accent-soft)}
.intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:80px}
.intro h1{font-size:clamp(52px,9vw,150px);font-weight:600;letter-spacing:-.055em;line-height:.9;margin:24px 0 0}
.intro h1 .serif{color:var(--text2)}
.intro h1 .serif em{font-style:inherit;color:var(--accent)}
.intro p{color:var(--text2);font-size:clamp(16px,1.4vw,19px);line-height:1.6;max-width:60ch;margin:34px 0 0}

.stmt{height:220vh;position:relative;border-top:1px solid var(--line)}
.stmt .stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.stmt .num{position:absolute;right:calc(var(--gutter) - 2vw);top:50%;margin-top:-.5em;font:600 clamp(200px,34vw,520px)/1 Inter,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(205,244,107,.22);pointer-events:none;user-select:none}
.stmt .kick{font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.stmt .big{position:relative;font-size:clamp(48px,8.4vw,136px);font-weight:600;letter-spacing:-.055em;line-height:.92;margin:22px 0 0;max-width:12ch}
.stmt .big .serif{letter-spacing:-.02em}
.w{color:#1d2125;transition:color .35s ease}
.w.on{color:var(--text)}
.serif .w.on{color:var(--accent)}
.stmt .sub{position:relative;margin:34px 0 0;color:var(--text2);font-size:clamp(16px,1.4vw,20px);max-width:46ch;opacity:0;transition:opacity .3s}

/* spec sheet */
.spec{padding:clamp(90px,11vw,160px) 0;border-top:1px solid var(--line)}
.sheet{margin-top:28px;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(160deg,#0e1114,#07080a);font:400 clamp(14px,1.25vw,17px)/1.9 var(--mono);padding:clamp(22px,3vw,40px);overflow-x:auto}
.sheet .row{display:grid;grid-template-columns:220px 1fr;gap:20px;white-space:nowrap}
.sheet .k{color:var(--muted)}
.sheet .k:before{content:"> ";color:var(--accent)}
.sheet .v{color:var(--text)}
.sheet .v a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(205,244,107,.35)}
.sheet .cur{display:inline-block;width:.6em;height:1.1em;background:var(--accent);vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.end{padding:0 0 clamp(90px,11vw,160px)}
.end h2{font-size:clamp(40px,6vw,96px);font-weight:600;letter-spacing:-.05em;line-height:.95;margin:0 0 30px}
.end h2 .serif{color:var(--accent)}
.end .cta{display:flex;gap:12px;flex-wrap:wrap}

@media(max-width:700px){
  .stmt{height:200vh}
  .stmt .num{right:-6vw;font-size:62vw;top:auto;bottom:6vh;margin-top:0}
  .sheet .row{grid-template-columns:1fr;gap:0;white-space:normal;padding:6px 0}
}
@media(prefers-reduced-motion:reduce){.w{transition:none}.sheet .cur{animation:none}}