/* Photographic hero shared by the four Longevity product pages. */
.immersive-hero{background:#1c3b64;overflow:hidden}
.immersive-hero .immersive-hero__stage{position:relative;display:flex;align-items:center;min-height:700px;isolation:isolate;overflow:hidden}
.immersive-hero .immersive-hero__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-height:0;overflow:hidden}
.immersive-hero .immersive-hero__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.immersive-hero .immersive-hero__image::after{display:none}
.immersive-hero .immersive-hero__stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,59,100,.94) 0%,rgba(28,59,100,.84) 44%,rgba(28,59,100,.56) 100%)}
.immersive-hero--portrait-right .immersive-hero__image{left:auto;right:0;width:68%}
.immersive-hero--portrait-right .immersive-hero__image img{transform:scaleX(-1)}
.immersive-hero--portrait-right .immersive-hero__stage::before{background:linear-gradient(90deg,rgba(28,59,100,.98) 0%,rgba(28,59,100,.94) 28%,rgba(28,59,100,.78) 58%,rgba(28,59,100,.68) 100%)}
.immersive-hero .immersive-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;max-width:1180px;min-width:0;margin:0 auto;padding:78px 24px;color:#f0f5fc;text-align:left}
.immersive-hero--fillereact .immersive-hero__content{max-width:1280px}
.immersive-hero--portrait-right .immersive-hero__content h1{max-width:820px}
.immersive-hero .immersive-hero__content h1{max-width:700px;margin-bottom:22px;color:#fff;font-size:clamp(2.5rem,4vw,4.2rem);line-height:1.14;letter-spacing:-.025em}
.immersive-hero .immersive-hero__content p,
.immersive-hero .immersive-hero__content li{color:#f0f5fc}
.immersive-hero .immersive-hero__content p{font-size:clamp(1.08rem,1.35vw,1.25rem);line-height:1.55}
.immersive-hero .immersive-hero__content .diet-hero__line i,
.immersive-hero .immersive-hero__content .skin-hero__line i,
.immersive-hero .immersive-hero__content .fillereact-hero__line i{background:#d4e3f5}
.immersive-hero .immersive-hero__content .diet-hero__line i:nth-child(2),
.immersive-hero .immersive-hero__content .skin-hero__line i:nth-child(2),
.immersive-hero .immersive-hero__content .fillereact-hero__line i:nth-child(2){background:#fff}
.immersive-hero .immersive-hero__content .diet-hero__line i:nth-child(3),
.immersive-hero .immersive-hero__content .skin-hero__line i:nth-child(3),
.immersive-hero .immersive-hero__content .fillereact-hero__line i:nth-child(3){background:#ffbf19}
.immersive-hero--sportprofile .immersive-hero__image img{object-position:center 42%}
.immersive-hero--sportprofile .sport-brand{width:min(100%,520px)}
.immersive-hero--sportprofile .sport-brand img{height:84px;object-fit:cover;object-position:center}
.immersive-hero--sportprofile .immersive-hero__content h1{max-width:650px}
.immersive-hero--dietprofile .immersive-hero__image img{object-position:center 38%}
.immersive-hero--dietprofile .diet-brand{color:#fff}
.immersive-hero--dietprofile .diet-brand img{filter:brightness(0) invert(1)}
.immersive-hero--dietprofile .diet-brand b{color:#f2d9ee}
.immersive-hero--dietprofile .diet-hero__tagline{max-width:660px}
.immersive-hero--skinprofile .immersive-hero__image img{object-position:center 35%}
.immersive-hero--skinprofile .skin-brand{color:#fff}
.immersive-hero--skinprofile .skin-brand img{filter:brightness(0) invert(1)}
.immersive-hero--skinprofile .skin-brand b{color:#ffd7db}
.immersive-hero--skinprofile .skin-hero__list{max-width:650px}
.immersive-hero--skinprofile .skin-hero__list li::marker{color:#ffd7db}
.immersive-hero--skinprofile .immersive-hero__content h1{max-width:680px;font-size:clamp(2.25rem,3.55vw,3.7rem)}
.immersive-hero--fillereact .immersive-hero__image img{object-position:center 39%}
.immersive-hero--fillereact .fillereact-brand{color:#fff}
.immersive-hero--fillereact .fillereact-wordmark__react{color:#d8edff}
.immersive-hero--fillereact .fillereact-hero__intro li::marker{color:#d8edff}
.immersive-hero--fillereact .immersive-hero__content h1{font-size:clamp(2.15rem,3.45vw,3.65rem)}
@media(max-width:767.98px){
  .immersive-hero .immersive-hero__stage{display:flex;min-height:680px}
  .immersive-hero .immersive-hero__image{width:100%;height:100%;min-height:0}
  .immersive-hero--portrait-right .immersive-hero__image{left:0;width:100%}
  .immersive-hero .immersive-hero__content{align-items:flex-start;padding:62px 20px;text-align:left}
  .immersive-hero .immersive-hero__stage::before{background:linear-gradient(90deg,rgba(28,59,100,.91),rgba(28,59,100,.82))}
  .immersive-hero .immersive-hero__content h1{font-size:clamp(2rem,7.8vw,3rem)}
  .immersive-hero--skinprofile .immersive-hero__content h1,
  .immersive-hero--fillereact .immersive-hero__content h1{font-size:clamp(1.85rem,6.7vw,2.65rem)}
  .immersive-hero--sportprofile .immersive-hero__image img{object-position:56% center}
  .immersive-hero--sportprofile .sport-brand img{height:56px}
  .immersive-hero--dietprofile .immersive-hero__image img{object-position:37% center}
  .immersive-hero--skinprofile .immersive-hero__image img{object-position:64% center}
  .immersive-hero--fillereact .immersive-hero__image img{object-position:42% center}
}