/* Supporting page artwork uses the current purple-cap product cutouts. */
html body:not(#_):not(#_):not(#_):not(#_) .page-hero.editorial-hero{width:100%;padding:44px 32px!important;margin:0 0 36px!important;overflow:hidden;clip-path:none!important;box-shadow:none!important}
.editorial-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);align-items:center;gap:32px;width:min(1160px,100%);margin:auto!important}
html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy{text-align:left!important;min-width:0}
html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy :is(h1,p,.eyebrow){text-align:left!important;margin-left:0!important;margin-right:0!important}
html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.08!important;max-width:720px;text-wrap:balance}
.editorial-copy p{font-size:16px;line-height:1.7;max-width:620px}
.editorial-vials{position:relative;isolation:isolate;height:310px;width:100%;max-width:430px;margin:auto;pointer-events:none}
.editorial-vials::before{content:"";position:absolute;inset:8% 5%;border-radius:50%;background:radial-gradient(ellipse,#fff8 0%,#d5b8ed55 55%,transparent 72%)}
.editorial-vial{position:absolute;width:78%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px #47245d20);animation:editorial-drift 6s ease-in-out infinite;transform:rotate(var(--tilt));bottom:0}
.editorial-vial.vial-0{left:-5%;--tilt:-30deg;z-index:1;animation-delay:-2s}
.editorial-vial.vial-1{right:-8%;--tilt:0deg;height:92%;bottom:-2%;z-index:2}
.editorial-compact .editorial-vials{height:235px;max-width:300px}
.editorial-compact .editorial-vial.vial-0{left:10%;width:80%;--tilt:-8deg}
@keyframes editorial-drift{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(var(--tilt))}}
.membership-vials{position:relative;isolation:isolate;overflow:hidden}
.membership-vials>.wrap{position:relative;z-index:2;max-width:760px}
.membership-vial-art{position:absolute;inset:0;pointer-events:none;z-index:0}
.membership-vial-art img{position:absolute;width:26%;height:90%;bottom:-14%;object-fit:contain;filter:drop-shadow(0 15px 18px #47245d20)}
.membership-vial-art img:first-child{left:-5%;transform:rotate(-30deg)}
.membership-vial-art img:last-child{right:-5%;transform:rotate(0deg)}
@media(max-width:900px){.editorial-inner{grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr);gap:16px}.editorial-vials{height:260px}.membership-vials>.wrap{max-width:65%}}
@media(max-width:600px){
 html body:not(#_):not(#_):not(#_):not(#_) .page-hero.editorial-hero{padding:30px 22px 24px!important;margin-bottom:24px!important}
 .editorial-inner{grid-template-columns:1fr;gap:8px}
 html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy :is(h1,p,.eyebrow){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
 html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy h1{font-size:34px!important}
 .editorial-vials{height:200px;max-width:310px}
 .editorial-compact .editorial-vials{height:150px;max-width:220px}
 .membership-vials>.wrap{max-width:100%}
 .membership-vial-art{position:relative;height:150px;max-width:300px;margin:0 auto}
 .membership-vial-art img{width:65%;height:165px;bottom:0}
 .membership-vial-art img:first-child{left:-3%}.membership-vial-art img:last-child{right:-3%}
}
@media(prefers-reduced-motion:reduce){.editorial-vial{animation:none}}
html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy .hero-cta-row{justify-content:flex-start!important}
@media(max-width:600px){html body:not(#_):not(#_):not(#_):not(#_) .editorial-copy .hero-cta-row{justify-content:center!important}}
/* Gentle staggered bounce, with tighter transitions into page content. */
html body:not(#_):not(#_):not(#_):not(#_) .page-hero.editorial-hero{padding-top:32px!important;padding-bottom:32px!important;margin-bottom:16px!important}
html body:not(#_):not(#_):not(#_):not(#_) .editorial-hero+.page-wrap{padding-top:16px!important}
.editorial-vial{animation:page-vial-bounce 4.8s cubic-bezier(.45,0,.55,1) infinite}
.editorial-vial.vial-0{animation-delay:-1.6s}
.editorial-vial.vial-1{animation-delay:-3.5s}
@keyframes page-vial-bounce{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--tilt,0deg) + 1deg))}}
html body .mbr-hero.membership-vials{padding-top:42px!important;padding-bottom:24px!important}
html body .membership-vials+.mbr-plans-section{padding-top:24px!important}
.membership-vial-art img{bottom:0;height:88%;width:29%;animation:page-vial-bounce 5.2s cubic-bezier(.45,0,.55,1) infinite}
.membership-vial-art img:first-child{left:-3%;--tilt:-30deg;animation-delay:-1.8s}
.membership-vial-art img:last-child{right:-3%;--tilt:0deg;animation-delay:-3.7s}
.membership-vial-art::before,.membership-vial-art::after{content:"";position:absolute;width:30%;height:75%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#d7bcf055,transparent 70%);z-index:-1}
.membership-vial-art::before{left:-5%}.membership-vial-art::after{right:-5%}
@media(max-width:900px){.membership-vial-art img{width:27%}}
@media(max-width:600px){
 html body:not(#_):not(#_):not(#_):not(#_) .page-hero.editorial-hero{padding-top:24px!important;padding-bottom:16px!important;margin-bottom:12px!important}
 .editorial-vials{height:180px}.editorial-compact .editorial-vials{height:135px}
 html body .mbr-hero.membership-vials{padding-top:20px!important;padding-bottom:18px!important}
 .membership-vial-art{height:130px;margin-bottom:8px}
 .membership-vial-art img{height:145px;width:65%}
 .membership-vial-art::before,.membership-vial-art::after{width:65%;height:100%}
 html body .membership-vials+.mbr-plans-section{padding-top:16px!important}
}
@media(prefers-reduced-motion:reduce){.editorial-vial,.membership-vial-art img{animation:none!important}}
/* Membership reference: clear introduction; small vials flank the lower lavender CTA. */
html body .mbr-hero.membership-intro{padding:40px 0 22px!important}
html body .membership-intro+.mbr-plans-section{padding-top:24px!important}
.membership-vial-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--rb-lav,#f0eaff);padding:64px 24px;min-height:330px;display:grid;align-items:center}
.membership-banner-copy{position:relative;z-index:2;width:min(700px,62%);margin:auto;text-align:center}
.membership-banner-copy h2{font-size:clamp(28px,3.5vw,44px);line-height:1.1;margin:14px 0 20px;text-wrap:balance}
.membership-banner-copy p{font-size:16px;line-height:1.65;margin:0 0 24px}
.membership-banner-art{position:absolute;inset:0;pointer-events:none}
.membership-banner-art img{position:absolute;top:calc(50% - 120px);width:22%;height:240px;object-fit:contain;filter:drop-shadow(0 14px 16px #48247520);animation:page-vial-bounce 5.2s ease-in-out infinite;transform:rotate(var(--tilt))}
.membership-banner-art img:first-child{left:1%;--tilt:-16deg;animation-delay:-1.7s}
.membership-banner-art img:last-child{right:1%;--tilt:4deg;animation-delay:-3.5s}
@media(max-width:600px){
 html body .mbr-hero.membership-intro{padding:28px 0 18px!important}
 html body .membership-intro+.mbr-plans-section{padding-top:16px!important}
 .membership-vial-banner{padding:36px 22px 162px;min-height:0}
 .membership-banner-copy{width:100%}
 .membership-banner-art img{top:auto;bottom:12px;height:145px;width:48%}
 .membership-banner-art img:first-child{left:4%}.membership-banner-art img:last-child{right:4%}
}
@media(prefers-reduced-motion:reduce){.membership-banner-art img{animation:none!important}}
@media(max-width:600px){.membership-vial-banner{padding-bottom:178px}}