@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/big-shoulders-vietnamese-wght-normal.0ycttfzx2w9ee.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/big-shoulders-latin-ext-wght-normal.35t920q5_6as3.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/big-shoulders-latin-wght-normal.22gqmiqyao4rp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:is(body:has([data-heroes2-root])>header,body:has([data-heroes2-root])>footer){display:none}body:has([data-heroes2-root])>canvas[aria-hidden=true]{display:none}body:has([data-heroes2-root])>div[aria-hidden=true].pointer-events-none{display:none}:is(html.cursor-live:has([data-heroes2-root]),html.cursor-live:has([data-heroes2-root]) *){cursor:auto!important}body:has([data-heroes2-root]).grain:after{content:none}html:has([data-heroes2-root]){scroll-behavior:auto}[data-heroes2-root]{--g2-tempo:"Big Shoulders Variable";--f-tempo:"Big Shoulders Variable";--w-bg:#0a0b0d;--w-bg-2:#0f1215;--w-ink:#eceff1;--w-dim:#a1a5a9;--w-faint:#6a6f74;--w-line:#282c30;--w-acc:#c7d2de;--w-on-acc:#0a0e11;--h2-nav-h:3.5rem;background:var(--w-bg);color:var(--w-ink);min-height:100dvh}@supports (color:lab(0% 0 0)){[data-heroes2-root]{--w-bg:lab(3.0455% -.267319 -.984484);--w-bg-2:lab(5.26127% -.529572 -1.99897);--w-ink:lab(94.197% -.443816 -1.43207);--w-dim:lab(67.5132% -.871807 -2.85522);--w-faint:lab(46.6304% -1.06823 -3.55754);--w-line:lab(17.6279% -1.02143 -3.53437);--w-acc:lab(83.7393% -2.10902 -7.10083);--w-on-acc:lab(3.69007% -.552692 -2.32546)}}[data-heroes2-root] ::selection{background:var(--w-acc);color:var(--w-on-acc)}[data-heroes2-root] :focus-visible{outline:2px solid var(--w-acc);outline-offset:3px;border-radius:2px}.h2-skip{z-index:90;color:#0a0e11;color:lab(3.69007% -.552692 -2.32546);background:#f0f2f4;background:lab(95.357% -.443876 -1.4321);border-radius:3px;padding:.6rem 1rem;font-size:.8rem;position:fixed;top:.6rem;left:.6rem;transform:translateY(-300%)}.h2-skip:focus-visible{transform:none}.h2-nav{z-index:70;min-height:var(--h2-nav-h);padding:env(safe-area-inset-top) max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));color:#e6e8ea;color:lab(91.877% -.443697 -1.43201);background:#060709e0;background:lab(1.98204% -.197582 -.744355/.88);border-bottom:1px solid #2b2e3299;border-bottom:1px solid lab(18.7913% -.835583 -2.83635/.6);align-items:stretch;gap:.5rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;inset:0 0 auto}.h2-nav a{align-items:center;min-height:2.75rem;display:inline-flex}.h2-nav-mark{border-right:1px solid #3033378c;border-right:1px solid lab(21.1115% -.839502 -2.8383/.55);gap:.65rem;margin-right:.25rem;padding-right:1rem}.h2-nav-mark svg{width:1.45rem;height:1.45rem}.h2-nav-mark span{letter-spacing:.3em;text-transform:uppercase;color:#9c9fa2;color:lab(65.1951% -.658125 -2.14387);font-size:.62rem}.h2-nav-list{align-items:stretch;gap:.25rem;margin-left:auto;padding:0;list-style:none;display:flex}.h2-nav-link{letter-spacing:.14em;text-transform:uppercase;color:#a2a5a8;color:lab(67.5152% -.658572 -2.14409);border-bottom:2px solid #0000;gap:.55rem;padding:0 .85rem;font-size:.72rem;transition:color .2s}.h2-nav-link:hover,.h2-nav-link[data-active]{color:#f3f5f8;color:lab(96.517% -.443906 -1.43213)}.h2-nav-link[data-active]{border-bottom-color:currentColor}.h2-nav-num{opacity:.55;font-size:.62rem}.h2-nav-toggle{min-width:2.75rem;min-height:2.75rem;font:inherit;letter-spacing:.22em;text-transform:uppercase;color:#d5d8da;color:lab(86.077% -.443459 -1.43185);background:0 0;border:0;align-items:center;gap:.5rem;margin-left:auto;padding:0 .85rem;font-size:.68rem;display:none}@media (max-width:719px){.h2-nav-list{display:none}.h2-nav-toggle{display:inline-flex}}.h2-nav-overlay{z-index:65;padding:calc(var(--h2-nav-h) + env(safe-area-inset-top) + 1rem) max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));color:#eceff1;color:lab(94.197% -.443816 -1.43207);background:#050607f5;background:lab(1.55868% -.166647 -.636861/.96);align-content:center;gap:.4rem;display:grid;position:fixed;inset:0}.h2-nav-overlay a{color:inherit;border-bottom:1px solid #2b2e3280;border-bottom:1px solid lab(18.7913% -.835583 -2.83635/.5);align-items:baseline;gap:1rem;padding:.9rem .5rem;text-decoration:none;display:flex}.h2-nav-overlay .h2-ov-num{opacity:.5;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.7rem}.h2-nav-overlay .h2-ov-name{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.h2-nav-overlay .h2-ov-tag{color:#9c9fa2;color:lab(65.1951% -.658125 -2.14387);text-align:right;margin-left:auto;font-size:.72rem}@media (max-width:719px){.h2-nav-overlay .h2-ov-tag{display:none}}.h2-world[data-world=duet]{--w-bg:#15191d;--w-bg-2:#1c2126;--w-ink:#eff2f5;--w-dim:#abb2b8;--w-faint:#6d767d;--w-line:#2f363d;--w-acc:#56d2df;--w-on-acc:#081319}@supports (color:lab(0% 0 0)){.h2-world[data-world=duet]{--w-bg:lab(8.34589% -.982083 -3.51687);--w-bg-2:lab(12.4028% -1.17355 -4.21815);--w-ink:lab(95.3681% -.823021 -1.65218);--w-dim:lab(72.1779% -1.94287 -3.94737);--w-faint:lab(48.9803% -2.38603 -4.91223);--w-line:lab(22.2779% -1.9037 -5.09785);--w-acc:lab(77.7604% -32.7446 -17.4254);--w-on-acc:lab(5.31171% -2.77428 -5.01635)}}.h2-world[data-world=passband]{--w-bg:#06090a;--w-bg-2:#0c1012;--w-ink:#eceff0;--w-dim:#a1a9ab;--w-faint:#677173;--w-line:#242a2c;--w-acc:var(--band,#75d78d);--w-on-acc:#020e0e}@supports (color:lab(0% 0 0)){.h2-world[data-world=passband]{--w-bg:lab(2.23158% -.516541 -.787994);--w-bg-2:lab(4.45707% -1.08814 -1.67086);--w-ink:lab(94.2329% -1.16351 -.771391);--w-dim:lab(68.7617% -2.90144 -1.92285);--w-faint:lab(46.7255% -3.27116 -2.63188);--w-line:lab(16.5397% -2.51639 -2.4407);--w-acc:var(--band,lab(78.5898% -41.9989 27.3944));--w-on-acc:lab(3.15206% -3.10201 -1.51153)}}.h2-world[data-world=proof]{--w-bg:#f5f3ed;--w-bg-2:#eceae1;--w-ink:#251e15;--w-dim:#564f44;--w-faint:#7a7467;--w-line:#d1cdc3;--w-acc:#c52f0f;--w-on-acc:#f8f5ee}@supports (color:lab(0% 0 0)){.h2-world[data-world=proof]{--w-bg:lab(95.9959% -.277072 3.4247);--w-bg-2:lab(92.5338% -.357866 4.57425);--w-ink:lab(11.8519% 2.1394 7.73135);--w-dim:lab(33.9257% 1.36794 7.70298);--w-faint:lab(49.0317% .719816 7.73418);--w-line:lab(82.675% .0176728 5.759);--w-acc:lab(44.8769% 58.1389 53.4927);--w-on-acc:lab(96.5712% -.00905991 3.82484)}}.h2-world[data-world=tempo]{--w-bg:#050607;--w-bg-2:#0b0c0f;--w-ink:#f5f1e9;--w-dim:#aca79d;--w-faint:#757169;--w-line:#232427;--w-acc:#db2c2b;--w-on-acc:#f8f5ee}@supports (color:lab(0% 0 0)){.h2-world[data-world=tempo]{--w-bg:lab(1.553% .018239 -.535238);--w-bg-2:lab(3.34369% .0510067 -1.34899);--w-ink:lab(95.4076% .351816 4.58115);--w-dim:lab(68.7376% .474751 5.75088);--w-faint:lab(47.8526% .46289 5.38199);--w-line:lab(14.1258% .0633746 -2.2601);--w-acc:lab(49.1862% 66.0919 46.2066);--w-on-acc:lab(96.5601% .286847 3.81331)}}.h2-world{background:var(--w-bg);color:var(--w-ink)}.h2-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--w-dim);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:500}.h2-unit{text-transform:none}@media (prefers-reduced-motion:reduce){[data-heroes2-root] .h2-motion-only{display:none!important}[data-heroes2-root] *,[data-heroes2-root] :before,[data-heroes2-root] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.duet-wrap{height:320vh}@media (max-width:719px){.duet-wrap{height:260vh}}.duet-stage{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:linear-gradient(to right, #eff2f529 1px, transparent 1px) calc(7vw + 4.5rem) 0 / 100vw 100vh no-repeat, repeating-linear-gradient(to right, #eff2f50b 0 1px, transparent 1px 56px), repeating-linear-gradient(to bottom, #eff2f50b 0 1px, transparent 1px 56px), radial-gradient(120% 90% at 70% 20%, var(--w-bg-2), var(--w-bg) 70%);height:100dvh;position:sticky;top:0;overflow:hidden}@supports (color:lab(0% 0 0)){.duet-stage{background:linear-gradient(to right, lab(95.3681% -.823021 -1.65218/.16) 1px, transparent 1px) calc(7vw + 4.5rem) 0 / 100vw 100vh no-repeat, repeating-linear-gradient(to right, lab(95.3681% -.823021 -1.65218/.045) 0 1px, transparent 1px 56px), repeating-linear-gradient(to bottom, lab(95.3681% -.823021 -1.65218/.045) 0 1px, transparent 1px 56px), radial-gradient(120% 90% at 70% 20%, var(--w-bg-2), var(--w-bg) 70%)}}@media (pointer:fine){.duet-stage{cursor:crosshair}}.duet-film,.duet-film-media{width:100%;height:100%;position:absolute;inset:0}.duet-film-media{object-fit:cover;filter:brightness(.68)saturate(1.08)contrast(1.06)}.duet-vignette{pointer-events:none;background:linear-gradient(90deg,#15191de0,#15191d00 52%),linear-gradient(270deg,#15191db8,#15191d00 30%),linear-gradient(#15191d00 58%,#15191dd9),linear-gradient(#15191d8c,#15191d00 24%);background:linear-gradient(90deg,lab(8.34589% -.982083 -3.51687/.88),lab(8.34589% -.982083 -3.51687/0) 52%),linear-gradient(270deg,lab(8.34589% -.982083 -3.51687/.72),lab(8.34589% -.982083 -3.51687/0) 30%),linear-gradient(lab(8.34589% -.982083 -3.51687/0) 58%,lab(8.34589% -.982083 -3.51687/.85)),linear-gradient(lab(8.34589% -.982083 -3.51687/.55),lab(8.34589% -.982083 -3.51687/0) 24%);position:absolute;inset:0}.duet-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.duet-head{left:7vw;top:calc(var(--h2-nav-h) + 10dvh);pointer-events:none;max-width:46rem;position:absolute}.duet-h1{font-family:var(--f-duet), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;margin-top:1.4rem;font-size:clamp(3.1rem,8.4vw,7.4rem);font-weight:700;line-height:.97}.duet-sub{max-width:42ch;color:var(--w-dim);margin-top:1.6rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6}.duet-rail{right:max(2.2rem, env(safe-area-inset-right));font-family:var(--f-duet-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--w-faint);pointer-events:none;gap:1.4rem;padding:0;font-size:.7rem;list-style:none;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.duet-rail li{align-items:center;gap:.7rem;transition:color .4s;display:flex}.duet-rail li span{opacity:.7;font-size:.62rem}.duet-rail li:after{content:"";opacity:.4;transform-origin:0;background:currentColor;width:1.6rem;height:1px;transition:transform .4s;transform:scaleX(1)}.duet-rail li[data-active]{color:var(--w-acc)}.duet-rail li[data-active]:after{opacity:1;transform:scaleX(1.75)}@media (max-width:719px){.duet-rail{display:none}}.duet-copy{left:7vw;bottom:calc(9dvh + env(safe-area-inset-bottom));pointer-events:none;max-width:34rem;display:grid;position:absolute}.duet-copy p{color:var(--w-dim);opacity:0;grid-area:1/1;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.6;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.duet-copy p[data-active]{opacity:1;transform:none}.duet-copy strong{color:var(--w-ink);font-weight:600}@media (prefers-reduced-motion:reduce){.duet-copy{gap:.7rem;display:grid}.duet-copy p{opacity:1;grid-area:auto;transform:none}}.duet-hint{right:max(2.2rem, env(safe-area-inset-right));bottom:calc(2.4rem + env(safe-area-inset-bottom));font-family:var(--f-duet-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--w-faint);pointer-events:none;align-items:center;gap:.6rem;font-size:.64rem;display:inline-flex;position:absolute}@media (max-width:719px){.duet-hint{left:7vw;right:auto;bottom:calc(1.4rem + env(safe-area-inset-bottom))}}.duet-hint-dot{background:var(--w-acc);border-radius:50%;width:6px;height:6px;animation:2.2s ease-out infinite duet-pulse}@keyframes duet-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--w-acc) 45%, transparent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.duet-outro{border-top:1px solid var(--w-line);gap:1.6rem;max-width:62rem;padding:16dvh 7vw 18dvh;display:grid}.duet-outro-lede{font-family:var(--f-duet), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:600;line-height:1.25}.duet-outro-meta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:0;display:grid}.duet-outro-meta dt{font-family:var(--f-duet-mono), ui-monospace, monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--w-faint);font-size:.66rem}.duet-outro-meta dd{color:var(--w-dim);margin:.5rem 0 0}.duet-outro-nav{flex-wrap:wrap;gap:1rem 2.4rem;margin-top:.8rem;display:flex}.duet-outro-nav a{min-height:2.75rem;font-family:var(--f-duet-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--w-ink);border-bottom:1px solid var(--w-line);align-items:center;gap:.7rem;font-size:.74rem;display:inline-flex}.duet-outro-nav a:hover{border-bottom-color:var(--w-acc);color:var(--w-acc)}.pb-wrap{height:420vh}.pb-stage{height:100dvh;position:sticky;top:0;overflow:hidden}.pb-media,.pb-media img,.pb-canvas{width:100%;height:100%;position:absolute;inset:0}.pb-media img{object-fit:cover}.pb-canvas{opacity:0;transition:opacity .6s;display:block}.pb-canvas[data-live]{opacity:1}.pb-scrim{pointer-events:none;background:linear-gradient(#0508099e,#0000 26%),linear-gradient(#0000 62%,#050809b8);background:linear-gradient(lab(1.99297% -.477836 -.732079/.62),#0000 26%),linear-gradient(#0000 62%,lab(1.99297% -.477836 -.732079/.72));position:absolute;inset:0}.pb-head{left:7vw;top:calc(var(--h2-nav-h) + 7dvh);max-width:34rem;opacity:var(--pb-head-o,1);position:absolute}.pb-h1{font-family:var(--f-pb), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;margin-top:1.2rem;font-size:clamp(2.5rem,5.4vw,4.6rem);font-weight:700;font-stretch:118%;line-height:1.02}.pb-sub{max-width:40ch;color:var(--w-dim);margin-top:1.2rem;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.6}.pb-readout{top:calc(var(--h2-nav-h) + 7dvh);right:max(2.4rem, env(safe-area-inset-right));font-family:var(--f-pb-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--band);font-size:.68rem;position:absolute}.pb-word{right:max(2.2rem, env(safe-area-inset-right));bottom:calc(11dvh + env(safe-area-inset-bottom));pointer-events:none;margin:0;line-height:.85;position:absolute}.pb-word span{font-family:var(--f-pb), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--band);font-size:clamp(3.6rem,11vw,10rem);font-weight:800;font-stretch:125%;animation:.55s cubic-bezier(.22,1,.36,1) pb-word-in;display:inline-block}@keyframes pb-word-in{0%{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}.pb-copy{left:7vw;bottom:calc(15dvh + env(safe-area-inset-bottom));max-width:30rem;display:grid;position:absolute}.pb-copy p{color:var(--w-ink);opacity:0;grid-area:1/1;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.55;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.pb-copy p[data-active]{opacity:1;transform:none}.pb-scale{left:7vw;right:7vw;bottom:calc(4.6dvh + env(safe-area-inset-bottom));border-top:1px solid #eceff040;border-top:1px solid lab(94.2329% -1.16351 -.771391/.25);gap:.4rem;display:flex;position:absolute}.pb-cursor{top:-1px;left:calc(var(--pb-p,0) * 100%);background:var(--band);width:2.5rem;height:3px;margin-left:-1.25rem;transition:background .3s;position:absolute}.pb-scale button{min-height:2.75rem;font-family:var(--f-pb-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:#eceff08c;color:lab(94.2329% -1.16351 -.771391/.55);cursor:pointer;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:.55rem;padding:.55rem .2rem 0;font-size:.66rem;transition:color .3s;display:inline-flex}.pb-scale button span{opacity:.6;font-size:.6rem}.pb-scale button:hover,.pb-scale button[data-active]{color:var(--band)}.pb-note{left:7vw;bottom:calc(1.2dvh + env(safe-area-inset-bottom));font-family:var(--f-pb-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--w-faint);font-size:.62rem;position:absolute}@media (max-width:719px){.pb-head{max-width:88vw}.pb-scrim{background:linear-gradient(#050809c7,#0000 44%),linear-gradient(#0000 60%,#050809c7);background:linear-gradient(lab(1.99297% -.477836 -.732079/.78),#0000 44%),linear-gradient(#0000 60%,lab(1.99297% -.477836 -.732079/.78))}.pb-word{left:7vw;right:auto;bottom:calc(23dvh + env(safe-area-inset-bottom))}.pb-copy{bottom:calc(13dvh + env(safe-area-inset-bottom));max-width:86vw}.pb-scale button{letter-spacing:.1em;font-size:.56rem}.pb-readout{display:none}}.pb-still{padding:calc(var(--h2-nav-h) + 8dvh) 7vw 12dvh;gap:3rem;display:grid}.pb-still-head{max-width:40rem}.pb-sheet{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.pb-sheet-img{aspect-ratio:16/9;position:relative;overflow:hidden}.pb-sheet-img img{object-fit:cover}.pb-f-thermal img{filter:sepia()saturate(3.4)hue-rotate(-28deg)contrast(1.25)brightness(.9)}.pb-f-radar img{filter:grayscale()invert()contrast(1.7)brightness(.62)sepia()saturate(2.4)hue-rotate(72deg)}.pb-f-semantic img{filter:grayscale(.7)contrast(2.4)brightness(1.02)sepia(.55)saturate(2)hue-rotate(212deg)}.pb-sheet figcaption{font-family:var(--f-pb-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--w-dim);margin-top:.7rem;font-size:.66rem}.pb-sheet figcaption span{opacity:.6;margin-right:.5rem}.pb-outro{border-top:1px solid var(--w-line);gap:1.6rem;max-width:62rem;padding:16dvh 7vw 18dvh;display:grid}.pb-outro-lede{font-family:var(--f-pb), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:600;font-stretch:112%;line-height:1.25}.pb-outro-meta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:0;display:grid}.pb-outro-meta dt{font-family:var(--f-pb-mono), ui-monospace, monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--w-faint);font-size:.66rem}.pb-outro-meta dd{color:var(--w-dim);margin:.5rem 0 0}.pb-outro-nav{flex-wrap:wrap;gap:1rem 2.4rem;margin-top:.8rem;display:flex}.pb-outro-nav a{min-height:2.75rem;font-family:var(--f-pb-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--w-ink);border-bottom:1px solid var(--w-line);align-items:center;gap:.7rem;font-size:.74rem;display:inline-flex}.pb-outro-nav a:hover{border-bottom-color:var(--band);color:var(--band)}.proof-sheet{font-family:var(--f-proof), ui-serif, Georgia, serif}.proof-film{border-bottom:1px solid var(--w-line);height:88dvh;min-height:520px;position:relative;overflow:hidden}.proof-film-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.proof-film-scrim{pointer-events:none;background:linear-gradient(#f5f3ed00 56%,#f5f3edf2),radial-gradient(90% 70% at 18% 78%,#f5f3ed9e,#0000 60%);background:linear-gradient(lab(95.9959% -.277072 3.4247/0) 56%,lab(95.9959% -.277072 3.4247/.95)),radial-gradient(90% 70% at 18% 78%,lab(95.9959% -.277072 3.4247/.62),#0000 60%);position:absolute;inset:0}.proof-film-head{max-width:80vw;position:absolute;bottom:7dvh;left:7vw}.proof-wrap{max-width:76rem;padding:6dvh max(1.4rem, env(safe-area-inset-right)) 10dvh max(1.4rem, env(safe-area-inset-left));margin:0 auto}.proof-block{border-left:2px solid var(--w-acc);grid-template-columns:minmax(0,1fr) 15rem;gap:1rem 3.4rem;padding:4.2rem 0 4.6rem 2.2rem;display:grid;position:relative}.proof-block+.proof-block{border-top:1px solid var(--w-line)}@media (max-width:899px){.proof-block{grid-template-columns:1fr;gap:1.4rem;padding-left:1.2rem}}.proof-block>:not(.proof-note){grid-column:1}.proof-meta{border-left:2px solid var(--w-acc);padding:0 0 1.6rem 2.2rem}@media (max-width:899px){.proof-meta{padding-left:1.2rem}}.proof-meta-line{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--w-faint);flex-wrap:wrap;gap:.6rem 2.4rem;font-size:.66rem;display:flex}.proof-kicker{color:var(--w-dim);font-size:1.05rem;font-style:italic}.proof-h1{letter-spacing:-.02em;margin-top:1rem;font-size:clamp(4rem,11vw,9.5rem);font-weight:600;line-height:1.02}.proof-hold{font-style:italic;display:inline-block;position:relative}.proof-hold svg{width:96%;height:.14em;position:absolute;bottom:-.06em;left:.02em;right:.05em}.proof-hold path{stroke:var(--w-acc);stroke-width:3.2px;stroke-linecap:round}.proof-lede{max-width:62ch;color:var(--w-dim);margin-top:2rem;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.65}.proof-h2{letter-spacing:-.015em;max-width:30ch;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;line-height:1.15}.proof-body{max-width:62ch;margin-top:1.3rem;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.75}.proof-strike{display:inline-block;position:relative}.proof-strike s{color:var(--w-dim);text-decoration:none}.proof-strike svg{width:108%;height:.5em;position:absolute;top:52%;left:-4%;right:0;overflow:visible;transform:translateY(-50%)}.proof-strike path{stroke:var(--w-acc);stroke-width:2.6px;stroke-linecap:round}.proof-strike ins{color:var(--w-acc);white-space:nowrap;font-style:italic;font-weight:600;text-decoration:none;position:absolute;top:-1.15em;left:8%;transform:rotate(-2.5deg)}.proof-bracket{vertical-align:baseline;margin-bottom:-.6em;padding-bottom:2.5em;font-weight:600;display:inline-block;position:relative}.proof-bracket svg{width:100%;height:.55em;position:absolute;bottom:1.5em;left:0;right:0}.proof-bracket path{stroke:var(--w-ink);stroke-width:1.6px}.proof-bracket .proof-dim{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--w-acc);font-size:.68rem;position:absolute;bottom:.25em;left:50%;transform:translate(-50%)}.proof-fig{max-width:40rem;margin:2.2rem 0 0}.proof-fig svg{width:100%;height:auto;font-family:var(--f-proof-mono), ui-monospace, monospace}.proof-axis{stroke:var(--w-ink);stroke-width:1.4px}.proof-band{fill:color-mix(in oklab, var(--w-acc) 10%, transparent)}.proof-threshold line{stroke:var(--w-faint);stroke-width:1px;stroke-dasharray:5 5}.proof-threshold text,.proof-axis-label{letter-spacing:.14em;text-transform:uppercase;fill:var(--w-faint);font-size:11px}.proof-curve{stroke:var(--w-acc);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.proof-dot{fill:var(--w-bg);stroke:var(--w-ink);stroke-width:1.6px}.proof-fig figcaption{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.12em;color:var(--w-faint);margin-top:.9rem;font-size:.7rem}.proof-nib{opacity:0}.proof-nib path{fill:var(--w-acc)}.proof-nib circle{fill:var(--w-ink)}.proof-plate{background:var(--w-bg);border:1px solid var(--w-line);max-width:40rem;margin:2.6rem 0 0;padding:.9rem}.proof-plate img{width:100%;height:auto;display:block}.proof-plate figcaption{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.12em;color:var(--w-faint);margin-top:.8rem;font-size:.7rem}.proof-note{border-top:1px solid var(--w-line);color:var(--w-dim);grid-area:1/2/span 6;align-self:start;gap:.8rem;padding-top:.4rem;font-size:.86rem;line-height:1.55;display:flex}@media (max-width:899px){.proof-note{grid-area:auto/1;max-width:34rem}}.proof-note-num{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.1em;color:var(--w-acc);padding-top:.15rem;font-size:.7rem}.proof-note p{margin:0}.proof-stamp-row{flex-wrap:wrap;align-items:center;gap:2.6rem;margin-top:2.4rem;display:flex}.proof-stamp{width:8rem;height:8rem;transform:rotate(-7deg)}.proof-stamp circle{stroke:var(--w-acc);stroke-width:2px}.proof-stamp text{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.22em;fill:var(--w-acc);font-size:10.5px}.proof-stamp .proof-stamp-strong{font-size:14px;font-weight:500}.proof-sig{width:13rem;height:4.2rem}.proof-sig path{stroke:var(--w-ink);stroke-width:2px;stroke-linecap:round}[data-armed] [data-draw]{stroke-dasharray:1;stroke-dashoffset:1px}[data-armed] [data-pop]{opacity:0;transform:scale(0)}[data-armed] [data-fade]{opacity:0;translate:0 8px}.proof-outro{max-width:76rem;padding:8dvh max(1.4rem, env(safe-area-inset-right)) 16dvh max(1.4rem, env(safe-area-inset-left));border-top:1px solid var(--w-line);font-family:var(--f-proof), ui-serif, Georgia, serif;gap:1.6rem;margin:0 auto;display:grid}.proof-outro-lede{letter-spacing:-.01em;text-wrap:balance;max-width:34ch;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:500;line-height:1.3}.proof-outro-meta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:0;display:grid}.proof-outro-meta dt{font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--w-faint);font-size:.66rem}.proof-outro-meta dd{color:var(--w-dim);margin:.5rem 0 0}.proof-outro-nav{flex-wrap:wrap;gap:1rem 2.4rem;margin-top:.8rem;display:flex}.proof-outro-nav a{min-height:2.75rem;font-family:var(--f-proof-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--w-ink);border-bottom:1px solid var(--w-line);align-items:center;gap:.7rem;font-size:.74rem;display:inline-flex}.proof-outro-nav a:hover{border-bottom-color:var(--w-acc);color:var(--w-acc)}.tempo-wrap{height:380vh}.tempo-wrap[data-mode=tap]{height:auto}.tempo-stage{height:100dvh;position:sticky;top:0;overflow:hidden}.tempo-wrap[data-mode=tap] .tempo-stage{height:100svh;position:relative}.tempo-film{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tempo-scrim{pointer-events:none;background:linear-gradient(#050607a8,#0000 30%),linear-gradient(#0000 58%,#050607c7);background:linear-gradient(lab(1.553% .018239 -.535238/.66),#0000 30%),linear-gradient(#0000 58%,lab(1.553% .018239 -.535238/.78));position:absolute;inset:0}.tempo-head{left:7vw;top:calc(var(--h2-nav-h) + 7dvh);max-width:36rem;position:absolute}.tempo-h1{font-family:var(--f-tempo), ui-sans-serif, system-ui, sans-serif;letter-spacing:.01em;text-transform:uppercase;margin-top:1.1rem;font-size:clamp(3.4rem,9vw,8rem);font-weight:800;line-height:.92}.tempo-sub{max-width:44ch;color:var(--w-dim);margin-top:1.3rem;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.6}.tempo-clock{right:max(2.4rem, env(safe-area-inset-right));top:calc(var(--h2-nav-h) + 7dvh);text-align:right;position:absolute}.tempo-clock span{font-family:var(--f-tempo-mono), ui-monospace, monospace;letter-spacing:.08em;font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:500}.tempo-clock i{background:var(--w-acc);transform-origin:0;width:clamp(8rem,14vw,12rem);height:3px;margin-top:.55rem;margin-left:auto;display:block;transform:scaleX(0)}.tempo-rail{left:7vw;bottom:calc(9dvh + env(safe-area-inset-bottom));gap:.2rem;margin:0;padding:0;list-style:none;display:grid;position:absolute}.tempo-rail button{cursor:pointer;min-height:2.75rem;color:var(--w-faint);background:0 0;border:0;align-items:baseline;gap:1rem;padding:.2rem .4rem .2rem 0;transition:color .3s;display:flex}.tempo-rail-t{font-family:var(--f-tempo-mono), ui-monospace, monospace;letter-spacing:.14em;font-size:.66rem}.tempo-rail-name{font-family:var(--f-tempo), ui-sans-serif, system-ui, sans-serif;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:700}.tempo-rail li[data-active] button{color:var(--w-ink)}.tempo-rail li[data-active] .tempo-rail-t{color:var(--w-acc)}.tempo-copy{right:max(2.4rem, env(safe-area-inset-right));bottom:calc(11dvh + env(safe-area-inset-bottom));text-align:right;max-width:26rem;display:grid;position:absolute}.tempo-copy p{color:var(--w-dim);opacity:0;grid-area:1/1;font-size:clamp(.96rem,1.2vw,1.06rem);line-height:1.55;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.tempo-copy p[data-active]{opacity:1;transform:none}.tempo-copy strong{color:var(--w-ink)}@media (max-width:899px){.tempo-copy{display:none}.tempo-clock{top:auto;left:7vw;right:auto;bottom:calc(30dvh + env(safe-area-inset-bottom));text-align:left}.tempo-clock i{margin-left:0}}.tempo-play{left:50%;bottom:calc(5dvh + env(safe-area-inset-bottom));border:1px solid var(--w-ink);min-height:2.85rem;color:var(--w-ink);font-family:var(--f-tempo-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:#0506078c;background:lab(1.553% .018239 -.535238/.55);padding:.7rem 1.6rem;font-size:.72rem;position:absolute;transform:translate(-50%)}.tempo-play:hover{border-color:var(--w-acc);color:var(--w-acc)}.tempo-note{left:7vw;bottom:calc(2dvh + env(safe-area-inset-bottom));font-family:var(--f-tempo-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--w-faint);font-size:.62rem;position:absolute}.tempo-ruler{left:7vw;right:7vw;bottom:calc(4.4dvh + env(safe-area-inset-bottom));background:repeating-linear-gradient(90deg,#f5f1e966 0 1px,#0000 1px 5%);background:repeating-linear-gradient(90deg,lab(95.4076% .351816 4.58115/.4) 0 1px,#0000 1px 5%);border-bottom:1px solid #f5f1e959;border-bottom:1px solid lab(95.4076% .351816 4.58115/.35);height:12px;position:absolute}@media (max-width:899px){.tempo-ruler{display:none}}.tempo-ruler i{top:-4px;bottom:-4px;left:calc(var(--tp,0) * 100%);background:var(--w-acc);width:2px;position:absolute}.tempo-outro{border-top:1px solid var(--w-line);gap:1.6rem;max-width:62rem;padding:16dvh 7vw 18dvh;display:grid}.tempo-outro-lede{font-family:var(--f-tempo), ui-sans-serif, system-ui, sans-serif;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:700;line-height:1.2}.tempo-outro-meta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:0;display:grid}.tempo-outro-meta dt{font-family:var(--f-tempo-mono), ui-monospace, monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--w-faint);font-size:.66rem}.tempo-outro-meta dd{color:var(--w-dim);margin:.5rem 0 0}.tempo-outro-nav{flex-wrap:wrap;gap:1rem 2.4rem;margin-top:.8rem;display:flex}.tempo-outro-nav a{min-height:2.75rem;font-family:var(--f-tempo-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--w-ink);border-bottom:1px solid var(--w-line);align-items:center;gap:.7rem;font-size:.74rem;display:inline-flex}.tempo-outro-nav a:hover{border-bottom-color:var(--w-acc);color:var(--w-acc)}.g2-head{padding:calc(var(--h2-nav-h) + 12dvh) 7vw 9dvh;max-width:60rem}.g2-h1{letter-spacing:-.03em;margin-top:1.4rem;font-size:clamp(2.8rem,7vw,6rem);font-weight:650;line-height:1}.g2-lede{max-width:56ch;color:var(--w-dim);margin-top:1.6rem;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.65}.g2-meta{letter-spacing:.24em;text-transform:uppercase;color:var(--w-faint);margin-top:1.6rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.68rem}.g2-list{margin:0;padding:0;list-style:none}.g2-plate{border-top:1px solid #373b4080;border-top:1px solid lab(24.5889% -1.03888 -3.54269/.5)}.g2-link{min-height:74dvh;color:var(--w-ink);background:var(--w-bg);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem 4rem;padding:9dvh 7vw;text-decoration:none;transition:background .4s;display:grid}.g2-plate:nth-child(2n) .g2-link{direction:rtl}.g2-plate:nth-child(2n) .g2-link>*{direction:ltr}.g2-link:hover{background:var(--w-bg-2)}@media (max-width:899px){.g2-link{grid-template-columns:minmax(0,1fr);min-height:auto;padding:8dvh 7vw}}.g2-num{letter-spacing:.3em;color:var(--w-faint);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.72rem}.g2-name{letter-spacing:-.02em;color:var(--w-ink);margin-top:.9rem;font-size:clamp(3rem,8vw,6.4rem);line-height:.95}.g2-name[data-face=duet]{font-family:var(--g2-duet), ui-sans-serif, system-ui, sans-serif;font-weight:700}.g2-name[data-face=passband]{font-family:var(--g2-passband), ui-sans-serif, system-ui, sans-serif;text-transform:uppercase;font-size:clamp(2.2rem,5.4vw,4.8rem);font-weight:800;font-stretch:125%}.g2-name[data-face=proof]{font-family:var(--g2-proof), ui-serif, Georgia, serif;font-style:italic;font-weight:600}.g2-name[data-face=tempo]{font-family:var(--g2-tempo), ui-sans-serif, system-ui, sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:800}.g2-tagline{color:var(--w-acc);margin-top:.7rem;font-size:clamp(1rem,1.5vw,1.2rem)}.g2-thesis{max-width:52ch;color:var(--w-dim);margin-top:1.2rem;line-height:1.6}.g2-tech{letter-spacing:.2em;text-transform:uppercase;color:var(--w-faint);margin-top:1.4rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.66rem}.g2-cta{letter-spacing:.22em;text-transform:uppercase;min-height:2.75rem;color:var(--w-ink);border-bottom:1px solid var(--w-line);align-items:center;gap:.6rem;margin-top:1.8rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:inline-flex}.g2-link:hover .g2-cta{color:var(--w-acc);border-bottom-color:var(--w-acc)}.g2-media{place-items:center;min-height:15rem;display:grid;position:relative}.g2-duet-svg{background:repeating-linear-gradient(90deg,#eff2f50d 0 1px,#0000 1px 42px),repeating-linear-gradient(#eff2f50d 0 1px,#0000 1px 42px);background:repeating-linear-gradient(90deg,lab(95.3681% -.823021 -1.65218/.05) 0 1px,#0000 1px 42px),repeating-linear-gradient(lab(95.3681% -.823021 -1.65218/.05) 0 1px,#0000 1px 42px);width:min(100%,26rem)}.g2-duet-chalk{stroke:#eff2f5d9;stroke:lab(95.3681% -.823021 -1.65218/.85);stroke-width:2.4px;stroke-linecap:round}.g2-duet-plot{stroke:var(--w-acc);stroke-width:1.6px}.g2-duet-note{fill:var(--w-acc);font-family:ui-monospace,Menlo,monospace;font-size:11px}.g2-pb-strip{aspect-ratio:16/8;grid-template-columns:repeat(4,1fr);gap:3px;width:min(100%,30rem);display:grid}.g2-pb-strip i{background-image:url(/showcase/heroes-2/passband-terrain.jpg);background-size:400% 100%}.g2-pb-strip i:first-child{background-position:0%}.g2-pb-strip i:nth-child(2){filter:sepia()saturate(3.4)hue-rotate(-28deg)contrast(1.25)brightness(.9);background-position:33.34%}.g2-pb-strip i:nth-child(3){filter:grayscale()invert()contrast(1.7)brightness(.62)sepia()saturate(2.4)hue-rotate(72deg);background-position:66.67%}.g2-pb-strip i:nth-child(4){filter:grayscale(.7)contrast(2.4)brightness(1.02)sepia(.55)saturate(2)hue-rotate(212deg);background-position:100%}.g2-proof-mini{background:var(--w-bg);border-left:2px solid var(--w-acc);padding:3rem 3.4rem;position:relative}.g2-proof-word{font-family:var(--g2-proof), ui-serif, Georgia, serif;color:var(--w-ink);white-space:nowrap;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:600}.g2-proof-word em{font-style:italic}.g2-proof-line{height:.6rem;position:absolute;bottom:2.5rem;left:3.6rem;right:3rem}.g2-proof-line path{stroke:var(--w-acc);stroke-width:3px;stroke-linecap:round}.g2-proof-stamp{width:5.4rem;height:5.4rem;position:absolute;top:-1.6rem;right:-1.4rem;transform:rotate(-8deg)}.g2-proof-stamp circle{stroke:var(--w-acc);stroke-width:2px}.g2-proof-stamp text{letter-spacing:.18em;fill:var(--w-acc);font-family:ui-monospace,Menlo,monospace;font-size:13px}@media (max-width:719px){.g2-proof-mini{padding:2.4rem clamp(1.2rem,4vw,1.8rem)}.g2-proof-word{font-size:clamp(1.05rem,5.5vw,1.6rem)}.g2-proof-line{bottom:1.7rem;left:clamp(1.3rem,4.2vw,2rem);right:clamp(1.2rem,4vw,1.8rem)}.g2-proof-stamp{width:4.2rem;height:4.2rem;top:-1.2rem;right:-1rem}}.g2-tempo-mini{aspect-ratio:16/9;background-image:url(/showcase/heroes-2/tempo-poster.jpg);background-position:50%;background-size:cover;width:min(100%,28rem);position:relative}.g2-tempo-clock{letter-spacing:.08em;color:var(--w-ink);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:1.1rem;position:absolute;top:.9rem;right:1rem}.g2-tempo-tick{background:var(--w-acc);width:2px;height:1.1rem;position:absolute;top:auto;bottom:0;left:62%}.g2-foot{border-top:1px solid #373b4080;border-top:1px solid lab(24.5889% -1.03888 -3.54269/.5);padding:7dvh 7vw 14dvh}.g2-foot p{max-width:60ch;color:var(--w-faint);font-size:.92rem;line-height:1.65}.jf-wrap{height:var(--jf-h,340vh)}@media (max-width:719px){.jf-wrap{height:var(--jf-h-m,260vh)}}.jf-stage{background:var(--w-bg);height:100dvh;position:sticky;top:0;overflow:hidden}.jf-film{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.jf-scrim{pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--w-bg) 72%, transparent), transparent 26%), linear-gradient(to top, color-mix(in oklab, var(--w-bg) 82%, transparent), transparent 42%), linear-gradient(to right, color-mix(in oklab, var(--w-bg) 62%, transparent), transparent 46%);position:absolute;inset:0}.jf-head{left:7vw;top:calc(var(--h2-nav-h) + 7dvh);pointer-events:none;max-width:80vw;position:absolute}.jf-h1{font-family:var(--f-duet), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;font-size:clamp(2.6rem,6.4vw,5.4rem);font-weight:700;line-height:1}.jf-h1-quiet{color:var(--w-dim)}.jf-proof-h1{font-size:clamp(2.6rem,6.4vw,5.6rem)}.jf-sub{max-width:46ch;color:var(--w-ink);margin-top:1.1rem;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6}.jf-proof .jf-sub{font-family:var(--f-proof), ui-serif, Georgia, serif;color:var(--w-dim)}.jf-hud{right:max(2.4rem, env(safe-area-inset-right));top:calc(var(--h2-nav-h) + 7dvh);text-align:right;pointer-events:none;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;position:absolute}.jf-hud-label{letter-spacing:.3em;text-transform:uppercase;color:var(--w-dim);font-size:.64rem}.jf-hud-value{letter-spacing:.06em;color:var(--w-ink);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500}.jf-hud-meter{background:var(--w-acc);transform-origin:0;width:clamp(7rem,12vw,10rem);height:3px;margin-top:.5rem;margin-left:auto;display:block;transform:scaleX(0)}.jf-hud-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--w-faint);margin-top:.45rem;font-size:.6rem}.jf-beats{left:7vw;bottom:calc(9dvh + env(safe-area-inset-bottom));max-width:36rem;display:grid;position:absolute}.jf-beat{opacity:0;grid-area:1/1;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(12px)}.jf-beat[data-active]{opacity:1;transform:none}.jf-beat-title{letter-spacing:-.02em;color:var(--w-ink);margin-top:.9rem;font-size:clamp(1.7rem,3.4vw,2.7rem);font-weight:650;line-height:1.08}.jf-duet .jf-beat-title{font-family:var(--f-duet), ui-sans-serif, system-ui, sans-serif}.jf-proof .jf-beat-title,.jf-proof .jf-still-title{font-family:var(--f-proof), ui-serif, Georgia, serif}.jf-beat-body{max-width:46ch;color:var(--w-dim);margin-top:.8rem;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.6}.jf-proof .jf-beat-body{font-family:var(--f-proof), ui-serif, Georgia, serif;color:var(--w-dim)}.jf-rail{right:max(2.4rem, env(safe-area-inset-right));gap:.7rem;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.jf-rail li{border:1px solid var(--w-faint);border-radius:50%;width:7px;height:7px;transition:background .3s,border-color .3s}.jf-rail li[data-active]{background:var(--w-acc);border-color:var(--w-acc)}.jf-note{left:7vw;bottom:calc(2dvh + env(safe-area-inset-bottom));letter-spacing:.2em;text-transform:uppercase;color:var(--w-faint);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.62rem;position:absolute}@media (max-width:719px){.jf-hud{top:auto;left:7vw;right:auto;bottom:calc(34dvh + env(safe-area-inset-bottom));text-align:left}.jf-hud-meter{margin-left:0}.jf-rail{display:none}.jf-beats{max-width:86vw}}.jf-stills{padding:calc(var(--h2-nav-h) + 8dvh) 7vw 10dvh;gap:3rem;display:grid}.jf-stills .jf-head{pointer-events:auto;position:static}.jf-stills-list{gap:2.6rem;max-width:62rem;margin:0;padding:0;list-style:none;display:grid}.jf-stills-list figure{gap:1.1rem;margin:0;display:grid}.jf-still-img{aspect-ratio:16/9;border:1px solid var(--w-line);position:relative;overflow:hidden}.jf-still-img img{object-fit:cover}.jf-still-title{letter-spacing:-.015em;margin-top:.5rem;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:650}.jf-stills-list figcaption p:last-child{max-width:60ch;color:var(--w-dim);margin-top:.5rem;line-height:1.6}.duet-sandbox{border-top:1px solid var(--w-line)}.duet-stage-sandbox{height:100dvh;position:relative}.duet-head-sandbox{top:14dvh}.duet-h2{font-family:var(--f-duet), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;margin-top:1.2rem;font-size:clamp(2.6rem,6vw,5rem);font-weight:700;line-height:.98}