/* One photographic opening across the homepage and interior hero pages. */
html body.immersive-hero-page header.vohana-mobile-header{position:absolute!important;inset:0 0 auto!important;z-index:20!important;background:transparent!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important}
html body.immersive-hero-page header.vohana-mobile-header>.brand,html body.immersive-hero-page header.vohana-mobile-header>nav,html body.immersive-hero-page header.vohana-mobile-header>nav>a:not(.button):not(.pill){color:#fff!important}
html body.immersive-hero-page header.vohana-mobile-header>nav>a.button,html body.immersive-hero-page header.vohana-mobile-header>nav>a.pill{background:#fff!important;color:#263e45!important;border-color:#fff!important}
html body.immersive-hero-page .service-hero,html body.immersive-hero-page .hero,html body.immersive-hero-page .group-hero{margin:0!important;width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;position:relative;isolation:isolate;overflow:hidden;min-height:780px;height:auto!important;color:#fff!important;box-sizing:border-box;display:block!important}
html body.immersive-hero-page .service-hero:before,html body.immersive-hero-page .service-hero:after,html body.immersive-hero-page .hero>img,html body.immersive-hero-page .hero-shade{border-radius:0!important;inset:0!important}
html body.immersive-hero-page .service-hero:after{background:linear-gradient(180deg,#0c233c99,#102a344d 45%,#102b3577)!important}
html body.immersive-hero-page .hero-shade{background:linear-gradient(180deg,#0c233c99,#102a344d 45%,#102b3577)!important}
html body.immersive-hero-page .service-hero .hero-inner,html body.immersive-hero-page .hero .hero-content{position:relative;z-index:2;width:88%!important;max-width:1150px!important;margin:0 auto!important;padding:190px 0 110px!important;text-align:center;box-sizing:border-box}
html body.immersive-hero-page .breadcrumbs{justify-content:center;margin-bottom:40px!important}
html body.immersive-hero-page .service-hero h1.editorial-heading,html body.immersive-hero-page .hero h1.editorial-heading{max-width:1100px;margin:22px auto 28px!important;font-size:clamp(46px,5.6vw,78px)!important;line-height:1.13!important;color:white!important}
html body.immersive-hero-page .service-hero .hero-intro,html body.immersive-hero-page .hero .intro{color:#fff!important;max-width:720px;margin:0 auto 30px!important;text-shadow:0 2px 12px #102b3550}
html body.immersive-hero-page .hero .intro{background:transparent!important}
html body.immersive-hero-page .group-hero figure{position:absolute!important;inset:0!important;z-index:-2;width:100%!important;height:100%!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html body.immersive-hero-page .group-hero figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b213ac4,#102b358f 50%,#102b3599);z-index:1}
html body.immersive-hero-page .group-hero figure img{inset:0;width:100%;height:100%;border-radius:0!important;object-fit:cover}
html body.immersive-hero-page .group-hero figcaption{z-index:2;bottom:0;padding:24px 6%;background:none;text-align:left;font-size:9px}
html body.immersive-hero-page .group-hero .hero-copy{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:155px 6% 115px;text-align:center}
html body.immersive-hero-page .group-hero .back-link{color:#fff;margin-bottom:25px}
html body.immersive-hero-page .group-category{justify-content:center;gap:14px;margin-bottom:20px}
html body.immersive-hero-page .group-category p{color:#fff!important;margin:0}
html body.immersive-hero-page .group-hero .eyebrow{color:#f0dfbc!important}
html body.immersive-hero-page .group-hero h1.editorial-heading{font-size:clamp(46px,5.6vw,78px)!important;margin:18px auto 25px!important;line-height:1.13!important}
html body.immersive-hero-page .group-hero p.intro{color:#fff!important;max-width:680px;margin:0 auto 28px}
html body.immersive-hero-page .group-hero .next-note{color:#fff!important;max-width:none;margin-top:18px}
html body.immersive-hero-page .group-hero a.button.button.button{background:#fff!important;border-color:#fff!important;color:#263e45!important}
@media(min-width:901px){html body.immersive-hero-page header.vohana-mobile-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding:28px 6%!important;gap:24px!important}html body.immersive-hero-page header.vohana-mobile-header>.brand{font-size:34px!important;text-align:left!important;margin:0!important;line-height:1.1!important;letter-spacing:.02em!important}html body.immersive-hero-page header.vohana-mobile-header>.brand span{font:9px/1.5 'DM Sans',sans-serif!important;letter-spacing:.08em!important;margin-top:10px!important}html body.immersive-hero-page header.vohana-mobile-header>nav{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;width:auto!important;gap:clamp(16px,1.8vw,28px)!important;margin:0!important;font:12px/1.5 'DM Sans',sans-serif!important;flex:0 1 auto}html body.immersive-hero-page header.vohana-mobile-header>nav>a{white-space:nowrap!important;display:inline-flex!important}html body.immersive-hero-page header.vohana-mobile-header>.menu{display:none!important}html body.lux-home .lux-hero-copy{padding-top:210px!important}}
@media(max-width:900px){html.mobile-nav-ready body.immersive-hero-page header.vohana-mobile-header{position:absolute!important}html body.immersive-hero-page .service-hero,html body.immersive-hero-page .hero,html body.immersive-hero-page .group-hero{min-height:730px}html body.immersive-hero-page .service-hero .hero-inner,html body.immersive-hero-page .hero .hero-content{padding:155px 0 105px!important}html body.immersive-hero-page .group-hero .hero-copy{padding:135px 6% 105px}}
@media(max-width:600px){html body.immersive-hero-page .service-hero,html body.immersive-hero-page .hero,html body.immersive-hero-page .group-hero{min-height:0!important}html body.immersive-hero-page .service-hero h1.editorial-heading,html body.immersive-hero-page .hero h1.editorial-heading,html body.immersive-hero-page .group-hero h1.editorial-heading{font-size:clamp(34px,9.1vw,48px)!important}html body.immersive-hero-page .group-hero .hero-copy{padding-bottom:100px}html body.immersive-hero-page .group-hero .intro{font-size:16px;line-height:1.8}html body.immersive-hero-page .group-category{margin-bottom:22px}html body.immersive-hero-page .hero .hero-bottom{position:relative;bottom:auto;margin-top:32px}}
