/* ===== ABOUT ===== */
.a-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + 60px) 0 80px;overflow:hidden}
.a-hero-inner{position:relative}
.spot-wrap{position:relative;margin:30px 0 50px}
.spot-base,.spot-lit{max-width:12ch;margin:0}
.spot-base{color:#262522}
.spot-base .serif{color:#2E2A27}
.spot-lit{position:absolute;inset:0;color:var(--text);pointer-events:none;
  -webkit-mask-image:radial-gradient(circle var(--r,260px) at var(--mx,30%) var(--my,50%),#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);
  mask-image:radial-gradient(circle var(--r,260px) at var(--mx,30%) var(--my,50%),#000 0%,rgba(0,0,0,.55) 45%,transparent 100%)}
.spot-lit .serif{color:var(--signal)}
.a-hero::before{content:"";position:absolute;left:var(--gx,30%);top:var(--gy,50%);width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,106,61,.10),transparent 60%);pointer-events:none;transition:left .3s linear,top .3s linear}
.a-hero .lede{margin-left:auto;max-width:30em;color:#B5B2AB}
.a-hero .spot-base{text-shadow:none}

/* thread */
.thread{padding:clamp(100px,12vw,180px) 0;border-top:1px solid var(--line)}
.thread-line{margin:30px 0 clamp(60px,7vw,110px);max-width:20ch}
.thread-line .serif{color:var(--signal)}
.strike{position:relative;color:var(--mute-2);white-space:nowrap}
.strike::after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:.08em;background:var(--signal);transform:scaleX(0) rotate(-3deg);transform-origin:left;transition:transform .9s var(--ease) .4s}
.thread-line.in .strike::after{transform:scaleX(1) rotate(-3deg)}
.tilts{display:grid;grid-template-columns:1fr 1fr;gap:18px;perspective:1400px}
.tilt{position:relative;display:flex;flex-direction:column;gap:18px;min-height:460px;padding:clamp(28px,3.5vw,48px);border-radius:26px;overflow:hidden;
  transform-style:preserve-3d;transition:transform .7s var(--ease),box-shadow .5s;will-change:transform}
.tilt b{font-size:clamp(2.2rem,4.4vw,4.4rem);font-weight:600;letter-spacing:-.05em;line-height:.95;margin-top:auto;transform:translateZ(40px)}
.tilt p{margin:0;max-width:26em;font-size:16.5px;transform:translateZ(25px)}
.tilt .mono{transform:translateZ(20px)}
.t-go{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;transform:translateZ(30px)}
.t-go svg{width:13px;transition:transform .4s var(--ease)}
.tilt:hover .t-go svg{transform:translateX(6px)}
.t-a{background:var(--ink-2);border:1px solid var(--line)}
.t-a p,.t-a .mono{color:var(--mute)}
.t-a::before{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:1px solid var(--line-2);box-shadow:0 0 0 40px rgba(238,236,231,.02),0 0 0 80px rgba(238,236,231,.015)}
.t-b{background:var(--signal);color:var(--void)}
.t-b p,.t-b .mono{color:rgba(10,10,9,.7)}
.t-b::before{content:"";position:absolute;right:40px;top:40px;width:90px;height:90px;border-radius:50%;background:var(--void)}
.glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx2,50%) var(--gy2,0%),rgba(255,255,255,.22),transparent 45%);opacity:0;transition:opacity .4s}
.tilt:hover .glare{opacity:1}
.tilt:hover{box-shadow:0 60px 100px -40px rgba(0,0,0,.8)}

/* founder */
.founder{padding:clamp(110px,13vw,190px) 0;border-radius:32px 32px 0 0}
.f-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,120px);align-items:start}
.f-id{position:sticky;top:calc(var(--nav-h) + 50px)}
.mono-mark{position:relative;width:clamp(150px,16vw,220px);aspect-ratio:1;border-radius:50%;background:var(--ink);display:grid;place-items:center;margin-bottom:40px}
.mono-mark span{font-size:clamp(3rem,5vw,4.6rem);font-weight:600;letter-spacing:-.06em;color:var(--paper)}
.mono-mark i{position:absolute;top:6%;right:6%;width:22%;aspect-ratio:1;border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px var(--paper)}
.f-id h2{margin:22px 0 14px}
.f-id h2 .serif{color:var(--signal-ink)}
.f-role{color:var(--mute)}
.f-body p{font-size:clamp(1.05rem,1.3vw,1.22rem);color:#4A4843;max-width:32em;margin:0 0 22px}
.f-body .f-lead{font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.15;letter-spacing:-.035em;font-weight:560;color:var(--ink);max-width:22ch;margin-bottom:50px}
.f-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;margin:0 0 50px;border-top:2px solid var(--ink)}
.f-stats div{padding:22px 18px 0 0}
.f-stats dt{color:var(--mute);margin-bottom:12px}
.f-stats dd{margin:0;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.f-stats div:first-child dd{color:var(--signal-ink)}
.f-fig small{display:block;font-size:14px;letter-spacing:-.01em;font-weight:500;color:var(--mute);margin-top:8px}

/* question */
.question{padding:clamp(110px,13vw,190px) 0}
.question h2{max-width:13ch}
.question h2 .serif{color:var(--signal)}
.q-stage{position:relative;display:flex;align-items:center;gap:clamp(20px,3vw,50px);min-height:clamp(200px,24vw,340px);margin:clamp(50px,6vw,90px) 0;padding:clamp(24px,3vw,44px);border-radius:26px;background:var(--ink-2);border:1px solid var(--line);overflow:hidden}
.q-mark{flex:none;font-family:var(--f-serif);font-style:italic;font-size:clamp(8rem,17vw,16rem);line-height:.7;color:var(--signal);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(-4deg)}}
.q-typed{margin:0;font-size:clamp(1.8rem,4vw,4rem);font-weight:600;letter-spacing:-.045em;line-height:1.02;max-width:18ch}
.q-typed::after{content:"";display:inline-block;width:.06em;height:.9em;background:var(--signal);margin-left:.06em;vertical-align:-.08em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{visibility:hidden}}
.q-foot{display:flex;justify-content:flex-end}

@media (max-width:980px){
  .tilts{grid-template-columns:1fr}
  .tilt{min-height:360px}
  .f-grid{grid-template-columns:1fr}
  .f-id{position:relative;top:0}
  .f-stats{grid-template-columns:1fr 1fr}
  .f-stats div:last-child{grid-column:1/-1}
  .q-stage{flex-direction:column;align-items:flex-start}
  .q-mark{font-size:7rem}
}
