@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-normal-400.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-normal-500.woff2) format('woff2')}
:root{--ground:#040b0b;--ink:#eef5f3;--acc:#9fd0c4;--soft:#86958f;--mut:#5a6964;--fill:rgba(238,245,243,.06);--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1201 628%22%3E%3Cpath fill=%22currentColor%22 d=%22M54.00,626.45 C50.42,625.68 43.24,622.95 38.04,620.38 C22.23,612.57 9.00,597.29 3.92,581.00 C-4.55,553.82 3.39,525.22 24.50,506.83 C26.70,504.91 154.05,400.36 307.50,274.50 C460.95,148.64 588.52,43.99 591.00,41.95 C603.450,31.69 625.35,19.26 643.00,12.45 C676.56,-0.51 717.08,-3.59 753.86,4.04 C790.98,11.74 827.21,31.77 853.50,59.14 C868.62,74.88 1189.00,463.03 1193.20,470.70 C1198.53,480.42 1201.00,490.52 1201.00,502.61 C1201.00,514.66 1199.33,521.74 1193.85,532.93 C1188.45,543.96 1176.93,555.84 1166.30,561.33 C1148.11,570.74 1125.71,571.60 1107.58,563.58 C1094.15,557.64 1096.82,560.48 932.20,376.50 C845.59,279.70 771.30,196.98 767.11,192.67 C748.87,173.89 730.65,165.68 707.50,165.80 C690.76,165.88 673.52,171.35 659.43,181.04 C631.980,199.93 617.38,233.09 623.41,262.84 C626.19,276.57 629.55,283.86 646.18,312.17 C667.66,348.77 669.52,353.57 669.41,372.00 C669.33,384.42 667.50,392.09 662.01,402.91 C654.55,417.62 643.12,428.92 628.50,436.03 C618.25,441.01 609.78,442.97 598.41,442.99 C586.24,443.01 576.12,440.34 562.50,433.51 C556.36,430.43 547.77,427.06 543.06,425.88 C514.29,418.67 481.52,432.60 466.23,458.56 C457.58,473.23 454.80,488.07 457.42,505.56 C460.77,527.84 461.06,531.67 460.09,540.16 C456.42,572.26 435.42,597.34 404.00,607.16 C397.75,609.11 394.33,609.50 383.50,609.50 L370.50,609.50 L295.00,592.65 C210.24,573.74 206.40,573.17 186.60,576.42 C166.00,579.81 155.250,584.80 125.05,604.97 C113.24,612.85 100.83,620.59 97.46,622.17 C85.49,627.77 68.14,629.48 54.00,626.45 Z%22/%3E%3C/svg%3E")}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ground)}
body{background:var(--ground);color:var(--ink);font-family:'Instrument Sans',system-ui,sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
#runway .snap{height:100vh;height:100lvh}
.stage{position:fixed;inset:0;overflow:hidden}
.vp{position:absolute;border-radius:14px;overflow:hidden;contain:strict}
.vp canvas{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:50% 50%}
.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 40px;z-index:20;font-size:15px}
.nav .links{display:flex;gap:28px}
.nav .links a{color:var(--soft);transition:color .2s}
.nav .links a:hover,.nav .links a[aria-current]{color:var(--ink)}
.word{display:flex;align-items:center;gap:10px}
.mark{display:block;width:28px;height:15px;background:currentColor;-webkit-mask:var(--m) no-repeat center/contain;mask:var(--m) no-repeat center/contain}
.t{position:absolute;left:56px;top:46%;width:min(30vw,440px)}
.t h1,.t h2{font-weight:400;font-size:clamp(28px,2.5vw,38px);line-height:1.16;letter-spacing:-.018em}
.t em{font-style:normal;color:var(--acc)}
.t small{display:block;margin-top:20px;font-size:13px;letter-spacing:.01em;color:var(--soft)}
.pill{display:inline-block;padding:12px 20px;border-radius:999px;font-size:15px;background:var(--acc);color:var(--ground)}
.pill.q{background:var(--fill);color:var(--ink)}
.foot{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--soft)}
@media (max-width:700px){.nav{padding:20px}.nav .links{gap:18px}}

/* 28 Oct: until the scroll script starts (after images are painted), show only the first scene so lines never stack */
[data-i]{opacity:0}
[data-i="0"]{opacity:1}