.animated-animal-logo{font-family:var(--font-display);letter-spacing:0;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:0;font-size:148px;line-height:.71em;display:inline-flex}.animated-animal-logo__letter{flex:none;height:116px;display:block;position:relative;overflow:visible clip}.animated-animal-logo__stack{flex-direction:column;display:flex}.animated-animal-logo__glyph{justify-content:center;align-items:center;height:116px;display:flex}
.switchboard{flex-direction:row;width:100%;min-height:100dvh;display:flex}.switchboard__panel{--space-panel:3rem;isolation:isolate;min-width:0;padding:var(--space-panel,3rem);transition:flex-grow var(--dur) var(--ease-out);flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.switchboard__scene{z-index:0;transition:transform var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out), filter var(--dur) var(--ease-out);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.03)}.switchboard__scrim{z-index:1;pointer-events:none;background:linear-gradient(#0a0a0c00 0%,#0a0a0c29 42%,#0a0a0ccc 100%);height:46%;position:absolute;inset:auto 0 0}.switchboard__panel[data-venue=nyc]{background:var(--color-ink);color:var(--color-red)}.switchboard__panel[data-venue=nyc] .switchboard__scene{filter:saturate(1.25);background-image:radial-gradient(120% 90% at 50% 46%,#101012bd 0%,#101012e6 62%,#101012f5 100%),url(/nyc-room.webp);background-position:50%,50% 42%}.switchboard__panel[data-venue=la]{background:var(--color-red);color:var(--color-ink)}.switchboard__panel[data-venue=la] .switchboard__scene{background-image:url(/la-palms.webp),url(/la-moon.webp),radial-gradient(118% 74% at 70% 30%,#ffa45430,#ff5a0a00 62%),linear-gradient(#b30412 0%,#c50514 13%,#d40416 25%,#df0617 38%,#e91017 51%,#f21915 60%,#fb2510 70%,#fe3307 81%,#ff3d02 87%,#ff4e01 96%,#ff5a01 100%);background-position:bottom,top,50%,50%;background-size:100%,auto 160%,cover,cover;background-image:url(/la-palms.webp), url(/la-moon.webp), radial-gradient(118% 74% at 70% 30%, #ffa45430, #ff5a0a00 62%), linear-gradient(180deg in oklab, #b30412 0%, #c50514 13%, #d40416 25%, #df0617 38%, #e91017 51%, #f21915 60%, #fb2510 70%, #fe3307 81%, #ff3d02 87%, #ff4e01 96%, #ff5a01 100%)}.switchboard__mark{--mark-natural-w:900px;--mark-natural-h:116px;--mark-scale:min(.58, calc((50vw - 8rem) / var(--mark-natural-w)));z-index:2;width:calc(var(--mark-natural-w) * var(--mark-scale));height:calc(var(--mark-natural-h) * var(--mark-scale));flex:none;justify-content:center;align-items:center;display:flex;position:relative}.switchboard__mark .animated-animal-logo{transform:scale(var(--mark-scale));flex:none}.switchboard__meta{z-index:2;left:var(--space-panel,3rem);right:var(--space-panel,3rem);bottom:var(--space-panel,3rem);color:var(--color-paper);flex-direction:column;gap:.4rem;display:flex;position:absolute}.switchboard__city{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(1.25rem,2.1vw,1.9rem);font-weight:400;line-height:1}.switchboard__hood{font-family:var(--font-body);letter-spacing:-.01em;color:var(--color-paper-60);font-size:clamp(.8125rem,1vw,.9375rem);line-height:1.4}.switchboard__cta{font-family:var(--font-body);letter-spacing:var(--tracking-meta);text-transform:uppercase;align-self:flex-start;align-items:center;gap:.45rem;margin-top:.85rem;font-size:clamp(.8125rem,1vw,.9375rem);font-weight:600;display:inline-flex;position:relative}.switchboard__cta svg{transition:transform var(--dur) var(--ease-out)}.switchboard__cta:after{content:"";width:0;height:1px;transition:width var(--dur) var(--ease-out);background:currentColor;position:absolute;bottom:-.4rem;left:0}@media (hover:hover) and (min-width:810px){.switchboard:has(.switchboard__panel:hover) .switchboard__panel{flex-grow:.78}.switchboard:has(.switchboard__panel:hover) .switchboard__panel:hover{flex-grow:1.3}.switchboard__panel:hover .switchboard__scene{transform:scale(1.06)}.switchboard__panel[data-venue=nyc]:hover .switchboard__scene{filter:saturate(1.35)}}@media (min-width:810px){.switchboard:has(.switchboard__panel:focus-visible) .switchboard__panel{flex-grow:.78}.switchboard:has(.switchboard__panel:focus-visible) .switchboard__panel:focus-visible{flex-grow:1.3}.switchboard__panel:focus-visible .switchboard__scene{transform:scale(1.06)}}.switchboard__panel:focus-visible{outline:2px solid var(--color-paper);outline-offset:-10px}.switchboard__panel:hover .switchboard__cta:after,.switchboard__panel:focus-visible .switchboard__cta:after{width:100%}.switchboard__panel:hover .switchboard__cta svg,.switchboard__panel:focus-visible .switchboard__cta svg{transform:translate(2px,-2px)}@media (max-width:1023px) and (min-width:810px){.switchboard__panel{--space-panel:2rem}.switchboard__mark{--mark-scale:min(.5, calc((50vw - 7rem) / var(--mark-natural-w)))}}@media (max-width:809px){.switchboard{flex-direction:column}.switchboard__panel{--space-panel:1.5rem;flex:50dvh;min-height:50dvh}.switchboard__mark{--mark-scale:min(.46, calc((100vw - 6rem) / var(--mark-natural-w)))}.switchboard__scrim{height:58%}}@media (prefers-reduced-motion:reduce){.switchboard__panel,.switchboard__scene,.switchboard__cta:after,.switchboard__cta svg{transition:none}.switchboard__panel:hover .switchboard__scene,.switchboard__panel:focus-visible .switchboard__scene{transform:scale(1.03)}}
