:root{--ink:#111820;--blue:#cfe8ff;--cream:#f4f0e9;--white:#fff;--line:rgba(17,24,32,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.wordmark{font-size:clamp(42px,5vw,74px);font-weight:950;line-height:.75;letter-spacing:-.08em}.eyebrow,.section-tag{font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.light{color:var(--cream)}
.gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--ink);color:var(--cream)}.gate-card{width:min(88vw,390px);text-align:center}.gate-card .eyebrow{margin:24px 0 30px}.gate input{width:100%;padding:17px;border:1px solid #ffffff44;background:transparent;color:white;text-align:center;letter-spacing:.2em;outline:none}.gate input:focus{border-color:var(--blue)}.gate button{width:100%;padding:17px;margin-top:10px;border:0;background:var(--blue);color:var(--ink);font-weight:800;letter-spacing:.12em;cursor:pointer}.err{height:24px;padding-top:10px;color:#ff9b9b;font-size:12px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:var(--cream);transition:.35s}.site-header.scrolled{height:76px;background:rgba(244,240,233,.95);color:var(--ink);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:flex-end;gap:13px}.logo span{font-size:35px;font-weight:950;line-height:.8;letter-spacing:-.08em}.logo small{font-size:8px;letter-spacing:.2em;white-space:nowrap}.desktop-nav{display:flex;gap:28px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em}.desktop-nav a,.header-visit{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:.25s}.desktop-nav a:hover:after{right:0}.header-visit{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}.header-visit span{margin-left:8px}.menu-button{display:none;width:42px;height:42px;background:none;border:0;padding:10px}.menu-button span{display:block;height:1px;background:currentColor;margin:7px 0}.mobile-menu{display:none}
.hero{height:max(760px,100svh);position:relative;overflow:hidden;background:var(--ink)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,34,45,.87) 0%,rgba(17,34,45,.42) 52%,rgba(17,34,45,.10) 100%),linear-gradient(0deg,rgba(17,34,45,.55),transparent 50%)}.hero-copy{position:absolute;z-index:2;left:4vw;bottom:8vh}.hero h1{margin:17px 0 30px;color:var(--blue);font-size:clamp(72px,10.5vw,168px);font-weight:950;line-height:.78;letter-spacing:-.075em}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 18px;border:1px solid;border-radius:100px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.14em}.pill.light{border-color:var(--cream)}.pill.dark{border-color:var(--ink)}.sound-toggle{position:absolute;z-index:3;right:4vw;bottom:5vh;border:0;background:none;color:var(--cream);font-size:10px;text-transform:uppercase;letter-spacing:.16em;cursor:pointer}.hero-side{position:absolute;z-index:2;right:4vw;top:50%;transform:translate(50%,-50%) rotate(90deg);color:#fff;font-size:9px;letter-spacing:.2em}.ticker{overflow:hidden;background:var(--blue);border-bottom:1px solid var(--ink);padding:16px 0}.ticker div{width:max-content;font-size:12px;font-weight:800;letter-spacing:.23em;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.section-pad{padding:9vw 4vw}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.intro h2,.section-head h2,.visit h2{font-size:clamp(66px,9vw,142px);line-height:.82;letter-spacing:-.07em;margin:38px 0 0;font-weight:950}.intro-copy{max-width:530px;font-size:clamp(18px,2vw,28px);line-height:1.35}.intro-copy p+p{font-size:16px;max-width:430px;margin-top:25px}.text-link{display:flex;justify-content:space-between;padding:18px 0;margin-top:35px;border-top:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.category-showcase{display:grid;grid-template-columns:repeat(3,1fr);min-height:720px}.category-panel{position:relative;overflow:hidden;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;color:white}.category-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.category-panel:hover img{transform:scale(1.04)}.panel-wash{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,18,24,.82),rgba(10,18,24,.05) 70%)}.category-panel>*:not(img):not(.panel-wash){position:relative;z-index:2}.panel-num{position:absolute!important;top:35px;left:35px;font-size:10px;letter-spacing:.2em}.category-panel h3{font-size:clamp(62px,7vw,118px);line-height:.8;letter-spacing:-.07em;margin:0}.category-panel p{max-width:360px;font-size:15px;line-height:1.5;margin:22px 0}.category-panel b{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-head h2{margin-top:25px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid var(--ink);background:transparent;border-radius:99px;padding:10px 16px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer}.filters button.active{background:var(--ink);color:white}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.store-card{position:relative;min-height:285px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.store-card.hidden{display:none}.store-card span{position:absolute;z-index:2;top:22px;left:22px;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.store-card h3{position:relative;z-index:2;margin:0;font-size:25px;line-height:1;letter-spacing:-.04em}.image-card{color:white;background-image:linear-gradient(0deg,rgba(10,16,22,.75),transparent 70%),var(--image);background-size:cover;background-position:center}.name-card{background:var(--ink);color:var(--cream)}.name-card.blue{background:var(--blue);color:var(--ink)}.name-card b{position:absolute;right:-12px;bottom:-23px;font-size:120px;line-height:1;letter-spacing:-.1em;opacity:.09}.head-copy{max-width:290px;line-height:1.5}
.story{display:grid;grid-template-columns:.85fr 1.15fr;min-height:760px;background:var(--blue)}.story-copy{padding:8vw 4vw;display:flex;flex-direction:column;justify-content:center}.story h2{font-size:clamp(64px,7.5vw,126px);line-height:.82;letter-spacing:-.075em;margin:35px 0}.story-copy>p:last-child{max-width:470px;font-size:19px;line-height:1.45}.story-image{min-height:560px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}
.event-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.event-card{background:var(--ink);color:white;display:flex;flex-direction:column;min-height:470px;overflow:hidden}.event-card.large{grid-row:span 2;min-height:950px}.event-card img{width:100%;height:260px;object-fit:cover;filter:saturate(.8);transition:transform .6s}.event-card.large img{height:650px}.event-card:hover img{transform:scale(1.03)}.event-card div{padding:24px;display:flex;flex-direction:column;flex:1}.event-card time,.event-card span{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.event-card h3{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:18px 0}.event-card span{margin-top:auto}.event-card:nth-child(3){background:var(--blue);color:var(--ink)}
.more-events{margin-top:70px;border-top:1px solid var(--ink)}.more-events a{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--ink);font-size:clamp(18px,2.2vw,31px);font-weight:750;letter-spacing:-.03em}.more-events span{font-size:9px;font-weight:700;letter-spacing:.14em}.more-events b{font-size:18px}
.visit{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--cream)}.visit-media{min-height:900px}.visit-media img{width:100%;height:100%;object-fit:cover}.visit-copy{padding:8vw 4vw;display:flex;flex-direction:column}.visit h2{color:var(--blue);margin-bottom:55px}.hours{border-top:1px solid #ffffff55}.hours>div{padding:22px 0;border-bottom:1px solid #ffffff55}.hours h3{font-size:11px;letter-spacing:.16em}.hours p{display:flex;justify-content:space-between;font-size:13px}.address{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.address p{font-size:18px;line-height:1.5}.address .pill{border-color:var(--cream)}
footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:7vw 4vw 30px;background:var(--blue)}.footer-brand p{font-size:10px;letter-spacing:.2em}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-links .section-tag{margin:0 0 15px}.footer-bottom{grid-column:1/-1;margin-top:70px;padding-top:20px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}
@media(max-width:1050px){.desktop-nav{display:none}.menu-button{display:block;color:inherit}.header-visit{margin-left:auto;margin-right:20px}.mobile-menu{position:fixed;z-index:45;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8vw;background:var(--blue);transform:translateY(-100%);transition:.4s}.mobile-menu.open{transform:none}.mobile-menu a{font-size:clamp(50px,11vw,100px);font-weight:950;line-height:.95;letter-spacing:-.06em}.category-showcase{min-height:600px}.store-grid{grid-template-columns:repeat(3,1fr)}.event-grid{grid-template-columns:1fr 1fr}.event-card.large{grid-column:1/-1;grid-row:auto;min-height:700px}.event-card.large img{height:500px}}
@media(max-width:720px){.site-header{height:76px}.header-visit{display:none}.hero{height:100svh;min-height:620px}.hero-copy{bottom:12vh}.hero h1{font-size:17vw}.hero-side{display:none}.sound-toggle{bottom:4vh}.intro-grid,.story,.visit{grid-template-columns:1fr}.intro-copy{margin-top:45px}.category-showcase{grid-template-columns:1fr}.category-panel{min-height:540px}.store-grid{grid-template-columns:1fr 1fr}.store-card{min-height:230px}.story-image{min-height:440px}.section-head{align-items:flex-start;flex-direction:column}.event-grid{grid-template-columns:1fr}.event-card.large{min-height:570px}.event-card.large img,.event-card img{height:360px}.more-events a{grid-template-columns:1fr auto}.more-events span{grid-column:1/-1}.visit-media{min-height:470px}.visit-copy{padding:80px 6vw;min-height:850px}.address{margin-top:70px;align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;margin-bottom:40px}.footer-bottom{flex-direction:column;gap:10px}.section-pad{padding:90px 5vw}}
@media(max-width:430px){.store-grid{grid-template-columns:1fr}.store-card{min-height:265px}.category-panel{padding:26px}.logo small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.hero-video{display:none}.hero{background:url('assets/video-poster.webp') center/cover}.category-panel img,.event-card img{transition:none}}