.hero-canvas{background:var(--deep);touch-action:pan-y;position:relative;overflow:clip}.hero-canvas canvas{position:absolute;inset:0}.holding{isolation:isolate;background:var(--deep);color:var(--on-deep);touch-action:none;overscroll-behavior:none;--holding-inline:clamp(22px, 5.2vw, 68px);--holding-block:clamp(26px, 4.4vh, 54px);grid-template-rows:1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.holding-field{z-index:0;position:absolute;inset:0}.holding-field .hero-canvas{touch-action:none;width:100%;height:100%}.holding:after{content:"";z-index:0;background:linear-gradient(to top, var(--deep) 0%, color-mix(in oklab, var(--deep) 72%, transparent) 38%, color-mix(in oklab, var(--deep) 0%, transparent) 100%);pointer-events:none;height:clamp(180px,34%,380px);position:absolute;inset:auto 0 0}.holding-mark{z-index:1;padding-inline:max(var(--holding-inline), env(safe-area-inset-left)) max(var(--holding-inline), env(safe-area-inset-right));padding-block:0 max(var(--holding-block), env(safe-area-inset-bottom));font-family:var(--display);letter-spacing:-.012em;color:var(--on-deep);-webkit-user-select:none;user-select:none;animation:holding-mark-in .9s var(--ease-out) .14s both;grid-row:2;margin:0;font-size:clamp(27px,4.6vw,47px);font-weight:400;line-height:1;position:relative}@keyframes holding-mark-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (height<=520px){.holding{--holding-block:18px}.holding-mark{font-size:clamp(22px,3.4vh,30px)}}@media (prefers-reduced-motion:reduce){.holding-mark{animation:none}}.holding ::selection{background-color:color-mix(in oklab, var(--on-deep) 28%, var(--deep));color:var(--on-deep)}