.gate-root{position:fixed;inset:0;z-index:10;cursor:default;user-select:none;-webkit-user-select:none}.gate-title{position:absolute;top:12%;left:0;right:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:.85rem;color:var(--cream-0)}.gate-lockup-logo{display:block;justify-self:end;width:148px;height:auto;opacity:.95}.gate-lockup-rule{width:1px;justify-self:center;height:30px;background:color-mix(in oklab,var(--cream-0) 28%,transparent)}.gate-lockup-label{justify-self:start;font-family:var(--temple-display),system-ui,sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;margin-right:-.06em;line-height:1.5;transform:none;color:color-mix(in oklab,var(--cream-0) 92%,transparent)}@media (max-width:640px){.gate-title{column-gap:.6rem}.gate-lockup-logo{width:112px}.gate-lockup-label{font-size:30px}.gate-lockup-rule{height:23px}}.gate-enter{position:absolute;bottom:10%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.gate-enter-rule{width:1px;height:24px;background:var(--cream-2);transition:background-color .14s var(--ease-carve)}.gate-enter-word{font-family:var(--font-ui);font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:lowercase;color:var(--cream-1);transition:color .14s var(--ease-carve)}.gate-root[data-hover=true] .gate-enter-word{color:var(--cream-0)}.gate-root[data-hover=true] .gate-enter-rule{background:var(--cream-1)}.gate-door{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:min(34vh,70vw);height:56vh;padding:0;background:transparent;border:0;cursor:default;-webkit-tap-highlight-color:transparent}.gate-door .corner-ticks,.gate-sound .corner-ticks{color:var(--cream-1)}.gate-door:focus .corner-ticks{opacity:1}.gate-sound{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:0;color:var(--cream-2);cursor:pointer;transition:color .14s var(--ease-carve)}.gate-sound:focus-visible,.gate-sound:hover{color:var(--cream-1)}.gate-sound:focus-visible .corner-ticks{opacity:1}.gate-root[data-phase=opening] .gate-enter,.gate-root[data-phase=opening] .gate-title{animation:gate-dissolve-up .32s var(--ease-veil) .8s both}.gate-root[data-phase=opening] .corner-ticks{opacity:0}@keyframes gate-dissolve-up{0%{opacity:1;translate:0 0;filter:blur(0)}to{opacity:0;translate:0 -14px;filter:blur(5px)}}@media (prefers-reduced-motion:reduce){.gate-root[data-phase=opening] .gate-enter,.gate-root[data-phase=opening] .gate-title{animation:gate-fade-out .2s linear both}}@keyframes gate-fade-out{0%{opacity:1}to{opacity:0}}