@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#101010;--fg:#eeece6;--muted:#999793;--accent:#c48b70;--display:Anton,'Arial Narrow',Arial,sans-serif}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-brand-title{margin:0 0 12px;line-height:1;max-width:500px}
.hero-wordmark{display:block;width:min(36vw,480px);aspect-ratio:334/239;background:linear-gradient(155deg,#f6f4ee,#cbc8bf);mask-image:url('assets/logo.png');mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat;filter:drop-shadow(0 8px 25px #0003)}
.hero-content{padding-top:190px;padding-bottom:140px}
.hero-content>.eyebrow{margin-bottom:5px;color:#c9c6bd}
.hero-description{font-size:14px;line-height:1.85;color:#c5c3bc;margin-top:12px;margin-bottom:27px}
.hero-shade{background:linear-gradient(90deg,#101010 0%,#101010ed 16%,#10101099 35%,#10101005 75%),linear-gradient(0deg,#101010 0%,transparent 33%,#10101030 80%)}
.hero-photo{filter:saturate(.22) brightness(.86)}
.nav{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;gap:36px}
.nav-contact{font-size:10px;letter-spacing:1.6px}
h2{font-family:var(--display);font-weight:400;letter-spacing:-1.5px;text-transform:uppercase;line-height:1.05;font-size:clamp(58px,6vw,92px)}
h2 em{font-family:inherit;font-weight:inherit;font-style:normal;color:#aaa69e}
.history{background:#191919}
.history-copy>p.body-large{font-size:21px;line-height:1.5;letter-spacing:-.5px}
.milestone-mark{font-family:var(--display);font-size:58px;letter-spacing:-1px}
.contact{background:#dedbd4;color:#161616}
.contact h2{font-size:clamp(64px,8vw,112px);letter-spacing:-1.5px}
.contact h2 em{color:#76736d}
.contact .button-light{background:#171717}
.contact .button-light:hover{background:#44413a}
.contact-location{color:#65615b}
.live-copy h2{font-size:clamp(56px,6vw,88px);letter-spacing:-1.5px}
.live-copy h2 em{color:#d1c5ba}
.eyebrow,.hero-bottom,.hero-side,.music-art-label,.contact-top>span,.contact-location,.history-image figcaption{font-family:'Courier New',monospace}
.portal[hidden]{display:none}
.portal{--logo-w:min(62vw,720px);position:fixed;inset:0;z-index:100;perspective:1700px;background:#050505;overflow:hidden;isolation:isolate;opacity:1}
.portal:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 12%,#00000015 50%,#000a 100%)}
.portal .intro-scene{position:absolute;inset:0;z-index:0;background:linear-gradient(#0004,#0006),url('assets/live.webp') 60% 50%/cover;animation:none;transform:scale(1.16);filter:saturate(.25);transition:transform 3s cubic-bezier(.2,.6,.2,1)}
.portal-tunnel{position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 150px 40px #000a;opacity:1;transition:opacity 2s}
.portal .door{position:absolute;top:0;bottom:0;width:50.03%;z-index:3;overflow:hidden;animation:none;backface-visibility:hidden;transform:rotateY(0);transform-style:preserve-3d;transition:transform 2.65s cubic-bezier(.55,.03,.22,1);box-shadow:inset 0 0 100px #000b;background:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 4px),linear-gradient(110deg,#171717 0%,#1a1a1a 50%,#292929 99%,#b4b4ac 100%)}
.portal .door-left{left:0;transform-origin:0 50%;border-right:1px solid #ece8d64d}
.portal .door-right{right:0;transform-origin:100% 50%;border-left:1px solid #ece8d64d;background:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 4px),linear-gradient(250deg,#171717 0%,#1a1a1a 50%,#292929 99%,#b4b4ac 100%)}
.door-logo{position:absolute;top:46%;width:var(--logo-w);height:calc(var(--logo-w)*.71557);transform:translate(-50%,-50%);mask-image:url('assets/logo.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat;background:linear-gradient(165deg,#faf9f1 0%,#c8c9c6 25%,#818583 45%,#e4e4dc 49%,#d5d5ce 52%,#a0a4a0 78%,#f1efe6 100%);filter:drop-shadow(0 1px 1px #fff8)}
.door-left .door-logo{left:100%}
.door-right .door-logo{left:0}
.door-handle{position:absolute;width:4px;height:58px;bottom:23%;background:linear-gradient(90deg,#32332f,#aaa99d,#41413d);border-radius:1px;box-shadow:1px 1px 6px #000b}
.door-left .door-handle{right:22px}.door-right .door-handle{left:22px}
.door-detail{position:absolute;inset:25px 23px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.door-detail i{display:block;width:5px;height:5px;border-radius:50%;background:radial-gradient(#73736a 10%,#292924 45%,#111 65%);box-shadow:0 1px 1px #ffffff22}
.door-left .door-detail{align-items:flex-start}.door-right .door-detail{align-items:flex-end}
.portal .door-light{position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;z-index:4;animation:none;background:linear-gradient(transparent 8%,#fff4d888 35%,#e6dbc788 65%,transparent 90%);box-shadow:0 0 24px 4px #daceb51a;opacity:.8;transition:opacity .6s,transform 1.5s}
.portal-grain{position:absolute;inset:0;z-index:6;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.portal-header{position:absolute;top:38px;left:4%;right:4%;z-index:8;display:flex;justify-content:space-between;align-items:flex-start;font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.6px;color:#bebcb5;transition:opacity .45s}
.portal-header-small{display:block;font-size:8px;letter-spacing:2.4px;color:#74756f;margin-top:8px}
.portal .intro-skip{position:static;display:inline-flex;align-items:center;gap:15px;font:9px 'Courier New',monospace;text-transform:uppercase;letter-spacing:1.3px;border-bottom:1px solid #ffffff30;padding:0 0 8px;color:#aaa99f;background:transparent}
.portal .intro-skip .icon{width:12px;height:12px}
.portal-caption{position:absolute;top:calc(46% + var(--logo-w)*.36 + 16px);left:0;right:0;text-align:center;z-index:8;font:9px 'Courier New',monospace;letter-spacing:3px;color:#9c9c94;transition:opacity .35s}
.portal-marker{display:inline-block;width:4px;height:4px;background:#bb9a7f;border-radius:50%;vertical-align:1px;margin-right:10px;box-shadow:0 0 10px #bb9a7f33}
.portal-controls{position:absolute;bottom:11%;left:0;right:0;z-index:8;display:flex;justify-content:center;transition:opacity .35s,transform .5s}
.portal-enter{border:1px solid #c0bfb346;background:#d7d4c808;display:flex;align-items:center;gap:48px;padding:0 0 0 23px;height:57px;color:#e6e4da;font:10px 'Courier New',monospace;letter-spacing:2.5px;transition:background .25s,border-color .25s}
.enter-arrow{width:58px;height:100%;border-left:1px solid #c0bfb346;display:grid;place-items:center;transition:background .25s,color .25s}
.portal-enter:hover{background:#e8e4d412;border-color:#e8e4d480}.portal-enter:hover .enter-arrow{background:#e8e4d4;color:#12120f}.portal-enter .icon{width:20px;height:20px}
.portal-footer{position:absolute;bottom:32px;left:4%;right:4%;z-index:8;display:flex;justify-content:space-between;align-items:center;font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#777970;transition:opacity .3s}
.portal.is-opening .door-left{transform:rotateY(-105deg)}
.portal.is-opening .door-right{transform:rotateY(105deg)}
.portal.is-opening .intro-scene{transform:scale(1)}
.portal.is-opening .portal-header,.portal.is-opening .portal-caption,.portal.is-opening .portal-footer{opacity:0;pointer-events:none}
.portal.is-opening .portal-controls{opacity:0;transform:translateY(15px);pointer-events:none}
.portal.is-opening .door-light{opacity:0;transform:scaleX(20)}
.portal.is-opening .portal-tunnel{opacity:0}
.portal.is-leaving{opacity:0;transition:opacity .5s}
@media(min-width:1600px){.hero-content{padding-top:21vh}.hero-wordmark{width:480px}}
@media(max-width:1100px) and (min-width:761px){.hero-wordmark{width:39vw}.hero-content{padding-top:220px}.hero-actions{gap:22px}.hero-actions .text-link{font-size:10px}}
@media(max-width:760px){.portal{--logo-w:min(86vw,430px);perspective:1200px}.portal-header{top:27px;left:6%;right:6%;font-size:8px;letter-spacing:1.2px}.portal-header-small{font-size:7px;letter-spacing:1.4px}.portal .intro-skip{font-size:8px;gap:10px}.door-logo{top:43%}.portal-caption{top:calc(43% + var(--logo-w)*.36 + 24px);font-size:7px;letter-spacing:2px}.portal-controls{bottom:16%}.portal-enter{height:52px;font-size:9px;gap:35px;padding-left:20px;letter-spacing:2px}.enter-arrow{width:52px}.portal-footer{bottom:30px;left:6%;right:6%;font-size:7px;letter-spacing:1px}.portal-footer>span:nth-child(2){display:none}.door-handle{height:46px;bottom:29%}.door-left .door-handle{right:15px}.door-right .door-handle{left:15px}.door-detail{inset:18px 15px}.hero-content{padding:0 6% 105px;max-width:none}.hero-content>.eyebrow{margin-bottom:14px;font-size:8px}.hero-brand-title{margin:0 0 18px}.hero-wordmark{width:min(68vw,320px)}.hero-description{font-size:12px;line-height:1.75;margin:0 0 22px}.hero-actions{gap:14px}.hero-actions .text-link{padding-top:12px;padding-bottom:12px}.hero-photo{object-position:82% 36%}.hero-shade{background:linear-gradient(0deg,#101010 0%,#101010e6 20%,#10101080 48%,#10101020 77%,#10101099 100%)}h2{font-size:60px;letter-spacing:-1px}.contact h2{font-size:76px;letter-spacing:-1px}.live-copy h2{font-size:50px;letter-spacing:-1px}.history-copy>p.body-large{font-size:19px}.milestone-mark{font-size:48px}}
@media(max-height:650px) and (min-width:761px){.portal{--logo-w:min(45vw,470px)}.portal-controls{bottom:8%}.portal-footer{bottom:16px}.portal-header{top:22px}.portal-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.portal{display:none}.hero-wordmark{filter:none}}
.portal .door-handle{bottom:27%}.portal-enter:focus-visible{outline:1px solid #c8c1b1;outline-offset:6px}@media(max-width:760px){.portal .door-handle{bottom:30%}}
.portal .door{transition-duration:2.25s}.portal .intro-scene{transition-duration:2.5s}