/* La photo passe derrière un premier plan opaque avant le texte du hero. */
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero:has(.vvv-mariyabeautytheme-v10-hero-stage){
 --mb-hero-image-width:min(620px,50vw);
 --mb-hero-image-top:195px;
 --mb-hero-overlap:clamp(18px,2.5vw,34px);
 background:radial-gradient(ellipse at 50% 12%,#fffdfb 0%,#fff5fb 48%,#fff5fb 80%,#fff5fb 100%)!important;
}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage{
 /* Dimensions de la photo fournie : 1856 × 2304. Le bord reste sous le rebord. */
 height:calc(var(--mb-hero-image-top) + var(--mb-hero-image-width) * 1.24137931 - var(--mb-hero-overlap))!important;
 min-height:0!important;
 max-height:none!important;
 isolation:isolate;
}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage .vvv-mariyabeautytheme-v10-hero-media{
 top:var(--mb-hero-image-top)!important;
 width:var(--mb-hero-image-width)!important;
}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage .vvv-mariyabeautytheme-v10-hero-media img{
 aspect-ratio:1856 / 2304;
 width:100%!important;height:auto!important;
}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage .vvv-mariyabeautytheme-v10-hero-media:before{content:none!important}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy{
 position:relative!important;
 z-index:8!important;
 isolation:isolate;
 width:100vw!important;
 max-width:none!important;
 margin:0!important;
 padding:52px max(24px,calc((100vw - 900px) / 2)) 32px!important;
 background:linear-gradient(180deg,#fff5fb 0,#fff5fb 38px,#fff5fb 100%);
 box-shadow:0 -14px 32px -24px #31272f80;
}
/* Une lèvre bombée et un filet lumineux matérialisent l'avant du décor. */
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy:before{
 content:'';
 position:absolute;
 z-index:0;
 left:-2%;right:-2%;top:-12px;height:25px;
 border-radius:50%;
 background:linear-gradient(180deg,#fff5fb 0,#fff5fb 42%,#fdd0e8 68%,#fff5fb 100%);
 box-shadow:0 -2px 0 #fff5fbb3,0 8px 15px -11px #31272f88;
 pointer-events:none;
}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy:after{
 content:'';position:absolute;left:calc(50% - 56px);top:25px;width:112px;height:1px;
 background:linear-gradient(90deg,transparent,#fa7cbf,transparent);pointer-events:none;
}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy > *{position:relative;z-index:1}
.vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero:has(.vvv-mariyabeautytheme-v10-hero-stage) .vvv-mariyabeautytheme-v10-hero-scroll{z-index:9}
@media(max-width:1080px){
 .vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero:has(.vvv-mariyabeautytheme-v10-hero-stage){--mb-hero-image-width:min(560px,64vw);--mb-hero-image-top:168px}
}
@media(max-width:820px){
 .vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero:has(.vvv-mariyabeautytheme-v10-hero-stage){--mb-hero-image-width:min(470px,92vw);--mb-hero-image-top:134px}
 .vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy{padding:42px 20px 24px!important}
 .vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy:before{top:-9px;height:19px}
}
@media(max-width:520px){
 .vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero:has(.vvv-mariyabeautytheme-v10-hero-stage){--mb-hero-image-width:min(410px,96vw);--mb-hero-image-top:110px}
}
/* Dégager les pleins et déliés du titre sous la navigation fixe. */
@media(min-width:761px){
 .mb-glam .vvv-mariyabeautytheme-v10-home .vvv-mariyabeautytheme-v10-hero:has(.vvv-mariyabeautytheme-v10-hero-stage){padding-top:148px!important}
}
/* Scène cinématique : lumière lente, relief au pointeur et au scroll. */
.mb-hero-beam{position:absolute;inset:-10% -35%;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 40%,#fffdfb99 49%,#fff8f333 54%,transparent 62%);transform:translateX(-40%)}
.mb-cinema-active .mb-hero-beam{animation:mb-hero-light 9s ease-in-out infinite}
.mb-cinema-active .vvv-mariyabeautytheme-v10-hero-media img{transform-origin:50% 100%}
.mb-cinema-active .vvv-mariyabeautytheme-v10-hero-stage + .vvv-mariyabeautytheme-v10-hero-copy:before{background-size:200% 100%;background-image:linear-gradient(105deg,#fff5fb 5%,#fff5fb 28%,#fdd0e8 45%,#fff5fb 65%,#fff5fb 78%,#fff5fb 95%);animation:mb-hero-pearl 8s ease-in-out infinite}
.mb-cinema-paused .mb-hero-beam,.mb-cinema-paused .vvv-mariyabeautytheme-v10-hero-copy:before{animation-play-state:paused!important}
@keyframes mb-hero-light{0%,100%{opacity:0;transform:translateX(-32%)}25%{opacity:.55}65%{opacity:.2;transform:translateX(32%)}80%{opacity:0;transform:translateX(32%)}}
@keyframes mb-hero-pearl{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.mb-hero-beam{display:none!important}.mb-cinema-active .vvv-mariyabeautytheme-v10-hero-copy:before{animation:none!important}}