@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--yellow:#fff200;--black:#111;--gray:#f3f3f1;--line:#d9d9d4;--font:'Noto Sans SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:#f7f7f5;font-family:var(--font);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}em{font-style:normal;color:#d7c900}.topbar{height:76px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;gap:24px;padding:0 clamp(22px,3vw,54px);background:rgba(255,255,255,.94);border-bottom:1px solid #e2e2dc;backdrop-filter:blur(18px)}.brand{width:clamp(170px,16vw,250px);flex:none}.brand img{width:100%;height:53px;object-fit:contain;object-position:left center}.mainnav{display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,1.4vw,26px);flex:1;height:100%}.mainnav a{display:flex;flex-direction:column;justify-content:center;gap:1px;white-space:nowrap;font-size:14px;font-weight:700;opacity:.7;border-bottom:3px solid transparent;transition:opacity .25s,border-color .25s,transform .25s}.mainnav a:hover,.mainnav a.selected{opacity:1;border-color:#e3d700}.mainnav small{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#9e9e94}.nav-stores{font-size:13px;font-weight:700;background:var(--yellow);padding:12px 17px;border-radius:100px;white-space:nowrap;transition:transform .25s}.nav-stores:hover,.pill:hover{transform:translateY(-3px)}.menu-toggle{display:none;background:none;border:0;font-size:23px}.snap-container{height:100vh;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.snap-container::-webkit-scrollbar{display:none}.panel{height:100vh;min-height:630px;position:relative;scroll-snap-align:start;overflow:hidden;padding-top:76px}.panel-inner{width:min(1450px,calc(100% - 9vw));margin:0 auto;position:relative;z-index:3}.eyebrow{font:700 14px 'Barlow Condensed',var(--font);letter-spacing:.16em;text-transform:uppercase}.panel h1,.panel h2,.page-intro h1,.detail-page h1,.detail-page h2{font-size:clamp(54px,6.6vw,116px);line-height:1.12;letter-spacing:-.055em;margin:20px 0 25px;font-weight:800}.panel h2{font-size:clamp(50px,5.7vw,100px)}.panel p{line-height:1.9}.panel .lead{font-size:clamp(18px,1.8vw,27px);font-weight:600;line-height:1.7}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:150px;padding:15px 22px;border-radius:100px;border:1px solid var(--black);font-weight:700;font-size:15px;transition:transform .25s,background .25s,color .25s}.pill.dark{background:var(--black);color:white}.pill.yellow{background:var(--yellow);border-color:var(--yellow)}.pill.light{background:#fff;border-color:#fff}.pill.outline:hover{background:var(--black);color:white}.hero{background:#232523;color:white}.hero-image{position:absolute;inset:76px 0 0;background:url('/assets/demo-venue.png') center / cover;animation:hero-zoom 9s ease-out both}.hero-shade{position:absolute;inset:76px 0 0;background:linear-gradient(90deg,rgba(14,16,16,.88) 0%,rgba(14,16,16,.56) 34%,rgba(14,16,16,.06) 73%),linear-gradient(0deg,rgba(0,0,0,.2),transparent 55%)}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:30px}.hero h1{font-size:clamp(75px,8vw,150px);margin:25px 0 15px}.hero em{color:var(--yellow)}.hero p{font-size:22px;font-weight:500;margin:0 0 35px}.demo-tag{font-size:12px;letter-spacing:.03em;margin-top:24px;color:#ddd}.scroll-cue{position:absolute;z-index:4;left:4.5vw;bottom:32px;font-size:13px;letter-spacing:.1em}.scroll-cue span{display:inline-block;margin-left:18px;animation:bob 2s infinite}.screen-index{position:fixed;z-index:40;right:32px;bottom:30px;display:flex;align-items:baseline;gap:7px;color:var(--black);font:700 20px 'Barlow Condensed',sans-serif;background:var(--yellow);padding:8px 14px;border-radius:2px}.screen-index span{font-size:14px}.about{background:#f6f6f3}.split{height:100%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw}.split>div:first-child{max-width:750px}.about .split>div:first-child>p:not(.lead){color:#666;margin-top:25px}.statement{background:var(--yellow);height:min(60vh,520px);padding:40px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(3deg);box-shadow:20px 20px 0 #111}.statement-number{font:800 clamp(75px,10vw,170px)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.07em}.statement-number span{color:white}.statement-line{height:3px;background:#111}.statement p{font-size:19px;font-weight:700}.explore{background:#ececea}.explore-heading{display:flex;justify-content:space-between;align-items:end;padding-top:clamp(42px,6vh,90px);height:38vh}.explore-heading h2{font-size:clamp(43px,4.5vw,78px);margin:10px 0 20px}.store-marquees{height:48vh;display:flex;flex-direction:column;gap:15px;overflow:hidden}.marquee-row{height:calc(50% - 8px);overflow:hidden}.marquee-track{height:100%;display:flex;width:max-content;gap:15px;animation:marquee 45s linear infinite}.marquee-row.reverse .marquee-track{animation-direction:reverse}.marquee-row:hover .marquee-track{animation-play-state:paused}.store-card{display:block;position:relative;overflow:hidden;background:#222;color:white;border-radius:2px;transition:transform .35s,box-shadow .35s;flex:none;width:min(30vw,410px);min-width:300px;height:100%;min-height:170px}.store-card:hover{transform:scale(.98);box-shadow:0 18px 38px rgba(0,0,0,.22)}.card-photo{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 70%),var(--card-image);background-size:cover;background-position:center;transition:transform .6s}.store-card:hover .card-photo{transform:scale(1.08)}.card-info{position:absolute;inset:auto 20px 18px;display:flex;flex-direction:column;gap:4px}.card-info small{font-size:12px;color:#e9e9e9}.card-info strong{font-size:22px}.card-info>span{font-size:13px;color:var(--yellow)}.explore-note{position:absolute;left:4.5vw;bottom:14px;font-size:12px;color:#777}.experience{background:#171819;color:white}.experience-photo{position:absolute;inset:76px 0 0 47%;background:url('/assets/demo-venue.png') 67% center / cover;filter:brightness(.7)}.experience-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171819,transparent 38%)}.experience-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.experience h2{margin-top:25px}.experience em{color:var(--yellow)}.experience p{font-size:19px;max-width:400px}.experience-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.experience-tags span{border:1px solid #777;padding:10px 14px;font-size:13px}.experience small{color:#ccc;margin-top:20px}.events{background:var(--yellow)}.events .panel-inner{height:100%;display:flex;flex-direction:column;justify-content:center}.events-layout{display:grid;grid-template-columns:1fr .78fr;gap:7vw;align-items:center}.events h2 em{color:#111;text-decoration:underline;text-decoration-thickness:6px;text-underline-offset:12px}.events p{max-width:480px}.event-feature{background:#111;color:white;min-height:49vh;padding:clamp(28px,3vw,55px);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.event-type{font-size:13px;letter-spacing:.1em;color:var(--yellow)}.event-feature strong{font-size:clamp(36px,4vw,70px);line-height:1.2}.event-feature p{margin:0;color:#aaa}.event-arrow{position:absolute;right:30px;bottom:30px;color:var(--yellow);font-size:35px}.event-lines{position:absolute;right:-90px;top:30px;width:300px;height:300px;border:40px solid #262626;transform:rotate(40deg)}.franchise{background:#efefec}.franchise-graphic{height:min(60vh,520px);background:#131313;color:var(--yellow);padding:30px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg)}.franchise-graphic span{font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:.15em}.franchise-graphic b{font:800 clamp(160px,21vw,380px)/.8 'Barlow Condensed',sans-serif;align-self:center}.careers{background:#171717;color:white}.careers:after{content:'M';position:absolute;right:-6vw;bottom:-18vh;font:800 min(90vh,900px)/1 'Barlow Condensed',sans-serif;color:#232323;pointer-events:none}.careers .panel-inner{height:100%;display:flex;flex-direction:column;justify-content:center}.careers em{color:var(--yellow)}.careers p{font-size:21px}.careers p.muted{font-size:15px;color:#999}.careers-end{position:absolute;left:0;right:0;bottom:45px;border-top:1px solid #555;padding-top:18px;display:flex;justify-content:space-between;color:var(--yellow);font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.15em}.footer{background:#111;color:#ccc;display:flex;align-items:center;gap:30px;justify-content:space-between;min-height:100px;padding:25px 4.5vw;font-size:12px}.footer img{width:220px;height:54px;object-fit:contain;object-position:left}.footer a:hover{color:var(--yellow)}.snap-container+.screen-index+.footer{display:none}.subpage{padding-top:76px;min-height:calc(100vh - 100px)}.page-intro{padding:clamp(65px,8vw,125px) 4.5vw 50px;background:var(--yellow)}.page-intro h1{font-size:clamp(65px,8vw,140px);margin:15px 0}.page-intro em{color:#111}.page-intro p{font-size:20px}.filter-bar{display:flex;gap:8px;overflow:auto;padding:22px 4.5vw;border-bottom:1px solid var(--line)}.city-filter{border:1px solid #ccc;background:transparent;border-radius:30px;padding:10px 18px;white-space:nowrap}.city-filter.active{background:#111;color:white;border-color:#111}.city-filter span{opacity:.6;margin-left:7px}.store-grid{padding:50px 4.5vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:340px}.store-grid .store-card{width:100%;height:320px;min-width:0}.store-grid .card-info strong{font-size:26px}.empty{padding:60px 4.5vw;font-size:16px;color:#666}.detail-page{padding-top:76px}.detail-hero{height:calc(100vh - 76px);min-height:590px;position:relative;color:white;background-image:var(--detail-image);background-size:cover;background-position:center}.detail-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.05) 75%)}.detail-hero-content{position:absolute;left:4.5vw;bottom:7vh;z-index:2}.back-link{display:inline-block;margin-bottom:40px;font-size:14px;border-bottom:1px solid #aaa;padding-bottom:8px}.detail-hero h1{font-size:clamp(60px,7vw,120px);margin:10px 0}.detail-hero p{font-size:21px}.detail-actions{display:flex;gap:10px;margin-top:27px;flex-wrap:wrap}.detail-demo{position:absolute;right:4.5vw;bottom:6vh;font-size:12px;color:#ddd}.detail-info,.detail-gallery,.detail-end{padding:110px 4.5vw}.detail-info{background:#f6f6f3}.detail-info-grid{display:grid;grid-template-columns:1fr .75fr;gap:10vw}.detail-info h2{font-size:clamp(50px,5vw,92px)}.detail-info p{font-size:20px;line-height:1.9;max-width:640px}.detail-info dl{margin:40px 0 0}.detail-info dl div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #bbb;padding:22px 0;gap:15px}.detail-info dt{color:#777}.detail-info dd{margin:0;font-weight:700}.detail-gallery{background:white}.detail-gallery h2{font-size:clamp(44px,5vw,85px)}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.gallery-image{border:0;padding:0;overflow:hidden;background:#ddd;aspect-ratio:16/10}.gallery-image:nth-child(3n){grid-column:span 2;aspect-ratio:21/8}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-image:hover img{transform:scale(1.04)}.lightbox{border:0;padding:50px;background:rgba(0,0,0,.95);max-width:none;max-height:none;width:100vw;height:100vh}.lightbox::backdrop{background:rgba(0,0,0,.85)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox-close{position:absolute;top:14px;right:25px;background:none;color:white;border:0;font-size:35px}.detail-end{background:#111;color:white}.detail-end h2{font-size:clamp(50px,5.5vw,96px)}.detail-end em{color:var(--yellow)}.detail-end h3{margin-top:100px;border-top:1px solid #555;padding-top:30px;font-size:23px}.nearby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.nearby-grid .store-card{width:100%;height:300px}.not-found{padding:180px 4.5vw;min-height:80vh}.not-found h1{font-size:clamp(50px,5vw,85px)}.panel:not(.active) .panel-inner>.eyebrow,.panel:not(.active) h1,.panel:not(.active) h2,.panel:not(.active) .lead,.panel:not(.active) .pill{opacity:0;transform:translateY(35px)}.panel.active .panel-inner>.eyebrow,.panel.active h1,.panel.active h2,.panel.active .lead,.panel.active .pill{animation:rise .7s ease both}.panel.active h1,.panel.active h2{animation-delay:.12s}.panel.active .lead,.panel.active .pill{animation-delay:.27s}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(calc(-50% - 7.5px))}}@keyframes hero-zoom{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes bob{50%{transform:translateY(8px)}}
@media(max-width:1240px){.mainnav{gap:9px}.mainnav a{font-size:12px}.brand{width:185px}.nav-stores{display:none}.statement-number{font-size:90px}}@media(max-width:900px){.topbar{height:68px}.mainnav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:white;padding:18px 25px 26px;grid-template-columns:repeat(2,1fr);gap:0;box-shadow:0 20px 30px #0002}.topbar.menu-open .mainnav{display:grid}.mainnav a{font-size:15px;padding:12px;border-bottom:1px solid #eee}.brand{width:200px}.menu-toggle{display:block;margin-left:auto}.panel{padding-top:68px}.hero-image,.hero-shade,.experience-photo{top:68px}.split{grid-template-columns:1fr 1fr;gap:35px}.statement,.franchise-graphic{height:360px}.store-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{padding:0 18px}.brand{width:180px}.panel{min-height:590px}.panel-inner{width:calc(100% - 36px)}.panel h1,.panel h2{font-size:clamp(47px,11vw,80px)}.hero h1{font-size:clamp(67px,15vw,105px)}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#111d,transparent),linear-gradient(0deg,#111b,transparent)}.hero p{font-size:17px}.split{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:25px}.statement,.franchise-graphic{height:190px;box-shadow:8px 8px 0 #111;padding:20px;transform:rotate(1deg)}.statement-number{font-size:75px}.statement p{font-size:13px;margin:0}.franchise-graphic b{font-size:140px}.franchise-graphic span{font-size:15px}.explore-heading{height:35vh;align-items:start;display:block;padding-top:38px}.explore-heading h2{font-size:clamp(40px,10vw,65px);margin:12px 0}.explore-heading .pill{padding:10px 18px;font-size:13px}.store-marquees{height:52vh}.store-card{width:75vw;min-width:260px}.card-info strong{font-size:20px}.explore-note{left:18px}.experience-photo{left:25%;opacity:.6}.experience h2{font-size:clamp(58px,13vw,90px)}.experience p{font-size:16px}.events-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.events h2{font-size:clamp(47px,10vw,72px);margin:12px 0}.events p{font-size:14px;line-height:1.6}.event-feature{min-height:28vh;padding:25px}.event-feature strong{font-size:35px}.careers p{font-size:17px}.screen-index{right:15px;bottom:14px}.footer{flex-wrap:wrap;gap:10px}.footer img{width:180px}.page-intro{padding:75px 18px 38px}.page-intro h1{font-size:clamp(60px,12vw,90px)}.page-intro p{font-size:16px}.filter-bar{padding:18px}.store-grid{grid-template-columns:1fr;padding:25px 18px 60px}.store-grid .store-card{height:260px}.detail-hero-content{left:18px;right:18px;bottom:45px}.detail-hero h1{font-size:clamp(54px,12vw,80px)}.detail-hero p{font-size:17px}.detail-demo{right:18px;bottom:12px}.detail-info,.detail-gallery,.detail-end{padding:70px 18px}.detail-info-grid{display:block}.detail-info p{font-size:17px}.detail-info dl div{grid-template-columns:80px 1fr}.gallery-grid{grid-template-columns:1fr}.gallery-image:nth-child(3n){grid-column:auto;aspect-ratio:16/10}.nearby-grid{grid-template-columns:1fr}.nearby-grid .store-card{height:230px}.lightbox{padding:45px 10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee-track{animation:none}.panel:not(.active) .panel-inner>.eyebrow,.panel:not(.active) h1,.panel:not(.active) h2,.panel:not(.active) .lead,.panel:not(.active) .pill{opacity:1;transform:none}}
