/* Media-only variation. All layout, typography and section order come from style.css. */
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;animation:beauty-pan 24s ease-in-out infinite alternate}
.hero-image.motion-paused{animation-play-state:paused}
.hero .shade{background:linear-gradient(180deg,#33292235,transparent 30%,#3b2b2850 60%,#2d201c99)}
.dna{background-image:linear-gradient(90deg,#76605dd9 0%,#a8877c70 45%,#c9aaa040),url('./assets/lips.png');background-position:center,65% 50%}
.academy .academy-image{object-position:50% 39%}
.academy .shade{background:linear-gradient(90deg,#55463fd9,#5f4b4059 58%,#7d645520)}
.service img{object-position:center}
.service:nth-child(2) img{object-position:48% 24%}
.service:nth-child(3) img{object-position:70% center;object-fit:cover;transform:scale(1.18)}
.service:nth-child(3):hover img{transform:scale(1.23)}
.service:nth-child(4) img{object-position:60% 35%}
.service:nth-child(5) img{object-position:54% 44%}
.event>img{object-position:35% 42%;transform:scaleX(-1)}
.event .shade{background:linear-gradient(90deg,#35282410,#382c2470 55%,#372924a6)}
.about-image img{object-position:50% 36%}
.social-art img{object-position:50% 24%}
.newsletter{background-image:linear-gradient(90deg,#745f53b0,#846d61a6),url('./assets/brows.png');background-position:center,50% 44%}
@keyframes beauty-pan{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(max-width:600px){.hero-image{object-position:84% center}.dna{background-position:center,57% center}.dna:before{background:linear-gradient(0deg,#4d393a80,transparent 65%)}.academy .academy-image{object-position:55% center}.academy .shade{background:linear-gradient(0deg,#3d302cd9,transparent 85%)}.event>img{object-position:20% center}.event .shade{background:linear-gradient(0deg,#3a2926dc,transparent 90%)}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}}

/* Actual campaign footage replaces the previous image-pan hero. */
.hero-image{animation:none}
.hero .hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:0;transition:opacity .85s ease;filter:saturate(.72) contrast(1.02)}
.hero .hero-film.is-playing{opacity:1}
.hero-copy h1{animation:hero-copy-in 1.1s .2s both}
.hero-copy p{animation:hero-copy-in 1.1s .4s both}
.hero-copy .button{animation:hero-copy-in 1.1s .6s both}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hero .hero-film{object-position:50% center}}
@media(prefers-reduced-motion:reduce){.hero .hero-film{transition:none}.hero-copy h1,.hero-copy p,.hero-copy .button{animation:none}}

/* Rose-gold mechanisms -> eye artistry -> rose lips, crossfaded as a live edit. */
.hero .hero-film{opacity:0;z-index:0;transition:opacity .75s ease;pointer-events:none}
.hero .hero-film.is-playing{opacity:1}
.hero .film-mechanism{filter:sepia(.7) saturate(.58) hue-rotate(321deg) brightness(1.22) contrast(1.05);object-position:50% center}
.hero .film-eyes{filter:saturate(.64) sepia(.14) contrast(1.02);object-position:40% 42%}
.hero .film-lips{filter:saturate(.6) sepia(.12) contrast(1.04);object-position:36% 48%;transform:scale(1.04)}
.montage-tint{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,#d8a6a131,transparent 45%,#edbdac24);mix-blend-mode:color}
.hero .shade{z-index:4;background:linear-gradient(180deg,#23191535,transparent 28%,#25181728 46%,#221716b8)}
.hero .hero-copy{z-index:5}
.hero .video-toggle{z-index:6}
@media(max-width:600px){.hero .film-mechanism{object-position:50% center}.hero .film-eyes{object-position:37% center}.hero .film-lips{object-position:28% center}}

/* Current direction: actual silk footage and reference-based campaign stills. */
.hero .film-silk{z-index:1;object-position:center;filter:saturate(.48) sepia(.16) brightness(.89) contrast(1.07)}
.hero-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hero-still.is-active{opacity:1;animation:campaign-drift 7s ease-out both}
.hero .still-care{object-position:62% 43%}
.hero .still-client{object-position:50% 31%}
.hero .montage-tint{background:linear-gradient(115deg,#e9c9bd22,transparent 40%,#e3b4ac24)}
.hero .shade{background:linear-gradient(180deg,#3c302822,transparent 25%,#3a2d2833 48%,#2e201dbb)}
.hero-image{object-position:62% 43%}
.academy .academy-image{object-position:68% 41%}
.about-image img{object-position:center 26%}
.social-art img{object-position:50% 32%}
.service:nth-child(1) img{object-position:50% 24%}
.service:nth-child(2) img,.service:nth-child(4) img{object-position:71% 43%}
.service:nth-child(5) img{object-position:50% 20%}
.event>img{object-position:63% 44%}
.montage-paused .hero-still.is-active{animation-play-state:paused}
@keyframes campaign-drift{from{transform:scale(1.025)}to{transform:scale(1.075)}}
@media(max-width:600px){.hero .still-care,.hero-image{object-position:73% 45%}.hero .still-client{object-position:50% 31%}.academy .academy-image{object-position:73% 42%}.event>img{object-position:70% 42%}}
@media(prefers-reduced-motion:reduce){.hero-still,.hero .film-silk{transition:none}.hero-still.is-active{animation:none}}