/* About the founder. Nothing loops or idles here: everything moves only as you scroll. */
.still .gold{animation:none;background-position:30% 0}

/* ---------- Αʹ the statue ---------- */
.ab-hero{position:relative;height:250vh;background:var(--night)}
.ab-hero .pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.ab-aura{position:absolute;left:66%;top:44%;width:min(78vh,820px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,244,210,1) 0%,rgba(241,208,136,.7) 20%,rgba(212,165,76,.24) 44%,rgba(212,165,76,0) 68%);will-change:transform,opacity}
.ab-statue{position:absolute;left:66%;bottom:0;height:min(92vh,980px);transform:translateX(-50%);transform-origin:50% 100%;will-change:transform}
.ab-statue img{height:100%;width:auto}
.ab-floor{position:absolute;inset:auto 0 0;height:10vh;background:linear-gradient(transparent,var(--night) 85%);pointer-events:none}
.ab-copy{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.ab-copy .inner{max-width:540px}
.ab-copy h1{font-size:clamp(64px,10vw,150px);line-height:.92;margin:18px 0 22px}
.ab-copy .lede{max-width:40ch}
.ab-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font:400 12px/1 var(--caps);letter-spacing:.3em;color:var(--bone-dim);text-transform:uppercase}
.ab-wipe{position:absolute;inset:0;background:var(--marble);clip-path:circle(0% at 66% 40%);pointer-events:none}
.ab-wipe::before{content:"";position:absolute;inset:0;background:var(--marble-tex);background-size:1400px;opacity:.28}

/* ---------- Βʹ who ---------- */
.ab-who{padding:clamp(80px,12vw,160px) 0}
.ab-who .grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,7vw,110px);align-items:start}
.ab-who blockquote{margin:0;font:500 clamp(30px,3.6vw,52px)/1.15 var(--italic);font-style:italic;color:var(--ink)}
.ab-who blockquote b{font-weight:500;color:var(--clay)}
.ab-who .body p{color:var(--ink-dim);margin-top:18px;max-width:52ch}
.ab-who .body p:first-child{margin-top:0}
.ab-facts{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--line-m)}
.ab-facts li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line-m);font-size:15.5px}
.ab-facts li span:first-child{font:400 12.5px/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--clay)}
.ab-facts a{border-bottom:1px solid currentColor}

/* ---------- Γʹ why: one held scene per app ---------- */
.ab-why{position:relative;background:var(--night)}
.ab-why .pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.ab-why .top{position:absolute;top:clamp(84px,12vh,120px);left:0;right:0}
.ab-why .stage{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:center;margin-top:40px}
.ab-why .vis{position:relative;aspect-ratio:1;max-height:56vh;width:100%;justify-self:center}
.ab-why .vis .vcap{position:absolute;inset:0;display:grid;place-items:center}
.ab-why .txt{position:relative;min-height:340px}
.ab-why .txt .cap{position:absolute;inset:0 0 auto}
.cap,.vcap{opacity:0;visibility:hidden;transform:translateY(28px);filter:blur(8px);transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease),visibility 0s .9s}
.cap.on,.vcap.on{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .9s var(--ease) .15s,transform 1.1s var(--ease) .15s,filter .9s var(--ease) .15s,visibility 0s}
.ab-why .vis .vcap{transform:scale(.94)}
.ab-why .vis .vcap.on{transform:none}
.niche{width:min(100%,56vh);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;
  background:radial-gradient(circle,rgba(212,165,76,.16),rgba(212,165,76,0) 70%)}
.niche::after{content:"";position:absolute;inset:8%;border:1px solid rgba(212,165,76,.35);border-radius:50%}
.niche img{width:46%;border-radius:22%;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(241,208,136,.25)}
.niche .glyph{font:400 clamp(90px,12vw,170px)/1 var(--greek)}
.niche .empty{width:40%;aspect-ratio:3/4;border:1px dashed rgba(212,165,76,.5);border-radius:50% 50% 4px 4px/36% 36% 4px 4px;display:grid;place-items:center;color:var(--gold);font:400 13px/1.4 var(--caps);letter-spacing:.2em;text-align:center}
.ab-why .txt .gnum{display:block;font:400 15px/1 var(--greek);color:var(--gold);margin-bottom:16px}
.ab-why .txt h3{font-size:clamp(40px,5vw,76px);line-height:1}
.ab-why .txt .kind{font:400 13px/1.4 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim);margin-top:12px}
.ab-why .txt p{color:var(--bone-dim);margin-top:22px;max-width:46ch}
.ab-why .txt p b{color:var(--bone);font-weight:500}
.ab-why .txt .more{display:inline-block;margin-top:26px;font:400 13px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(212,165,76,.4);padding-bottom:6px}
.ab-why .dots{position:absolute;right:clamp(16px,3vw,40px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}
.ab-why .dots i{width:6px;height:6px;border-radius:50%;background:var(--line-d);transition:background .6s,transform .6s var(--ease)}
.ab-why .dots i.on{background:var(--gold);transform:scale(1.5)}

/* ---------- Δʹ what's next ---------- */
.ab-next{padding:clamp(90px,12vw,170px) 0;background:var(--night-2);position:relative}
.ab-next .head{max-width:760px}
.ab-next .road{position:relative;margin-top:clamp(56px,7vw,90px);padding-left:clamp(44px,6vw,80px)}
.ab-next .road::before,.ab-next .road .ink{content:"";position:absolute;left:clamp(14px,2vw,26px);top:6px;bottom:6px;width:1px;background:var(--line-d)}
.ab-next .road .ink{background:linear-gradient(var(--gold-hi),var(--gold));transform-origin:top;transform:scaleY(0)}
.js .no-gsap .ab-next .road .ink,.no-gsap .ab-next .road .ink{transform:none}
.ab-next .stop{position:relative;padding:0 0 clamp(44px,5vw,64px);max-width:640px}
.ab-next .stop::before{content:"";position:absolute;left:calc(-1 * clamp(44px,6vw,80px) + clamp(14px,2vw,26px) - 6px);top:8px;width:13px;height:13px;border-radius:50%;background:var(--night-2);border:1px solid var(--gold);transition:background .6s}
.ab-next .stop.lit::before{background:var(--gold)}
.ab-next .stop .when{font:400 12.5px/1.4 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.ab-next .stop h3{font-size:clamp(28px,3vw,40px);margin:10px 0 10px}
.ab-next .stop p{color:var(--bone-dim)}

/* ---------- Εʹ sign-off ---------- */
.ab-end{padding:clamp(100px,14vw,200px) 0;text-align:center}
.ab-end .q{font:500 clamp(30px,4.4vw,64px)/1.12 var(--italic);font-style:italic;max-width:20ch;margin:0 auto;color:var(--ink)}
.ab-end .sig{margin-top:30px;font:400 14px/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--clay)}
.ab-end .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.ab-end .btn--line{color:var(--ink);border-color:var(--line-m)}
.ab-end .btn--line:hover{color:var(--clay);border-color:var(--clay)}

/* ---------- small screens ---------- */
@media (max-width:820px){
  .ab-aura{left:50%;width:110vw}
  .ab-statue{left:50%;height:min(58vh,560px);bottom:auto;top:clamp(70px,10vh,100px)}
  .ab-aura{top:32%}
  .ab-cue{display:none}
  .ab-wipe{clip-path:circle(0% at 50% 40%)}
  .ab-copy{top:auto;bottom:clamp(56px,8vh,90px);transform:none}
  .ab-copy h1{font-size:clamp(56px,17vw,96px);margin:10px 0 12px}
  .ab-copy .lede{font-size:15.5px}
  .ab-copy::before{content:"";position:absolute;inset:-60px 0 -200px;background:linear-gradient(transparent,rgba(15,11,8,.85) 35%,var(--night));z-index:-1}
  .ab-who .grid{grid-template-columns:1fr}
  .ab-why .top{top:76px}
  .ab-why .stage{grid-template-columns:1fr;gap:14px;margin-top:56px}
  .ab-why .vis{max-height:24vh;width:24vh}
  .ab-why .txt{min-height:300px}
  .ab-why .txt h3{font-size:clamp(34px,10vw,48px)}
  .ab-why .txt p{margin-top:14px;font-size:15.5px}
  .ab-why .dots{right:10px}
}

/* no scroll scenes: plain stacked page */
.no-gsap .ab-hero{height:auto}
.no-gsap .ab-hero .pin{position:relative;height:100vh;height:100svh}
.no-gsap .ab-why .pin{position:relative;height:auto;padding:110px 0 60px;overflow:visible}
.no-gsap .ab-why .top{position:static}
.no-gsap .ab-why .stage{display:block}
.no-gsap .ab-why .vis{display:none}
.no-gsap .ab-why .txt{min-height:0}
.no-gsap .ab-why .txt .cap{position:static;opacity:1;visibility:visible;transform:none;filter:none;margin-bottom:64px}
.no-gsap .ab-why .dots{display:none}
.no-gsap .ab-next .stop::before{background:var(--gold)}

/* email row on the sign-off: copy instead of mailto, so it works everywhere */
.ab-end .acts{align-items:center}
.ab-end .mailrow{display:flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 18px;border:1px solid var(--line-m);border-radius:2px;color:var(--ink);max-width:100%}
.ab-end .mailrow .lbl{font:400 12.5px/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--clay)}
.ab-end .mailrow code{font:500 15px/1 var(--body);user-select:all}
.ab-end .mailrow .copy{height:36px;padding:0 14px;border:0;border-radius:2px;background:var(--gold);color:var(--night);font:400 12px/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.ab-end .mailrow .copy:hover{background:var(--gold-hi)}
@media (max-width:480px){.ab-end .mailrow .lbl{display:none}}