@layer components{.intro{z-index:45;background:var(--cat-ground);clip-path:inset(0%);animation:0s linear 6s forwards intro-failsafe;position:fixed;inset:0}.intro-count{left:var(--spacing-gutter);font-variant-numeric:tabular-nums;font-size:clamp(4rem,12vw,11rem);line-height:1;position:absolute;bottom:5svh}.intro-line{background:var(--cat-accent);transform-origin:0;height:1px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.marquee{border-block:1px solid var(--cat-rule);padding-block:3.5svh;position:relative;overflow:hidden}.marquee-track{width:max-content;display:flex}.marquee-item{white-space:nowrap;align-items:center;font-size:clamp(2.4rem,7vw,7rem);display:flex}.marquee-diamond{background:var(--cat-accent);width:.2em;height:.2em;margin-inline:.55em;display:inline-block;transform:rotate(45deg)}.yard3-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.yard3-strip.is-drag{scroll-snap-type:none;overflow:hidden}.yard3-track{width:max-content;padding-inline:var(--spacing-gutter);gap:1.2vw;display:flex}.yard3-film{scroll-snap-align:start;flex:none;width:64vw}@media (min-aspect-ratio:4/5){.yard3-film{width:24vw}}.range-canvas{display:none}.range-gl-on .range-canvas{display:block}.gallery-gl{z-index:30;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.cursor{z-index:60;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);position:fixed;top:0;left:0}.cursor[data-ready]{opacity:1}.cursor-dot{background:var(--cat-ink);width:5.5rem;height:5.5rem;transition:scale .38s var(--ease-out), background-color .22s var(--ease-out), border-color .22s var(--ease-out);border:1px solid #0000;border-radius:999px;place-items:center;display:grid;position:absolute;top:-2.75rem;left:-2.75rem;scale:.11}.cursor[data-state=view] .cursor-dot{background:color-mix(in oklab, var(--cat-ground) 35%, transparent);border-color:color-mix(in oklab, var(--cat-ink) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scale:.9}.cursor[data-state=drag] .cursor-dot{background:var(--cat-accent);scale:1}.cursor-label{color:var(--cat-ground);opacity:0;transition:opacity .2s var(--ease-out);font-size:.8125rem;font-weight:500}.cursor[data-state=drag] .cursor-label{opacity:1}.cursor[data-state=view] .cursor-label{opacity:1;color:var(--cat-ink)}@media (prefers-reduced-motion:reduce){.intro{display:none}}}@keyframes intro-failsafe{to{visibility:hidden}}.gl-on :is(.uw-media,.yard3-media,.walk-media) :is(img,video),.range-gl-on .range-photo img{opacity:0!important}