:root{--ink:#07080A;--dot:#ECEEF1;--soft:#8E929A;--sans:"Host Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
.g{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:760px){.g{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
#run{position:relative;height:720vh}
.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#c{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.say{position:absolute;left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 40px;pointer-events:none}
.lines{position:relative;flex:1 1 320px;min-width:0;min-height:3.2em;font-size:clamp(34px,5.2vw,76px);line-height:1.02;letter-spacing:-.034em}
.ln{position:absolute;left:0;right:0;bottom:0;opacity:0;text-wrap:balance;font:inherit;letter-spacing:inherit}
.ln small{display:block;font-size:clamp(16px,1.4vw,20px);letter-spacing:0;line-height:1.3;color:var(--soft);margin-top:10px}
.ln a{pointer-events:auto;display:inline-block;margin-top:18px;background:var(--dot);color:var(--ink);border-radius:99px;padding:13px 22px;font-size:17px;letter-spacing:0}
.count{text-align:right;font-variant-numeric:tabular-nums;font-size:clamp(46px,8.6vw,132px);line-height:.9;letter-spacing:-.045em;white-space:nowrap}
.count span{display:block;font-size:clamp(14px,1.2vw,17px);letter-spacing:0;color:var(--soft);margin-top:8px;line-height:1.2}
.hint{position:absolute;left:50%;transform:translateX(-50%);top:calc(50% + 34px);font-size:15px;color:var(--soft);transition:opacity .3s}
.after{padding-top:clamp(70px,10vw,140px);display:grid;gap:clamp(56px,8vw,110px)}
.after h2{font:400 clamp(30px,4.3vw,62px)/1.08 var(--sans);letter-spacing:-.03em;max-width:21em;text-wrap:pretty}
.evl{display:grid;border-top:1px solid #24262B}
.evl a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid #24262B;padding-block:clamp(14px,1.7vw,24px);font-size:clamp(24px,3.1vw,46px);letter-spacing:-.025em}
.evl a:hover{color:var(--soft)}
.evl span{font-size:16px;letter-spacing:0;color:var(--soft);white-space:nowrap}
@media(max-width:560px){.say{flex-direction:column-reverse;align-items:stretch;gap:12px}.count{text-align:left;font-size:44px}.lines{flex:none;min-height:158px;font-size:32px}}

.bar.fixed{position:fixed;inset:0 0 auto;background:none;pointer-events:none}
.bar.fixed .w{pointer-events:none}
.bar.fixed .w>*{pointer-events:auto}
.after{padding-bottom:clamp(64px,8vw,120px)}