/* 2c Hatch hero. JS writes geometry and progress from one scroll frame. */
.pc-scrub{--p:0;--hole-r:min(20vw,20vh);--ring-d:min(40vw,40vh);--ring-opacity:1;--film-scale:1;position:relative;height:340vh}
.pc-scrub__stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--ground)}
.pc-scrub__pyramid{position:absolute;inset:0;width:100%;height:100%;display:block}
.pc-scrub__film-mask{position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--hole-r),#000 calc(var(--hole-r) + 1px));mask-image:radial-gradient(circle at 50% 50%,transparent var(--hole-r),#000 calc(var(--hole-r) + 1px))}
.pc-scrub__film-zoom{position:absolute;inset:0;transform:scale(var(--film-scale));transform-origin:50% 50%;will-change:transform}
.pc-scrub__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-scrub--mono .pc-scrub__film{filter:grayscale(1) contrast(1.25) brightness(.85)}
.pc-scrub__screen{position:absolute;inset:0;background:radial-gradient(circle,transparent 1.2px,rgba(18,18,18,.55) 1.8px) 0 0/4px 4px}
.pc-scrub:not(.pc-scrub--mono) .pc-scrub__screen{display:none}
.pc-scrub__ring{position:absolute;left:50%;top:50%;width:var(--ring-d);height:var(--ring-d);transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(245,245,245,.6);box-shadow:0 0 0 12px rgba(18,18,18,.9),0 0 0 13.5px rgba(245,245,245,.28);opacity:var(--ring-opacity);pointer-events:none}
.pc-scrub__title{position:absolute;left:56px;bottom:72px;display:flex;flex-direction:column;gap:16px;opacity:clamp(0,calc(1 - var(--p) * 4),1);pointer-events:none}
.pc-scrub__title h2{font-family:var(--font-display);font-weight:700;font-size:clamp(64px,9vw,112px);line-height:.94;letter-spacing:-.045em;margin:0}
.pc-scrub__tag{position:absolute;left:56px;right:56px;bottom:72px;display:flex;justify-content:flex-end;opacity:clamp(0,calc((var(--p) - .6) * 4),1);pointer-events:none}
.pc-scrub__tag:not([inert]){pointer-events:auto}
.pc-scrub__tag h2{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.04em;margin:0;max-width:14ch;text-align:right}
.pc-scrub__credit{position:absolute;left:56px;bottom:20px;margin:0;font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-label)}
.pc-scrub__counter{position:absolute;right:32px;bottom:16px;font:400 var(--type-label) var(--font-mono);letter-spacing:var(--track-label);color:var(--text-body)}
.pc-scrub__bar{position:absolute;left:0;bottom:0;height:2px;background:var(--orange);width:calc(var(--p) * 100%)}
@media (max-width:760px){.pc-scrub__credit{left:20px;right:72px;font-size:9px}.pc-scrub__counter{right:20px}}
@media (prefers-reduced-motion:reduce){.pc-scrub{height:100vh;height:100dvh;--p:1;--ring-opacity:0}.pc-scrub__film-mask,.pc-scrub__ring,.pc-scrub__title,.pc-scrub__bar{display:none}.pc-scrub__tag{opacity:1;pointer-events:auto}}