/* Photograph-led opening shared by the homepage and every club. */
html[data-theme] body.immersive-hero > .navbar {
  position:fixed;top:0;left:0;right:0;width:100%;z-index:50;
  background:linear-gradient(#0008,transparent);border-color:transparent;
  color:#fff;transition:background .2s;
}
html[data-theme] body.immersive-hero.hero-scrolled > .navbar {background:#111a14f5;border-color:#ffffff24;}
html[data-theme] body.immersive-hero .navbar :is(.brand b,nav>a:not(.nav-cta),.theme-toggle,.menu-toggle,.language-label select) {color:#fff;}
html[data-theme] body.immersive-hero .navbar .brand,html[data-theme] body.immersive-hero .navbar .brand span {color:#fff!important;}
html[data-theme] body.immersive-hero .navbar :is(.theme-toggle,.menu-toggle,.language-label select) {background:transparent;border-color:#ffffff80;}
html[data-theme] body.immersive-hero .navbar select option {background:#171c18;color:white;}
html[data-theme] body.immersive-hero .navbar nav.active {background:#131a16;}
html[data-theme] body.immersive-hero :is(#home.fp-hero.hero,main>.branch-profile-shell) {
  position:relative;display:flex;align-items:center;isolation:isolate;
  width:100%;max-width:none;margin:0;padding:0;gap:0;
  min-height:100vh;min-height:100svh;background:#151813;overflow:hidden;
}
html[data-theme] body.immersive-hero :is(#home.fp-hero.hero,main>.branch-profile-shell)::after {
  content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#000b 0%,#0007 46%,#0002 100%),linear-gradient(0deg,#0007,transparent 35%,#0003);
}
html[data-theme] body.immersive-hero :is(#home .hero-slides,.branch-profile-photo) {
  display:block;position:absolute;inset:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;z-index:-1;
}
html[data-theme] body.immersive-hero :is(#home .hero-slide,.branch-profile-photo .branch-cover) {
  position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;min-height:0;margin:0;
  object-fit:cover;object-position:center;transition:opacity 1.1s ease;
}
html[data-theme] body.immersive-hero :is(#home .hero-content,.branch-profile-shell .branch-cover-content) {
  position:relative;inset:auto;z-index:1;align-self:center;
  width:100%;max-width:1200px;margin:0;min-width:0;
  padding:clamp(130px,12vh,190px) 7vw 140px;color:#fff;
}
html[data-theme] body.immersive-hero :is(#home .hero-content,.branch-profile-shell .branch-cover-content) :is(p,h1,h1 span,.text-link) {color:#fff;}
html[data-theme] body.immersive-hero #home .hero-content h1 {
  font-size:clamp(48px,7.1vw,132px);font-weight:900;letter-spacing:-.045em;line-height:1.07;margin:30px 0 40px;overflow-wrap:anywhere;
}
html[data-theme] body.immersive-hero #home .hero-content h1>span {display:block;}
html[data-theme] body.immersive-hero .branch-cover-content h1 {
  font-size:clamp(38px,4.7vw,82px);font-weight:800;line-height:1.25;letter-spacing:-.025em;margin:26px 0 30px;
}
html[data-theme] body.immersive-hero :is(#home .fp-kicker,.branch-cover-content .eyebrow) {font-size:13px;letter-spacing:.24em;font-weight:700;}
html[data-theme] body.immersive-hero :is(#home .fp-hero-copy,.branch-profile-description) {font-size:clamp(18px,1.4vw,24px);line-height:1.8;max-width:780px;}
html[data-theme] body.immersive-hero #home .buttons {gap:16px;margin-top:30px;}
html[data-theme] body.immersive-hero :is(#home,.branch-profile-shell) .btn {padding:17px 30px;min-width:190px;border-radius:2px;}
html[data-theme] body.immersive-hero #home .btn-outline {color:#fff!important;border-color:#fffc;background:#0003;}
html[data-theme] body.immersive-hero #home .fp-small {font-size:14px;line-height:1.8;margin-top:24px;}
.immersive-controls {position:absolute;right:7vw;bottom:88px;z-index:2;display:flex;align-items:center;gap:20px;color:#fff;font-size:14px;}
.immersive-controls button {padding:10px 17px;min-height:44px;border:1px solid #ffffff80;border-radius:2px;background:#0004;color:white;}
.immersive-controls [hidden] {display:none!important;}
@media(max-width:1100px){
 html[data-theme] body.immersive-hero :is(#home .hero-content,.branch-profile-shell .branch-cover-content) {padding:140px 6vw 130px;max-width:950px;}
 html[data-theme] body.immersive-hero #home .hero-content h1 {font-size:clamp(46px,8vw,84px);}
}
@media(max-width:760px){
 html[data-theme] body.immersive-hero :is(#home .hero-content,.branch-profile-shell .branch-cover-content) {padding:120px 6vw 125px;}
 html[data-theme] body.immersive-hero #home .hero-content h1 {font-size:clamp(39px,10.2vw,70px);line-height:1.12;margin:24px 0 28px;}
 html[data-theme] body.immersive-hero .branch-cover-content h1 {font-size:clamp(32px,8vw,52px);}
 html[data-theme] body.immersive-hero :is(#home .fp-hero-copy,.branch-profile-description) {font-size:18px;}
 html[data-theme] body.immersive-hero :is(#home,.branch-profile-shell) .btn {min-width:0;padding:14px 20px;}
 html[data-theme] body.immersive-hero :is(#home.fp-hero.hero,main>.branch-profile-shell)::after {background:linear-gradient(90deg,#000b,#0005),linear-gradient(0deg,#0008,transparent);}
 .immersive-controls {left:6vw;right:auto;bottom:100px;}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body.immersive-hero :is(.hero-slide,.branch-cover){transition:none;}}
