/* The first photo remains visible if JavaScript is unavailable. */
.hero{height:100svh;min-height:800px;max-height:1050px;background:#100e15}
.hero-visual{height:100%;inset:0;z-index:-3;touch-action:pan-y}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none;overflow:hidden}
.hero-slide.is-active{opacity:1}
.hero-slide picture{display:block;height:100%}
.hero-slide .hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:auto;opacity:1;object-fit:cover;object-position:center;transform:scale(1.055);transition:transform 6.1s cubic-bezier(.2,.45,.35,1);user-select:none}
.carousel-ready .hero-slide.is-active .hero-image{transform:scale(1)}
.hero-shade{pointer-events:none;background:linear-gradient(90deg,#10091beb 0%,#10091bb5 31%,#10091b14 65%,transparent 85%),linear-gradient(0deg,#100e15 0%,#100e1550 19%,transparent 48%,#100e1530 100%)}
.hero-content{padding-top:128px;padding-bottom:155px;animation:none;pointer-events:none}
.hero-content a,.hero-content button{pointer-events:auto}
.hero h1{font-size:clamp(52px,5.7vw,82px);max-width:700px;line-height:1.15;letter-spacing:-.06em}
.hero-city{display:block;font-size:26px;line-height:1.3;letter-spacing:-.03em;font-weight:600;margin-bottom:9px}
.hero-intro{font-size:23px;margin-top:20px;margin-bottom:21px;letter-spacing:-.035em}
.hero-host{margin-top:17px}.hero-host>strong{font-size:35px}
.booking-slogan{margin-top:22px}.hero-promises{margin-top:10px}
.hero-buttons{margin-top:26px}.hero-side{display:none}
.hero-bottom{bottom:30px;justify-content:flex-end}.hero-bottom>span:first-child,.hero-bottom .scroll-cue{display:none}
.hero-bottom .image-note{font-size:9px;color:#c0b4ca;background:#100e1566;padding:5px 9px;border-radius:2px}
.hero-navigation{position:absolute;bottom:95px;right:max(56px,calc((100vw - 1280px)/2));width:420px;padding:19px 22px 9px;background:linear-gradient(120deg,#171020c9,#1b102590);border:1px solid #ebd8ff30;box-shadow:0 14px 50px #0002;backdrop-filter:blur(18px);border-radius:9px;z-index:2}
.hero-navigation[hidden]{display:none}
.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.scene-mode{display:block;font:8px/1.4 Arial,sans-serif;letter-spacing:.22em;color:#ddc696;margin-bottom:5px}
.scene-caption p{font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.4;color:#fff}
.scene-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}
.scene-actions button{display:grid;place-items:center;width:36px;height:40px;border-radius:50%;color:#eee5f4;transition:background .2s}
.scene-actions button:hover{background:#ffffff16}.scene-actions .icon{width:18px;height:18px}.scene-back{transform:rotate(180deg)}
.scene-actions #scene-toggle{border:1px solid #d9bd8460;width:34px;height:34px;margin:0 3px;color:#e4ca98}
.scene-play{display:none}.is-paused .scene-play{display:block}.is-paused .scene-pause{display:none}
.scene-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}
.scene-choices button{position:relative;text-align:left;padding:9px 0 13px;min-height:44px;color:#b2a4be}
.scene-choices button>span{display:flex;gap:7px;align-items:center;font:8px/1.4 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}
.scene-choices b{font-weight:400;font-size:10px;color:#c7b7d4}
.scene-choices i{display:block;height:2px;margin-top:9px;overflow:hidden;background:#f5e9ff26}
.scene-choices em{display:block;height:100%;background:#edd19a;transform:scaleX(0);transform-origin:left}
.scene-choices button[aria-current=true]{color:#f1dbb1}.scene-choices button[aria-current=true] b{color:#fff}
.scene-choices button[aria-current=true] i{background:#e8cb8e55}
.scene-choices button:hover{color:#fff}
.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}
.effects-off .hero-slide,.effects-off .hero-slide .hero-image{transition:none!important}.effects-off .hero-slide .hero-image{transform:none}
@media(min-width:821px) and (max-width:1100px){.hero-navigation{right:36px;bottom:75px;width:370px}.hero h1{font-size:58px}.hero-content{padding-top:120px;padding-bottom:185px}.hero-bottom{bottom:23px}.hero-intro{font-size:21px}}
@media(max-width:820px){
  .hero{--stage-height:clamp(400px,110vw,580px);height:auto;min-height:0;max-height:none;display:block;touch-action:pan-y}
  .hero-visual{height:var(--stage-height)}
  .hero-slide .hero-image{object-position:center 18%}
  .hero-slide:first-child .hero-image{object-position:center top}
  .slide-floor .hero-image{object-position:65% center}.slide-dj .hero-image{object-position:55% center}.slide-lounge .hero-image{object-position:60% center}
  .hero-shade{height:calc(var(--stage-height) + 5px);background:linear-gradient(0deg,#100e15 0%,#100e1566 13%,transparent 32%,transparent 74%,#100e1580 100%)}
  .hero-content{padding-top:calc(var(--stage-height) + 18px);padding-bottom:67px}
  .hero-eyebrow{display:none}.hero-intro{margin:0 0 12px;font-size:20px}
  .hero h1{font-size:clamp(42px,8vw,62px);max-width:none;line-height:1.12}
  .hero-city{font-size:18px;line-height:1.25;margin-bottom:5px}
  .hero-host{margin-top:14px;gap:10px}.hero-host>strong{font-size:29px}.hero-host>span:first-child{font-size:11px}.hero-host>.host-service{font-size:9px}
  .booking-slogan{margin-top:17px;font-size:16px;gap:6px}.booking-slogan>strong{font-size:22px}.booking-slogan>span{font-size:10px}
  .hero-promises{margin-top:9px;gap:8px}.hero-promises>span{font-size:10px;padding:4px 10px}
  .hero-buttons{margin-top:20px;gap:20px}.hero-buttons>.button{min-height:49px;padding:12px 20px}
  .hero-navigation{top:calc(var(--stage-height) - 117px);bottom:auto;left:36px;right:36px;width:auto;padding:13px 16px 5px;border-radius:7px}
  .scene-caption p{font-size:15px}.scene-mode{font-size:7px;margin-bottom:4px}.scene-choices{margin-top:6px;gap:13px}.scene-choices button{padding-bottom:9px}
  .hero-bottom{bottom:18px}.hero-bottom .image-note{font-size:8px;padding:0;background:none;margin-left:0}
  .night-effects{height:var(--stage-height)}
}
@media(max-width:600px){
  .hero{--stage-height:clamp(390px,110vw,510px)}
  .hero-content{padding-top:calc(var(--stage-height) + 14px);padding-bottom:53px}
  .hero-intro{font-size:17px;margin-bottom:10px}.hero h1{font-size:clamp(39px,10.5vw,59px)}.hero-city{font-size:16px}
  .hero-navigation{left:22px;right:22px;padding-left:13px;padding-right:13px}.scene-caption p{font-size:13px}.scene-actions{gap:0}.scene-actions button{width:30px;height:36px}.scene-actions #scene-toggle{width:31px;height:31px;margin:0 2px}.scene-actions .icon{width:16px;height:16px}
  .scene-choices{gap:10px}.scene-choices button>span{font-size:7px;gap:5px}.scene-choices b{font-size:9px}
  .hero-buttons{margin-top:17px}.hero-buttons>.button{width:100%;justify-content:space-between}.hero-call{display:none}
  .hero-host{margin-top:12px}.booking-slogan{margin-top:14px}
  .hero-bottom{bottom:17px;justify-content:flex-start}
}
@media(max-width:360px){.hero-navigation{left:18px;right:18px}.hero h1{font-size:38px}.hero-host>.host-service{font-size:8px}.scene-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-image{transition:none!important}.hero-slide .hero-image{transform:none}}