.hero-film,.hero-film+section{--film-length:280svh;--stage-h:100svh;--film-share:.18}.hero-film{isolation:isolate;padding-bottom:var(--spacing-section-sm);background-color:var(--color-surface);position:relative}.hero-film__track{position:relative}.hero-film__stage{height:var(--stage-h);background-color:var(--color-surface-muted);position:relative;overflow:hidden}.hero-film__poster,.hero-film__poster img,.hero-film__canvas{width:100%;height:100%;position:absolute;inset:0}.hero-film__poster img{object-fit:cover}.hero-film__canvas{opacity:0}.hero-film[data-film-ready] .hero-film__canvas{opacity:1;transition:opacity var(--duration-base) var(--ease-soft)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-aspect-ratio:1) and (min-width:48rem) and (min-height:30rem),(scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-aspect-ratio:1){.hero-film:not([data-film=off]) .hero-film__track{height:calc(var(--stage-h) + var(--film-length))}.hero-film:not([data-film=off]) .hero-film__stage{position:sticky;top:0}.hero-film:not([data-film=off]),.hero-film:not([data-film=off])+section{--film-handoff:calc(var(--film-length) * var(--film-share) + var(--stage-h) - 100svh)}.hero-film:not([data-film=off]){margin-bottom:calc(-1 * (var(--spacing-section-sm) + var(--film-handoff)))}.hero-film:not([data-film=off])+section{z-index:1;position:relative}.hero-film:not([data-film=off])+section:before{--fog:16svh;content:"";inset:calc(-1 * var(--fog)) 0 0;z-index:-1;background-image:linear-gradient(#fff0, var(--color-surface) var(--fog));pointer-events:none;position:absolute}@supports (animation-timeline:view()){.hero-film:not([data-film=off])+section{view-timeline:--handoff-timeline block}.hero-film:not([data-film=off])+section:before{animation:linear both film-handoff;animation-timeline:--handoff-timeline;animation-range:entry 0% entry var(--film-handoff)}}}@keyframes film-handoff{0%{opacity:0}45%{opacity:.4}}.hero-film__copy{padding-top:calc(var(--spacing-header) + 2.5rem);padding-bottom:2.5rem;position:relative}@media (min-aspect-ratio:1) and (min-width:48rem) and (min-height:30rem){.hero-film__copy{z-index:2;height:100svh;padding-block:var(--spacing-header) 0;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0 0 auto}.hero-film__copy a{pointer-events:auto}.hero-film[data-film-copy-gone] .hero-film__copy{visibility:hidden}}.hero-film__fade{--out:clamp(0, (var(--film-p,0) - var(--from)) / var(--span), 1);opacity:calc(1 - var(--out));translate:0 calc(var(--out) * -16px)}.hero-film__fade[data-fade=support]{--from:.015;--span:.06}.hero-film__fade[data-fade=title]{--from:.045;--span:.065}.hero-film__fade[data-fade=actions]{--from:.08;--span:.06}.hero-film[data-film-nav] .hero-film__fade{transition:opacity .45s var(--ease-soft), translate .45s var(--ease-soft)}.hero-film[data-film-nav] .hero-film__copy{transition:visibility .45s}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.hero-film .hero-film__fade[data-fade=title]>*{--entry-at:0s}.hero-film .hero-film__fade[data-fade=support]>*{--entry-at:.1s}.hero-film .hero-film__fade[data-fade=support]>*+*{--entry-at:.18s}.hero-film .hero-film__fade[data-fade=actions]>*{--entry-at:.25s}.hero-film[data-hero-entry=wait] .hero-film__fade>*{animation:hero-entry-wait var(--duration-slow) var(--ease-soft) 3s both}.hero-film[data-hero-entry=hold] .hero-film__fade>*{opacity:0;animation:none}.hero-film[data-hero-entry=hold][data-hero-leave] .hero-film__fade>*{transition:opacity var(--duration-base) var(--ease-soft)}.hero-film[data-hero-entry=play] .hero-film__fade>*{animation:hero-entry var(--duration-slow) var(--ease-soft) var(--entry-at) both}.hero-film[data-hero-entry=done] .hero-film__fade>*{animation:none}.hero-film[data-hero-entry] .hero-film__fade>:focus-within{opacity:1;animation:none}.hero-film:is([data-hero-entry=wait],[data-hero-entry=hold])[data-film-ready] .hero-film__canvas{transition:none}}@keyframes hero-entry{0%{opacity:0;translate:0 1rem}}@keyframes hero-entry-wait{0%{opacity:0;translate:0 1rem}}.hero-film__skip{bottom:1.5rem;left:max(1rem, env(safe-area-inset-left));z-index:3;background-color:var(--color-romana-ink);font-size:var(--text-caption);color:var(--color-white);border-radius:999px;padding:.75rem 1.25rem;font-weight:500;position:absolute}.hero-film__skip:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}@media (max-aspect-ratio:1){.hero-film,.hero-film+section{--film-length:200svh;--film-share:.2}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-aspect-ratio:1){.hero-film:not([data-film=off]),.hero-film:not([data-film=off])+section{--stage-h:100lvh}}@media (max-aspect-ratio:1){.hero-film[data-film=off] .hero-film__stage{height:min(100svh,125vw)}}@media (max-aspect-ratio:1) and (prefers-reduced-motion:reduce){.hero-film__stage{height:min(100svh,125vw)}}:root[data-hero-film-pinned] .floating-cta{opacity:0!important;visibility:hidden!important}
.art{--wall-top:#faf8f6;--wall-bottom:#f1ebe7;--floor-top:#e9e1dc;--floor-bottom:#f1ebe7;--horizon:27%;background:linear-gradient(180deg, var(--wall-top), var(--wall-bottom));position:absolute;inset:0;overflow:hidden;container-type:size}.art>span{display:block;position:absolute}.art__arch,.art__cyl,.art__sphere{translate:-50%}.art__light{background:radial-gradient(80% 60% at 16% 6%,#fffffff2,#0000 70%),linear-gradient(118deg,#fff6 0%,#0000 45%);inset:0}.art__floor{height:var(--horizon);background:linear-gradient(180deg, var(--floor-top), var(--floor-bottom));inset:auto 0 0;box-shadow:0 -1px #ffffffa6}.art__arch{left:var(--x,50%);bottom:var(--horizon);width:var(--w);height:min(var(--h), calc(100cqh - var(--horizon) - 8cqh));border-radius:calc(var(--w) / 2) calc(var(--w) / 2) 0 0;background:linear-gradient(#f4efeb 0%,#ebe3de 100%);box-shadow:inset 0 1px #fff9}.art__shadow{left:var(--x,50%);bottom:var(--b);width:var(--w);height:var(--h);background:radial-gradient(closest-side, rgb(120 96 88/var(--o,.2)), transparent);translate:-50% 50%}.art__cyl{left:var(--x,50%);bottom:var(--b);width:var(--w);height:var(--h);border-radius:0 0 50% 50% / 0 0 calc(var(--cap) / 2) calc(var(--cap) / 2);background:linear-gradient(90deg,#e2d9d3 0%,#f2ede9 26%,#fdfcfb 42%,#efe9e5 66%,#dbd1ca 100%)}.art__cyl:before{content:"";height:var(--cap);background:linear-gradient(#fff 0%,#f5f1ee 100%);border-radius:50%;position:absolute;inset:0 0 auto;translate:0 -50%;box-shadow:inset 0 -1px #96807838}.art__cyl[data-tone=rose]{background:linear-gradient(90deg,#e8c5cd 0%,#f4dde2 28%,#faeef0 44%,#f1d5db 68%,#e0b3bd 100%)}.art__cyl[data-tone=rose]:before{background:linear-gradient(#fbf0f2 0%,#f2d9de 100%);box-shadow:inset 0 -1px #d99aa84d}.art__sphere{left:var(--x,50%);bottom:var(--b);width:var(--d);aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#fff 0%,#fbeef0 16%,#f2cfd6 52%,#e6b4bf 84%,#dca5b1 100%);border-radius:50%;box-shadow:inset -.6cqmin -1cqmin 2.4cqmin #9a55661f}.art__sphere[data-tone=pearl]{background:radial-gradient(circle at 34% 30%,#fff 0%,#fbf9f7 22%,#f1ebe7 58%,#e5ddd8 88%,#ddd4ce 100%);box-shadow:inset -.6cqmin -1cqmin 2.4cqmin #7860581a}.art--makeup{--wall-top:#f8f3f0;--wall-bottom:#eee5e0;--floor-top:#e5dad3;--floor-bottom:#ede4df;--horizon:30%}.art--care{--wall-top:#fbfaf8;--wall-bottom:#f2eeea;--floor-top:#e9e3de;--floor-bottom:#f2ede9;--horizon:28%}.art--fragrance{--wall-top:#f6f1ee;--wall-bottom:#ebe2dd;--floor-top:#e1d6cf;--floor-bottom:#e9e0da;--horizon:29%}.art--accessories{--wall-top:#faf7f5;--wall-bottom:#efe8e4;--floor-top:#e7dfd9;--floor-bottom:#efe8e3;--horizon:30%}
.beauty-card{--col:0;--center:0;--reveal-delay:calc(var(--col) * var(--stagger))}@media (min-width:40rem){.beauty-card{--col:var(--col-sm);--center:1}}@media (min-width:64rem){.beauty-card{--col:var(--col-lg);--center:2}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.beauty-intro [data-part=eyebrow]{--rise:var(--rise-sm);animation:scroll-fade linear both, scroll-rise var(--ease-scroll) both;animation-timeline:view();animation-range:cover cover 12%}.beauty-intro [data-part=title]{view-timeline:--beauty-title block;clip-path:inset(-.5em -1em -.3em)}.beauty-intro [data-part=title-text]{animation:scroll-fade linear both, scroll-emerge var(--ease-scroll) both;animation-timeline:--beauty-title;animation-range:cover cover 16%,cover cover 30%}.beauty-intro [data-part=lead]{--rise:var(--rise-md);animation:scroll-fade linear both, scroll-rise var(--ease-scroll) both;animation-timeline:view();animation-range:cover cover 20%}.beauty-card{view-timeline:--beauty-card block;--wave:calc(var(--col) * 5%)}.beauty-card__body{--drift-x:calc((var(--col) - var(--center)) * 3px);--drift-y:calc(1.25rem + var(--col) * .25rem);animation:scroll-drift var(--ease-scroll) both;animation-timeline:--beauty-card;animation-range:cover var(--wave) cover calc(20% + var(--wave))}.beauty-card__media{view-timeline:--beauty-media block;animation:scroll-unveil var(--ease-scroll) both;animation-timeline:--beauty-media;animation-range:cover var(--wave) cover calc(18% + var(--wave))}.beauty-card__media img{animation:scroll-settle var(--ease-scroll) both;animation-timeline:--beauty-media;animation-range:cover var(--wave) cover calc(24% + var(--wave))}.beauty-card [data-part=index],.beauty-card [data-part=title],.beauty-card [data-part=text]{--rise:var(--rise-sm);animation:scroll-fade linear both, scroll-rise var(--ease-scroll) both;animation-timeline:view();animation-range:cover calc(var(--wave) * .2) cover calc(5% + var(--wave) * .3)}.beauty-card [data-part=cta]{animation:linear both scroll-fade;animation-timeline:view();animation-range:cover calc(var(--wave) * .2) cover calc(5% + var(--wave) * .3)}}}@keyframes scroll-fade{0%{opacity:0}}@keyframes scroll-rise{0%{translate:0 var(--rise)}}@keyframes scroll-emerge{0%{translate:0 100%}}@keyframes scroll-drift{0%{translate:var(--drift-x) var(--drift-y)}}@keyframes scroll-unveil{0%{opacity:0;clip-path:inset(22% 0 0 round 1rem)}40%{opacity:1}to{opacity:1;clip-path:inset(0 round 1rem)}}@keyframes scroll-settle{0%{translate:0 6%;scale:1.06}}
