.hero[data-beat]{height:auto;min-height:calc(var(--beat-len) * var(--pin))}.hero-block{min-height:calc(1.3 * var(--pin));position:relative}.hero-pin{min-height:var(--pin);padding-inline:var(--spacing-gutter);touch-action:pan-y;-webkit-touch-callout:none;display:flow-root;position:sticky;top:0;overflow:clip}.hero:focus{outline:none}.hero-scrim{z-index:-1;pointer-events:none;background-image:var(--scrim-hero);width:100%;height:100lvh;position:fixed;top:0;left:0}:root[data-layout=phone] .hero-scrim{background-image:var(--hero-scrim-phone,var(--scrim-hero-phone))}@supports (background-image:linear-gradient(red max(1%, 1px), blue)){:root[data-layout=phone] .hero{--hero-scrim-phone:linear-gradient(180deg, rgb(var(--color-bg-base-rgb) / .92) 0%, rgb(var(--color-bg-base-rgb) / .88) 30%, rgb(var(--color-bg-base-rgb) / .8) max(36%, calc(var(--hero-lede-b,0px) - 16px)), rgb(var(--color-bg-base-rgb) / .3) max(41%, calc(var(--hero-lede-b,0px) + 4px)), rgb(var(--color-bg-base-rgb) / 0) max(45%, calc(var(--hero-lede-b,0px) + 12px)), rgb(var(--color-bg-base-rgb) / 0) 72%, rgb(var(--color-bg-base-rgb) / .7) 86%, rgb(var(--color-bg-base-rgb) / .9) 100%)}}.hero-visual{height:var(--pin);pointer-events:none;position:absolute;inset:0 0 auto}.hero-grid{position:absolute;inset:0}.hero-col{margin:clamp(104px, 22vh, 230px) 0 0 var(--safe-left);width:min(660px,46vw);position:relative}:root[data-layout=phone] .hero-col{min-height:calc(var(--pin) - 180px - var(--safe-top) - var(--safe-bottom));margin:calc(116px + var(--safe-top)) var(--safe-right) calc(64px + var(--safe-bottom)) var(--safe-left);flex-direction:column;width:auto;display:flex}.hero-eyebrow{font-family:var(--font-text);font-weight:600;font-size:var(--text-hero-eyebrow);letter-spacing:0;color:var(--color-text-red);align-items:center;gap:12px;margin:0 0 20px;line-height:1.3;display:flex}.hero-eyebrow:before{content:"";background:var(--color-red-brand);border-radius:2px;flex:none;width:28px;height:2px}:root[data-layout=phone] .hero-eyebrow{gap:10px;margin-bottom:14px;font-size:.9375rem}:root[data-layout=phone] .hero-eyebrow:before{width:20px}.hero-h1{max-width:606px;font-family:var(--font-display);font-weight:700;font-size:var(--text-hero);letter-spacing:-.03em;color:var(--color-text-primary);text-wrap:balance;margin:0;line-height:1.04}:root[data-layout=phone] .hero-h1{max-width:none}:root[data-motion=full]:not([data-hero-ink]) .hero-h1,:root[data-motion=full][data-hero-ink=wait] .hero-h1{color:var(--color-text-tertiary)}:root[data-motion=full]:not([data-hero-ink]):not([data-hydrated]) .hero-h1{animation:hero-ink-safe var(--duration-lg) var(--ease-front) 8s forwards}@keyframes hero-ink-safe{to{color:var(--color-text-primary)}}:root[data-motion=full][data-hero-ink=wipe] .hero-h1-ink{--xp:calc(-.35em + var(--hero-ink,0) * (100% + .9em));color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg, var(--color-text-primary) calc(var(--xp) - .55em), var(--color-text-red) calc(var(--xp) - .2em), var(--color-text-red) var(--xp), var(--color-text-tertiary) calc(var(--xp) + .35em));-webkit-box-decoration-break:slice;box-decoration-break:slice;-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){.hero-h1-ink{-webkit-text-fill-color:currentColor!important;background:0 0!important}}.hero-sub{max-width:30em;font-family:var(--font-text);font-weight:400;font-size:var(--text-lede);color:var(--color-text-body);text-wrap:pretty;margin:24px 0 32px;line-height:1.45}:root[data-layout=phone] .hero-sub{margin:16px 0 0;font-size:1.0625rem}:root[data-layout=phone] .hero-hold{text-align:center;flex-direction:column;align-items:center;margin-top:auto;padding-top:24px;display:flex}.hold-btn{border-radius:var(--radius-pill);border:1px solid rgb(var(--color-text-primary-rgb) / .18);background:rgb(var(--color-surface-1-rgb) / .72);cursor:pointer;height:54px;font-family:var(--font-text);letter-spacing:.005em;color:var(--color-text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-xs) var(--ease-snap);align-items:center;gap:12px;padding:0 22px 0 8px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.hold-btn:hover{border-color:rgb(var(--color-red-brand-rgb) / .75)}.hold-btn svg{flex:none;width:38px;height:38px;transform:rotate(-90deg)}.hold-btn circle{fill:none;stroke-width:2px}.hold-btn .bg{stroke:rgb(var(--color-text-primary-rgb) / .16)}.hold-btn .fg{stroke:var(--color-red-brand);stroke-dasharray:106.8}.hold-lbl [data-l=touch],.hold-lbl [data-l=done]{display:none}@media (pointer:coarse),(any-pointer:coarse){.hold-lbl [data-l=fine]{display:none}.hold-lbl [data-l=touch]{display:inline}}.hold-btn[data-solved] .hold-lbl [data-l=fine],.hold-btn[data-solved] .hold-lbl [data-l=touch]{display:none}.hold-btn[data-solved] .hold-lbl [data-l=done]{display:inline}.hold-hint{max-width:34em;font-family:var(--font-text);letter-spacing:0;color:var(--color-text-tertiary);margin-top:12px;font-size:12px;font-weight:400;line-height:1.45;display:block}@media (max-height:560px){:root[data-layout=desktop] .hero-col{margin-top:max(calc(var(--spacing-nav) + 34px + var(--safe-top)), 16vh)}:root[data-layout=phone] .hero-col{min-height:0;margin-top:calc(104px + var(--safe-top));margin-bottom:calc(16px + var(--safe-bottom))}:root[data-layout=phone] .hero-hold{text-align:left;align-items:flex-start;margin-top:0;padding-top:16px}.hero-eyebrow{gap:10px;margin-bottom:10px;font-size:.9375rem}.hero-eyebrow:before{width:20px}.hero-h1,:root[data-layout=phone] .hero-h1{max-width:606px;font-size:clamp(1.625rem,7.4svh,2.5rem)}.hero-sub,:root[data-layout=phone] .hero-sub{margin:12px 0 16px;font-size:.9375rem}:root[data-layout=phone] .hero-sub{margin-bottom:0}.hold-hint{margin-top:8px}}.hero-cue{left:50%;bottom:calc(26px + var(--safe-bottom));pointer-events:none;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:8px;font-size:10px;font-weight:500;line-height:1;display:flex;position:absolute;transform:translate(-50%)}.hero-cue span{isolation:isolate;text-shadow:0 0 1px rgb(var(--color-bg-base-rgb)), 0 0 3px rgb(var(--color-bg-base-rgb) / .95), 0 0 8px rgb(var(--color-bg-base-rgb) / .9);position:relative}.hero-cue span:before{content:"";z-index:-1;background:rgb(var(--color-bg-base-rgb) / .7);box-shadow:0 0 5px 2px rgb(var(--color-bg-base-rgb) / .7);border-radius:6px;position:absolute;inset:-1px -3px 0 -5px}.hero-cue i{background:rgb(var(--color-text-primary-rgb) / .18);width:1px;height:42px;position:relative;overflow:hidden}.hero-cue i:after{content:"";background:var(--color-red-brand);border-radius:50%;width:3px;height:3px;animation:1.8s cubic-bezier(.6,0,.3,1) infinite hero-drip;position:absolute;top:-6px;left:-1px}@keyframes hero-drip{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(50px)}}:root[data-layout=phone] .hero-cue{display:none}.tangle{z-index:var(--z-hud);top:var(--tangle-top,calc(18px + var(--safe-top)));right:calc(var(--spacing-gutter) + var(--safe-right));border-radius:var(--radius-pill);background:rgb(var(--color-bg-base-rgb) / .84);border:1px solid rgb(var(--color-text-primary-rgb) / .08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:help;font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-tertiary);white-space:nowrap;align-items:center;gap:9px;padding:6px 12px 6px 8px;font-size:12px;font-weight:400;line-height:1;display:flex;position:fixed}.tangle:focus-visible{outline-offset:2px}.tangle:after{content:attr(data-tip);border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid rgb(var(--color-text-primary-rgb) / .12);font-family:var(--font-text);letter-spacing:0;color:var(--color-text-body);white-space:nowrap;opacity:0;pointer-events:none;padding:7px 10px;font-size:12px;font-weight:400;line-height:1.35;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}.tangle:hover:after,.tangle:focus-visible:after{opacity:1;transform:none}.tangle[data-tip-off]:after{opacity:0;transform:translateY(-3px)}.tangle .t-lbl{font-family:var(--font-text);letter-spacing:0;color:var(--color-text-primary);font-size:13px;font-weight:600}.tangle .t-val{letter-spacing:.02em;font-variant-numeric:tabular-nums;min-width:3.6ch;color:var(--color-text-primary);font-size:14px;font-weight:500;display:inline-block}.tangle[data-hot] .t-val{color:var(--color-text-red)}.tangle .t-go{font-family:var(--font-text);letter-spacing:0;color:var(--color-text-tertiary);font-size:12.5px;font-weight:400}.tangle[data-met] .t-go{display:none}.tangle .t-sim{color:var(--color-text-tertiary);font-size:10.5px}.tdial{flex:none;width:30px;height:30px;overflow:visible}.tdial circle{fill:none;stroke-width:1.6px;transform-origin:20px 20px;transform:rotate(135deg)}.tdial .trk{stroke:rgb(var(--color-text-primary-rgb) / .14);stroke-dasharray:75 100}.tdial .val{stroke:var(--color-text-body);transition:stroke .3s}.tangle[data-hot] .tdial .val{stroke:var(--color-red-brand)}.tdial .tick{stroke:rgb(var(--color-text-primary-rgb) / .32);stroke-width:1px}.tdial .ndl{stroke:var(--color-text-primary);stroke-width:1.4px;stroke-linecap:round}.tangle[data-hot] .tdial .ndl{stroke:var(--color-red-brand)}.tdial .hub{fill:var(--color-text-primary);stroke:none;transform:none}:root[data-layout=phone] .tangle{top:calc(64px + var(--safe-top));right:calc(12px + var(--safe-right));gap:7px;padding:1px 10px 1px 5px}:root[data-layout=phone] .tangle .t-lbl{font-size:12px}:root[data-layout=phone] .tangle .t-go{font-size:11px}:root[data-layout=phone] .tdial{width:26px;height:26px}@media (max-width:380px){:root[data-layout=phone] .tangle .t-go{display:none}}@media (max-width:350px){:root[data-layout=phone] .tdial{display:none}:root[data-layout=phone] .tangle{gap:6px;min-height:30px;padding-left:9px}}@media (max-height:300px){:root[data-layout=phone] .tangle{display:none}}.hero-labels{width:100%;height:100lvh;z-index:var(--z-labels);pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}.hero-co{opacity:0;border-radius:var(--radius-xs);background:rgb(var(--color-bg-base-rgb) / .72);font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;will-change:transform, opacity;padding:3px 5px;font-size:12px;font-weight:500;line-height:1;position:absolute;top:0;left:0}.hero-co[data-k=R]{color:var(--color-text-red)}.hero-stamp-pos{z-index:var(--z-stamp);pointer-events:none;position:fixed;top:0;left:0}.hero-stamp{opacity:0;border:2px solid var(--color-red-brand);border-radius:var(--radius-sm);background:rgb(var(--color-bg-base-rgb) / .78);font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-red-brand);font-variant-numeric:tabular-nums;white-space:nowrap;padding:10px 13px 9px;font-size:15px;font-weight:600;line-height:1;position:absolute;top:0;left:0}:root[data-layout=phone] .hero-stamp{padding:9px 11px 8px;font-size:13px}.hold-ring{z-index:var(--z-ring);pointer-events:none;opacity:0;width:64px;height:64px;margin:-32px 0 0 -32px;transition:opacity .2s;position:fixed;top:0;left:0}.hold-ring[data-on]{opacity:1}:root[data-cursor-on] .hold-ring[data-via=mouse]{display:none}.hold-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hold-ring circle{fill:none;stroke-width:1.5px}.hold-ring .bg{stroke:rgb(var(--color-text-primary-rgb) / .18)}.hold-ring .fg{stroke:var(--color-red-brand);stroke-dasharray:188.5}:root[data-motion=reduced] .hero-cue i:after{opacity:1;animation:none;top:20px}:root[data-motion=reduced] .tdial .val,:root[data-motion=reduced] .tangle:after,:root[data-motion=reduced] .hold-btn{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .hero-cue i:after{opacity:1;animation:none;top:20px}:root:not([data-motion=full]) .tdial .val,:root:not([data-motion=full]) .tangle:after{transition:none}}.hero-poster{pointer-events:none;contain:strict;position:absolute;inset:0;overflow:hidden}.hero-poster .p-layer{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-poster .p-storm,.hero-poster .p-paper,.hero-poster .p-ink-layer,.hero-poster .p-fx-layer{will-change:transform}.hero-poster .p-sheet path,.hero-poster .p-sheet-line{stroke:#3a3337}.hero-poster .p-h0{stroke:var(--color-heat-smoulder)}.hero-poster .p-h1{stroke:var(--color-heat-deep)}.hero-poster .p-h2{stroke:var(--color-heat-brand)}.hero-poster .p-h3{stroke:var(--color-heat-flare)}.hero-poster .p-minor{stroke:rgb(var(--color-ink-chalk-rgb) / .74)}.hero-poster .p-major{stroke:rgb(var(--color-ink-paper-rgb) / .72)}.hero-poster .p-clear-stop{stop-color:var(--color-bg-base)}.hero-poster .p-mark,.hero-poster .p-mark-dot{stroke:var(--color-heat-brand)}.hero-poster .p-co path{stroke:var(--color-ink-chalk)}.hero-poster .p-co-red path,.hero-poster .p-front circle{stroke:var(--color-heat-brand)}.hero-poster .p-front .p-front-glow{stroke-opacity:.18}.hero-poster .p-scrim{background-image:var(--scrim-hero);position:absolute;inset:0}:root[data-layout=phone] .hero-poster .p-scrim{background-image:var(--hero-scrim-phone,var(--scrim-hero-phone))}@media (max-height:560px){:root[data-layout=phone] .hero-scrim,:root[data-layout=phone] .hero-poster .p-scrim{background-image:none;background-color:rgb(var(--color-bg-base-rgb) / .86)}}@media (max-height:560px) and (orientation:landscape){:root[data-layout=phone]{--hero-col-w:min(56vw, 606px);--hero-col-r:calc(var(--spacing-gutter) + var(--hero-col-w))}:root[data-layout=phone] .hero-col{width:calc(var(--hero-col-w) - var(--safe-left))}:root[data-layout=phone] .hero-scrim,:root[data-layout=phone] .hero-poster .p-scrim{background-color:#0000;background-image:linear-gradient(90deg, rgb(var(--color-bg-base-rgb) / .92) 0%, rgb(var(--color-bg-base-rgb) / .9) calc(var(--hero-col-r) - 16vw), rgb(var(--color-bg-base-rgb) / .77) calc(var(--hero-col-r) - 8vw), rgb(var(--color-bg-base-rgb) / .46) calc(var(--hero-col-r) - 2vw), rgb(var(--color-bg-base-rgb) / .15) calc(var(--hero-col-r) + 4vw), rgb(var(--color-bg-base-rgb) / 0) calc(var(--hero-col-r) + 10vw))}}
