/* Light pastel surfaces echo the concern cards. */
.full-slide-hero{background:#fffdf5}
.hero-slide{--hero-surface:#fffdf3;background:radial-gradient(ellipse at 14% 12%,#fff0bf80,transparent 62%),var(--hero-surface)}
.slide-analysis{--hero-surface:#f7fcee;background:radial-gradient(ellipse at 10% 12%,#edf8cb90,transparent 62%),var(--hero-surface)}
.slide-support{--hero-surface:#fff7ef;background:radial-gradient(ellipse at 12% 12%,#ffe0c880,transparent 62%),var(--hero-surface)}
.banner-photo img{filter:brightness(1.035) saturate(1.03)}
.banner-photo:after,.family-banner-photo:after,.analysis-banner-photo:after,.support-banner-photo:after{background:linear-gradient(90deg,var(--hero-surface),color-mix(in srgb,var(--hero-surface) 85%,transparent) 10%,color-mix(in srgb,var(--hero-surface) 34%,transparent) 28%,transparent 48%),linear-gradient(0deg,var(--hero-surface),transparent 12%)}
/* The contained collage has its own soft edge, wherever the image starts. */
.family-banner-photo{--collage-width:356.667px;width:56%}
.family-banner-photo img{-webkit-mask-image:linear-gradient(to right,transparent calc(100% - var(--collage-width)),#000 calc(100% - var(--collage-width) + 90px));mask-image:linear-gradient(to right,transparent calc(100% - var(--collage-width)),#000 calc(100% - var(--collage-width) + 90px))}
.family-banner-photo:before{content:'';position:absolute;inset:0;background:url('assets/family-wellness-original.png') center/cover;opacity:.16;filter:blur(25px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.family-banner-photo img{position:relative}
.hero-panel .editorial-kit-images img{height:102px;width:87px}
.slide-family .editorial-kit-card{margin-top:8px}
.slide-family .editorial-description{margin-bottom:8px}
.slide-family h1{margin-bottom:8px}
@media(min-width:701px) and (max-width:1000px){.family-banner-photo{--collage-width:343.333px}.hero-panel .editorial-kit-card{gap:8px}.hero-panel .editorial-kit-images img{width:87px;height:102px}.hero-panel .editorial-kit-card strong{font-size:11px}.hero-panel .editorial-kit-card p,.hero-panel .editorial-kit-card small{font-size:8px}}
@media(max-width:700px){
.hero-panel{padding-top:72px}
.family-banner-photo{width:100%}
.family-banner-photo img{object-position:center top}
.family-banner-photo:before{display:none}
.family-banner-photo img{-webkit-mask-image:none;mask-image:none}
.banner-photo:after,.family-banner-photo:after,.analysis-banner-photo:after,.support-banner-photo:after{background:linear-gradient(0deg,var(--hero-surface),color-mix(in srgb,var(--hero-surface) 90%,transparent) 28%,color-mix(in srgb,var(--hero-surface) 18%,transparent) 75%,transparent)}
.hero-panel .editorial-kit-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}
.hero-panel .editorial-kit-images{gap:10px}
.hero-panel .editorial-kit-images img{height:102px;width:87px}
.hero-panel .editorial-kit-card>div:last-child p,.hero-panel .editorial-kit-card>div:last-child small{display:inline;font-size:8px}
.hero-panel .editorial-kit-card strong{font-size:11px;line-height:1.6}
}

@media(min-width:701px) and (max-width:1000px){
.full-slide-hero h1{font-size:30px}
.hero-panel .editorial-price{flex-direction:row;align-items:center;gap:10px}
.hero-panel .editorial-price>span{max-width:135px}
.hero-panel .editorial-actions{flex-direction:row;align-items:center;gap:10px;max-width:none}
.hero-panel .editorial-actions .btn{width:200px;font-size:11px;flex:none}
.hero-panel .editorial-line{font-size:10px;white-space:nowrap}
}

/* Bring the copy and photography into one centered composition. */
@media(min-width:1001px){
.hero-panel.container{width:min(960px,calc(100% - 80px))}
.banner-copy{width:51%}
.banner-photo{right:max(0px,calc((100% - 960px)/2));width:min(620px,60%)}
.family-banner-photo{width:min(520px,56%)}
.analysis-banner-photo{width:min(620px,60%)}
.support-banner-photo{width:min(590px,58%)}
}