/* Reuse the exact selected half of the homepage's supplied color artwork. */
.image-led.location-page .location-hero.hero{height:100svh;min-height:0;max-height:none}
/* Keep the artwork above the brown fallback in ordinary and captured paints. */
.image-led.location-page .location-hero .parallax-frame{z-index:0}
.image-led.location-page .location-hero .hero-shade{z-index:1;pointer-events:none}
.image-led.location-page .location-hero .hero-bottom{z-index:2}
.image-led.location-page .site-header{view-transition-name:destination-header}
.image-led.location-page .location-hero .parallax-frame{overflow:hidden;background:#f3efe7}
.image-led.location-page .location-hero .parallax-frame>.destination-artwork{display:block;width:100%;height:100%;max-width:none;overflow:hidden;transform:none;translate:none}
.image-led.location-page .location-hero .hero-shade{background:linear-gradient(180deg,rgba(16,24,21,.65) 0,rgba(16,24,21,.55) min(45%,198px),rgba(16,24,21,0) min(60%,278px),rgba(16,24,21,0) 60%,rgba(16,24,21,.7) 100%)}
::view-transition-group(selected-destination){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-group(selected-destination){z-index:1}
::view-transition-group(destination-header){z-index:2;animation-duration:.36s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(root){animation:none;opacity:1}
::view-transition-new(root){animation:destination-in .36s ease both}
::view-transition-old(selected-destination){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(selected-destination){animation:destination-in .36s ease both;mix-blend-mode:normal}
@keyframes destination-out{to{opacity:0}}
@keyframes destination-in{from{opacity:0}to{opacity:1}}
/* Retain an opaque old scene underneath the new one: no background can flash. */
.image-led.location-page{--destination-header:198px}
.image-led.location-page .site-header{min-height:var(--destination-header);padding:10px 4vw;background:transparent;color:#faf8f3;border:0;box-shadow:none;backdrop-filter:none}
.image-led.location-page .site-header .brand{color:#faf8f3;gap:6px}
.image-led.location-page .site-header .brand-logo{width:110px;height:110px;flex:none;filter:brightness(0) invert(1)!important}
.image-led.location-page .site-header .brand-wordmark{font:500 35px/1.15 var(--sans);letter-spacing:.025em}
.image-led.location-page .site-header .brand-wordmark small{font-size:16px;letter-spacing:.22em;margin-top:3px;line-height:1.15}
.image-led.location-page .site-header>.menu-toggle,.image-led.location-page .site-header>.header-cta{display:inline-flex;width:auto;height:auto;min-height:52px;padding:10px 16px;font:500 25px/1.15 var(--sans);letter-spacing:0;color:#faf8f3;background:transparent;border:1px solid #faf8f37a;gap:10px;text-transform:none}
.image-led.location-page .menu-toggle .menu-label{display:block}
.image-led.location-page .menu-toggle .menu-icon{width:16px}
.image-led.location-page .site-header>.header-cta{padding:10px 20px;letter-spacing:.06em}
.image-led.location-page .site-header>.menu-toggle:hover,.image-led.location-page .site-header>.header-cta:hover{background:#faf8f316;color:#fff}
.image-led.location-page .site-header.scrolled{min-height:96px;padding-top:8px;padding-bottom:8px;background:#242823f2;backdrop-filter:blur(12px)}
.image-led.location-page .site-header.scrolled .brand-logo{width:44px;height:44px}
.image-led.location-page .site-header.scrolled .brand{gap:2px}
.image-led.location-page .site-header.scrolled .brand-wordmark{font-size:18px}
.image-led.location-page .site-header.scrolled .brand-wordmark small{font-size:12px}
.image-led.location-page.menu-open .site-header{background:#242823f5!important;color:#fff;backdrop-filter:blur(12px)}
.image-led.location-page .mobile-nav{padding-top:calc(var(--destination-header) + 24px)}
.image-led.location-page .location-hero.hero h1{font:700 clamp(44px,6.62vw,140px)/1.05 Arial,sans-serif;text-transform:uppercase;letter-spacing:0;white-space:nowrap;max-width:none}
.image-led.location-page .location-hero .hero-content>.eyebrow{font:700 clamp(18px,1.39vw,32px)/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none;margin:12px auto 0}
.image-led.location-page .location-hero .hero-content{display:flex;flex-direction:column;align-items:center}
.image-led.location-page .location-hero .hero-content h1{order:0}
.image-led.location-page .location-hero .hero-content>.eyebrow{order:1}
.destination-freeze{position:fixed;inset:0;z-index:59;pointer-events:none;background:#101815;overflow:hidden}
/* Avoid a scrollbar changing the scene width halfway through the handoff. */
html:has(.seamless-destination-view){scrollbar-width:none}
html:has(.seamless-destination-view)::-webkit-scrollbar{width:0}
.destination-freeze>.sketch-stage{position:absolute;inset:0;width:100%;height:100%;opacity:1!important;display:block}
.image-led.location-page .location-hero .hero-content{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
.image-led.location-page.seamless-arrival .location-hero .hero-content{opacity:0;transform:translateY(10px)}
.image-led.location-page .location-hero h1:focus{outline:none}
@media(max-width:900px){
 .image-led.location-page{--destination-header:190px}
 .image-led.location-page .site-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:110px auto;gap:8px;min-height:190px;padding:8px 16px}
 .image-led.location-page .site-header>.brand{grid-column:1/-1;grid-row:1;flex-direction:row;gap:8px;justify-self:center;max-width:100%}
 .image-led.location-page .site-header .brand-wordmark{font-size:30px;letter-spacing:0;white-space:normal;text-align:left;max-width:calc(100vw - 150px);line-height:1.12}
 .image-led.location-page .site-header .brand-wordmark small{text-align:left}
 .image-led.location-page .site-header>.menu-toggle{grid-column:1;grid-row:2;justify-self:start;padding:8px 12px}
 .image-led.location-page .site-header>.header-cta{grid-column:2;grid-row:2;justify-self:end;padding:8px 12px;letter-spacing:0}
 .image-led.location-page .header-cta>span{display:none}
 .image-led.location-page .site-header.scrolled{min-height:106px;grid-template-rows:40px auto;gap:5px;padding:7px 16px}
 .image-led.location-page .site-header.scrolled .brand-logo{width:40px;height:40px}
 .image-led.location-page .site-header.scrolled .brand-wordmark{font-size:18px}
 .image-led.location-page .site-header.scrolled .brand-wordmark small{font-size:12px}
 .image-led.location-page .site-header.scrolled>.menu-toggle,.image-led.location-page .site-header.scrolled>.header-cta{font-size:20px;min-height:44px;padding:6px 12px}
 .image-led.location-page .chapter-nav{top:106px}
}
@media(max-width:700px){.image-led.location-page .location-hero.hero h1{font-size:clamp(28px,8.8vw,46px)}.image-led.location-page .location-hero .hero-content>.eyebrow{font-size:18px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){
 .destination-artwork{animation:none!important;transition:none!important}
 .image-led.location-page .location-hero .hero-content{opacity:1!important;transform:none!important;transition:none!important}
 ::view-transition-group(selected-destination),::view-transition-group(destination-header),::view-transition-old(root),::view-transition-new(root),::view-transition-old(selected-destination),::view-transition-new(selected-destination){animation:none!important}
}