.home .liveness{background:var(--ink);--sel-bg:var(--yellow);--sel-fg:var(--ink);color:var(--paper);font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--t-100);letter-spacing:.02em;padding:11px 0}.home .liveness .wrap{flex-wrap:wrap;align-items:center;gap:6px 20px;display:flex}.home .liveness .dot{background:var(--yellow);--sel-bg:var(--ink);--sel-fg:var(--paper);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite liveness-pulse;display:inline-block}@keyframes liveness-pulse{0%,to{opacity:1}50%{opacity:.4}}.home .liveness .g{color:var(--yellow)}
.home .problem{--beat-ink:#241d0f;--beat-ghost:#a89e8b;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--problem-runway:950vh;--problem-nav-clear:76px;--problem-card-drift:40px;--problem-field-lift:clamp(120px, 18vh, 270px)}.home .problem .problem-stage{padding-block:clamp(48px,8vw,96px);position:relative}.home .problem .p-head{margin-bottom:clamp(18px,3vw,32px)}.home .problem .noise-field{display:none}.home .problem .p-reveal .wrap{background:var(--paper);--sel-bg:var(--yellow);--sel-fg:var(--ink);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink), 13px 13px 0 rgb(var(--yellow-rgb) / .72)}.home .problem .p-reveal h2{font-weight:var(--w-regular);max-width:none;margin:0}.home .problem .beat{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;text-transform:lowercase;font-weight:var(--w-medium);letter-spacing:-.03em;line-height:1;font-size:var(--d-200);color:var(--beat-ink);text-wrap:balance;border-bottom:1px solid var(--hairline-2);margin:0;padding:clamp(20px,3vw,32px);display:block;position:relative}.home .problem .beat.land{font-size:clamp(38px, 6.2vw, var(--display-cap));background:var(--paper-2);--sel-bg:var(--yellow);--sel-fg:var(--ink);border-bottom:0;margin-top:0;line-height:.98}.home .problem .problem-progress{--problem-progress:1;gap:5px;width:fit-content;margin:22px 20px 0;display:flex}.home .problem .problem-progress span{background:var(--hairline-2);width:20px;height:3px;display:block;overflow:hidden}.home .problem .problem-progress i{background:var(--yellow);--sel-bg:var(--ink);--sel-fg:var(--paper);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.home .problem .problem-progress span:first-child i{transform:scaleX(clamp(0, calc(var(--problem-progress) * 3), 1))}.home .problem .problem-progress span:nth-child(2) i{transform:scaleX(clamp(0, calc(var(--problem-progress) * 3 - 1), 1))}.home .problem .problem-progress span:nth-child(3) i{transform:scaleX(clamp(0, calc(var(--problem-progress) * 3 - 2), 1))}.home .problem .swipe{white-space:nowrap;background-position:0}.home .problem .scroll-cue{display:none}.home .problem.is-stack.js .beat{opacity:0;transition:opacity .6s var(--ease-out-quint), transform .6s var(--ease-out-quint);transform:translateY(18px)}.home .problem.is-stack .beat.in{opacity:1;transform:none}@media (min-width:701px) and (max-width:1100px){.home .problem .beat{font-size:var(--d-100)}}@media (max-width:1100px){.home .problem .noise-card:nth-child(3),.home .problem .noise-card:nth-child(9),.home .problem .noise-card:nth-child(10),.home .problem .noise-card:nth-child(11),.home .problem .noise-card:nth-child(12),.home .problem .noise-card:nth-child(14){display:none}}@media (max-width:700px){.home .problem .beat{font-size:var(--t-500);letter-spacing:-.015em;margin:0;line-height:1.32}.home .problem .beat.land{font-size:var(--d-100);letter-spacing:-.03em;margin-top:0;line-height:1.08}.home .problem .problem-stage{padding-block:52px}.home .problem .noise-card:nth-child(2),.home .problem .noise-card:nth-child(8),.home .problem .noise-card:nth-child(13){display:none}}.home .problem.is-scroll{padding:0}.home .problem.is-scroll .problem-stage-track{height:var(--problem-runway);position:relative}.home .problem.is-scroll .problem-stage{isolation:isolate;place-items:center;height:100vh;padding-block:0;display:grid;position:sticky;top:0;overflow:hidden}.home .problem.is-scroll .p-head{top:calc(var(--problem-nav-clear) + 20px);z-index:4;pointer-events:none;margin:0;position:absolute;left:0;right:0}.home .problem.is-scroll .p-reveal{z-index:3;text-align:center;border:2px solid var(--ink);width:min(100vw - 96px,940px);min-height:clamp(210px,26vh,280px);box-shadow:10px 10px 0 var(--ink), 16px 16px 0 rgb(var(--yellow-rgb) / .78);background:#fffffff5;place-items:center;padding:clamp(38px,6vw,72px);display:grid;position:relative}.home .problem.is-scroll .problem-progress{--problem-progress:0;z-index:1;margin:0;position:absolute;top:clamp(30px,4vw,44px);left:50%;transform:translate(-50%)}.home .problem.is-scroll .p-reveal .wrap,.home .problem.is-scroll .p-reveal h2{display:contents}.home .problem.is-scroll .p-reveal:before{content:"";z-index:-1;background:radial-gradient(58% 60%,#fffffff5 0%,#ffffffe6 44%,#fff0 80%);position:absolute;inset:-55% -35%}.home .problem.is-scroll .beat{width:100%;color:color-mix(in oklab, var(--beat-ink) calc(var(--ct,0) * 100%), var(--beat-ghost));opacity:var(--t,0);transform:translateY(var(--y,40px));will-change:opacity, transform;background:0 0;border:0;grid-area:1/1;margin:0;padding:0}.home .problem.is-scroll .swipe{--hl-block-w:calc(var(--sw,0) * 100%)}.home .problem.is-scroll .noise-field{top:calc(var(--problem-nav-clear) + clamp(88px, 8vw, 96px));right:0;bottom:var(--problem-field-lift);z-index:1;pointer-events:none;filter:grayscale(var(--settle,0)) blur(calc(var(--settle,0) * .4px));opacity:calc(1 - .72 * var(--settle,0));display:block;position:absolute;left:0}.home .problem.is-scroll .noise-card{left:var(--x);top:var(--y);width:clamp(148px,15vw,216px);transform:translateY(calc((var(--fp,.5) - .5) * var(--depth,60px))) rotate(var(--rot,0deg)) scale(var(--scale,1));opacity:0;transition:opacity .7s var(--ease-out-quint);background:var(--paper);--sel-bg:var(--yellow);--sel-fg:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--paper-2), 5px 5px 0 var(--hairline-2);border-radius:2px;position:absolute;overflow:hidden}.home .problem.is-scroll .problem-stage.in-view .noise-card{opacity:1}.home .problem.is-scroll:not(.offscreen) .problem-stage.in-view .noise-card{will-change:transform}.home .problem.is-scroll .problem-stage.in-view .noise-card:nth-child(3n+2){transition-delay:80ms}.home .problem.is-scroll .problem-stage.in-view .noise-card:nth-child(3n+3){transition-delay:.16s}.home .problem .nc-head{border-bottom:1px solid var(--hairline-2);align-items:center;gap:8px;padding:9px 11px;display:flex}.home .problem .nc-glyph{width:17px;height:17px;color:var(--ink-soft);opacity:.8;flex:none}.home .problem .nc-dot{background:var(--hairline);border-radius:50%;flex:none;width:22px;height:22px}.home .problem .nc-lines{flex:1;gap:5px;display:grid}.home .problem .nc-bar{background:var(--hairline-2);border-radius:3px;height:6px}.home .problem .nc-bar.sm{width:55%}.home .problem .nc-bar.xs{width:35%}.home .problem .nc-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#edeae3,#e3dfd6);place-items:center;display:grid;position:relative}.home .problem .nc-thumb.square{aspect-ratio:1}.home .problem .nc-brand{color:var(--ink-soft);opacity:.85}.home .problem .nc-brand.yt{width:38px;height:38px}.home .problem .nc-brand.audio{width:30px;height:30px}.home .problem .nc-time{font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--t-100);color:var(--paper);letter-spacing:.02em;background:#1b160eb8;border-radius:4px;padding:1px 5px;position:absolute;bottom:7px;right:7px}.home .problem .nc-body{gap:6px;padding:10px 11px 12px;display:grid}.home .problem .nc-wave{align-items:flex-end;gap:3px;height:22px;padding:0 11px 10px;display:flex}.home .problem .nc-wave span{background:var(--hairline-2);border-radius:2px;flex:1}.home .problem .nc-progress{background:var(--hairline-2);border-radius:3px;height:5px;overflow:hidden}.home .problem .nc-progress i{background:var(--ink-soft);opacity:.55;border-radius:3px;height:100%;display:block}.home .problem .nc-pct{font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--t-100);color:var(--ink-soft);letter-spacing:.04em}.home .problem.is-scroll .scroll-cue{z-index:4;font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--label-size);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);opacity:var(--cue,1);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(20px,4vh,40px);left:0;right:0}.home .problem.is-scroll .scroll-cue .cue-chevron{color:var(--ochre);animation:problem-cue-bob 1.7s var(--ease-out-quint) infinite}.home .problem.offscreen .scroll-cue .cue-chevron{animation-play-state:paused}@keyframes problem-cue-bob{0%{opacity:.35;transform:translateY(-2px)}45%{opacity:1;transform:translateY(3px)}to{opacity:.35;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.home .problem.is-scroll .problem-stage-track{height:auto}.home .problem.is-scroll .problem-stage{height:auto;padding-block:clamp(48px,8vw,96px);position:static;overflow:visible}.home .problem.is-scroll .p-head{position:static}.home .problem.is-scroll .p-reveal{min-height:0;display:block}.home .problem.is-scroll .p-reveal .wrap,.home .problem.is-scroll .p-reveal h2{display:block}.home .problem .beat{grid-area:auto;display:block;opacity:1!important;color:var(--beat-ink)!important;transform:none!important}.home .problem .swipe{--hl-block-w:100%!important}.home .problem.is-scroll .noise-field,.home .problem.is-scroll .scroll-cue{display:none}.home .problem.is-stack.js .beat{opacity:1!important;transform:none!important}}@media (min-width:701px) and (pointer:fine) and (prefers-reduced-motion:no-preference){html.js .home .problem:not(.is-stack) .problem-stage-track{min-height:var(--problem-runway)}}