.hp-404{background:var(--hp-graphite);color:#fff;padding-top:84px;position:relative;overflow:hidden}.hp-404-inner{flex-direction:column;gap:clamp(32px,4.4vw,64px);padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(56px,7vw,104px);display:flex}.hp-404-art{container-type:inline-size}.hp-404-copy{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:24px clamp(40px,6vw,96px);display:grid}.hp-404-title{font:600 clamp(40px,5vw,72px)/1.04 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0}.hp-404-copy>*{opacity:0;transition:opacity .5s var(--ease-standard) .3s,transform .7s var(--ease-standard) .3s;transform:translateY(16px)}.hp-404-copy>*+*{transition-delay:.42s}.hp-404.is-in .hp-404-copy>*{opacity:1;transform:none}@media (max-width:900px){.hp-404-copy{grid-template-columns:minmax(0,1fr)}}.hp-404-matrix{--u:min(calc(100cqi / 12.24),64px);--g:calc(var(--u) * .24);gap:calc(var(--u) * .9);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:max-content;display:flex}.hp-404-digit{gap:var(--g);display:flex}.hp-404-col{width:var(--u);height:calc(var(--u) * 5 + var(--g) * 4);position:relative}.hp-404-seg{box-sizing:border-box;width:100%;left:0;top:calc(var(--r0) * (var(--u) + var(--g)));height:calc((var(--r1) - var(--r0) + 1) * var(--u) + (var(--r1) - var(--r0)) * var(--g));background:var(--hp-blue);clip-path:inset(100% 0 0 round 999px);transition:clip-path .8s var(--ease-standard) calc(var(--c) * 70ms + (4 - var(--r1)) * 40ms);border-radius:999px;position:absolute}.hp-404-matrix.is-in .hp-404-seg{clip-path:inset(0 round 999px)}.hp-404-col.is-empty .hp-404-seg{border:1.5px dashed var(--hp-graphite-60);background:0 0}.hp-404-seg i{background:var(--hp-red);clip-path:inset(100% 0 0 round 999px);transition:clip-path .42s var(--ease-standard) calc((4 - var(--r1)) * 50ms);border-radius:999px;position:absolute;inset:0}.hp-404-col.is-empty .hp-404-seg i{inset:-1.5px}.hp-404-col.is-hot .hp-404-seg i,.hp-404-col.is-hover .hp-404-seg i{clip-path:inset(0 round 999px)}.hp-404.is-still .hp-404-seg,.hp-404.is-still .hp-404-seg i,.hp-404.is-still .hp-404-copy>*{transition:none}.hp-404-label{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.hp-404-pool{border-radius:var(--radius-lg);background:var(--surface-page);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:clamp(24px,3vw,32px) clamp(24px,3vw,40px);display:flex}@media (prefers-reduced-motion:reduce){.hp-404-seg,.hp-404-seg i,.hp-404-copy>*{transition:none!important}}