/* One visual language across the homepage, menu, venue and contact sections. */
.club-experience{--bg:#090908;--panel:#12110e;--cream:#eee9db;--dim:#b6af9e;background:var(--bg)}
.club-experience .header{position:fixed;background:#090908ed;backdrop-filter:blur(15px);border-bottom:1px solid #d1b56f18}
.menu-intro>p:not(.eyebrow){line-height:1.8;max-width:440px;text-wrap:balance}
.menu-home-intro{min-height:390px;padding-top:142px;padding-bottom:60px}
.menu-home-intro h1{font-size:82px;letter-spacing:.24em;margin-left:.24em;color:var(--gold);font-weight:400;margin-bottom:24px}
.menu-home-intro>.eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:24px}
.club-experience .menu-chapters{z-index:7}
.menu-scene-aromas{min-height:820px;padding-top:75px}
.menu-scene-aromas .menu-scene-content{width:min(100%,1000px)}
.menu-scene-aromas .menu-scene-content>.eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:26px}
.aroma-photos>img{position:absolute;inset:0;opacity:0;transition:opacity .85s ease,transform 1.2s ease}
.aroma-photos>.aroma-photo-classic{opacity:1}
.aroma-photos>.aroma-photo-author,.aroma-photos>.aroma-photo-fruit{filter:brightness(.58);object-position:50% 70%}
.menu-scene-aromas:has(#aroma-tab-author[aria-selected=true]) .aroma-photo-classic,.menu-scene-aromas:has(#aroma-tab-fruit[aria-selected=true]) .aroma-photo-classic{opacity:0}
.menu-scene-aromas:has(#aroma-tab-author[aria-selected=true]) .aroma-photo-author,.menu-scene-aromas:has(#aroma-tab-fruit[aria-selected=true]) .aroma-photo-fruit{opacity:1}
.menu-scene-aromas:after{background:linear-gradient(#06060596,#06060518 65%,#0606059c)}
.aroma-tabs{display:flex;justify-content:center;gap:35px;margin:27px auto 22px;width:min(100%,620px)}
.aroma-tabs>button{position:relative;padding:10px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;line-height:1.6;text-align:center;color:#e0d8c7;border-bottom:1px solid #d1b56f55;transition:color .25s,border-color .25s}
.aroma-tabs>button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}
.aroma-tabs>button:hover{color:var(--gold)}
.aroma-panels{min-height:215px;max-width:560px;margin:auto}
.aroma-panel{outline-offset:8px}
.aroma-panel h3{font-family:Sans,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#f5eddd}
.aroma-items{font-size:11px;line-height:1.9;color:#e0d7c3;max-width:500px;min-height:43px;margin:12px auto 20px;text-wrap:balance}
.aroma-image-caption{font-size:7px;line-height:1.7;color:#c6bca6;margin:19px auto 0;letter-spacing:.025em}
.club-anchor{position:absolute;top:0;left:0;pointer-events:none}
.club-place{height:85svh;min-height:650px;align-items:center}
.club-place .menu-scene-full img{filter:brightness(.63);object-position:50% 55%}
.club-place-copy{font-size:13px;line-height:1.9;color:#e2d9c9;margin:28px auto 35px;max-width:450px}
.club-contact{padding-block:110px 95px;scroll-margin-top:0}
.club-contact>.eyebrow{color:var(--gold);font-size:8px;margin-bottom:28px}
.club-contact>h2{font-family:Sans,Arial,sans-serif;font-size:clamp(40px,5.5vw,84px);line-height:1.15;letter-spacing:.06em}
.club-contact-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:65px;margin:65px 0 45px}
.club-contact-grid h3{font-family:Sans,Arial,sans-serif;font-size:9px;letter-spacing:.16em;line-height:1.6;margin-bottom:20px;color:var(--gold)}
.club-contact-grid p{font-size:12px;line-height:1.9;color:var(--dim)}
.club-contact-grid .text-link{font-size:9px;margin-top:15px}
.club-contact-phone{display:block;font-size:20px;line-height:1.5;white-space:nowrap;letter-spacing:.015em}
.club-contact-grid .fineprint{font-size:8px;margin-top:20px;max-width:270px}
.club-footer{padding-block:40px 30px}
.club-footer-line{display:flex;justify-content:space-between;gap:35px;align-items:center}
.club-footer-line .brand{font-family:Sans,Arial,sans-serif;font-size:22px;letter-spacing:.2em;color:var(--gold)}
.club-footer-line .brand small{font-size:7px;letter-spacing:.12em}
.club-footer-line>p{font-size:10px;line-height:1.8;color:var(--dim)}
.club-footer-line>.text-link{font-size:9px}
.club-footer .footer-bottom{margin-top:30px;padding-top:20px;font-size:8px;font-family:Sans,Arial,sans-serif}
.club-footer .music-credit{font-size:8px;margin-top:18px}
.club-experience .menu-close h2{font-family:Sans,Arial,sans-serif;font-size:clamp(30px,4.5vw,65px);line-height:1.25;letter-spacing:.05em}
.club-experience dialog{background:#11100ded;border-color:#c8ad6870;border-radius:0;backdrop-filter:blur(12px)}
.club-experience dialog h2{font-family:Sans,Arial,sans-serif;font-size:38px;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}
.club-experience dialog h2 em{font-style:normal}
.club-experience .nav-dialog nav a{font-family:Sans,Arial,sans-serif;font-size:27px;line-height:1.3;letter-spacing:.04em}
@media(max-width:900px){.club-contact-grid{gap:30px}.club-contact-phone{font-size:17px}.menu-scene-aromas{padding-top:80px;min-height:780px}}
@media(max-width:700px){.menu-home-intro{min-height:350px;padding:126px 22px 48px}.menu-home-intro h1{font-size:58px;letter-spacing:.22em;margin-left:.22em;margin-bottom:24px}.menu-home-intro>.eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:25px}.menu-intro>p:not(.eyebrow){font-size:11px;line-height:1.9}.menu-intro>span{font-size:8px}.menu-scene-aromas{padding:52px 23px 95px;min-height:0;height:800px}.menu-scene-aromas h2{font-size:clamp(33px,9.8vw,55px);letter-spacing:.07em}.menu-scene-aromas .menu-scene-content>.eyebrow{font-size:7px;margin-bottom:25px;letter-spacing:.17em}.aroma-tabs{gap:0;margin-block:23px 21px;width:100%;max-width:365px}.aroma-tabs>button{flex:1;min-width:0;padding:10px 2px;font-size:8px;letter-spacing:.07em}.aroma-panel h3{font-size:10px;letter-spacing:.1em}.aroma-items{font-size:9px;line-height:1.9;min-height:51px;max-width:300px;margin-block:10px 16px}.aroma-image-caption{font-size:6px;margin-top:17px}.aroma-panels{min-height:205px}.aroma-photos>.aroma-photo-author{object-position:50% 60%}.aroma-photos>.aroma-photo-fruit{object-position:50% 65%}.club-place{height:720px;min-height:0;padding-top:75px;padding-bottom:125px}.club-place h2{font-size:42px}.club-place-copy{font-size:11px;line-height:1.9;max-width:290px;margin-block:25px 30px}.club-place .menu-scene-bottom{max-width:calc(100% - 170px);font-size:6px}.club-contact{padding-block:80px 70px}.club-contact>h2{font-size:42px;line-height:1.2;letter-spacing:.035em}.club-contact>.eyebrow{font-size:7px;margin-bottom:25px}.club-contact-grid{grid-template-columns:1fr;gap:30px;margin-block:40px 35px}.club-contact-grid h3{font-size:8px;margin-bottom:12px}.club-contact-grid p{font-size:11px}.club-contact-phone{font-size:22px;letter-spacing:0}.club-contact-grid .fineprint{font-size:8px;max-width:300px}.club-footer{padding-bottom:105px}.club-footer-line{gap:20px;flex-wrap:wrap}.club-footer-line .brand{font-size:20px}.club-footer-line>p{font-size:9px}.club-footer-line>.text-link{font-size:8px}.club-footer .footer-bottom{font-size:7px}.club-footer .music-credit{font-size:7px}.club-experience dialog h2{font-size:30px}.club-experience .nav-dialog nav a{font-size:24px}.club-experience .menu-close h2{font-size:34px;line-height:1.4}}
@media(max-width:360px){.menu-home-intro>.eyebrow{font-size:6px}.menu-scene-aromas{padding-inline:18px}.aroma-tabs>button{font-size:7px;letter-spacing:.06em}.aroma-items{font-size:8px;max-width:260px}.club-contact>h2{font-size:35px}.club-place h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.aroma-photos>img{transition:none}.aroma-tabs>button{transition:none}}
