/* Light, petals and serum: one motion language, with a complete still state. */
.hero h1>.hero__line{display:inline-block;padding-left:0}
.hero h1>.hero__line:last-child{padding-left:40px}
.petal-field,.light-dust,.hero__light,.product-aura,.serum-ripple{display:none;pointer-events:none}
.motion-toggle{position:fixed;right:22px;bottom:20px;z-index:30;display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #ae886547;border-radius:30px;background:#fcf8f1ed;box-shadow:0 3px 20px #7755350d;color:#7d5a3d;font:10px/1.5 var(--sans);letter-spacing:.06em;cursor:pointer;transition:background .2s}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:#fffaf5}
.motion-toggle__icon{width:9px;height:11px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.motion-toggle[aria-pressed=true] .motion-toggle__icon{width:0;height:0;border:5px solid transparent;border-left:8px solid currentColor;border-right:0;margin-left:2px}
body.is-menu-open .motion-toggle,body.has-dialog .motion-toggle{visibility:hidden}
.motion-enabled [data-parallax]{translate:0 var(--parallax-y,0px)}
.motion-enabled .hero__image{translate:0 var(--hero-shift,0px);transform-origin:61% 37%;animation:lumiere-first-light 4s cubic-bezier(.2,.6,.25,1) both}
.motion-enabled .hero__kicker{animation:lumiere-copy-in 1.3s .15s both}
.motion-enabled .hero__line{animation:lumiere-title-in 1.7s cubic-bezier(.18,.65,.25,1) both}
.motion-enabled .hero__line:last-child{animation-delay:.28s}
.motion-enabled .hero__body h2{animation:lumiere-copy-in 1.4s .3s both}
.motion-enabled .hero__body>p{animation:lumiere-copy-in 1.4s .45s both}
.motion-enabled .hero__body .button{animation:lumiere-copy-in 1.4s .55s both}
.motion-enabled .hero__script{animation:lumiere-ink-in 2.5s .6s cubic-bezier(.25,.6,.3,1) both}
.motion-enabled .hero__seal{animation:lumiere-seal-in 1.7s .5s cubic-bezier(.2,.6,.3,1) both}
.motion-enabled .hero__light{display:block;position:absolute;inset:-25% -40%;z-index:-1;background:linear-gradient(112deg,transparent 35%,#fff7dd00 40%,#fff4d999 48%,#fffefa44 52%,transparent 62%);mix-blend-mode:soft-light;transform:translateX(-15%) rotate(-7deg);animation:lumiere-sunlight 14s ease-in-out infinite alternate;animation-play-state:paused;opacity:.8}
.motion-enabled .hero.is-scene-visible .hero__light{animation-play-state:running}
.motion-enabled .petal-field{display:block;position:absolute;inset:0;overflow:hidden;z-index:3;contain:layout paint}
.motion-enabled .floating-petal{position:absolute;display:block;width:var(--petal-size,24px);height:calc(var(--petal-size,24px)*1.65);left:var(--petal-x,10%);top:var(--petal-y,20%);border-radius:90% 10% 85% 15%;background:radial-gradient(ellipse at 22% 18%,#fff4f1 5%,#f8d1d3 38%,#e8a4aa 78%,#dfa0a455);box-shadow:inset 2px 1px 5px #fff7,1px 3px 7px #b7797310;opacity:0;animation:lumiere-petal-drift var(--petal-duration,15s) var(--petal-delay,0s) linear infinite;animation-play-state:paused;transform-origin:40% 70%}
.floating-petal--1{--petal-x:3%;--petal-y:13%;--petal-size:28px;--petal-duration:17s;--petal-delay:-4s;--petal-drift:85px;--petal-turn:150deg}
.floating-petal--2{--petal-x:90%;--petal-y:4%;--petal-size:22px;--petal-duration:19s;--petal-delay:-10s;--petal-drift:-60px;--petal-turn:-110deg}
.floating-petal--3{--petal-x:77%;--petal-y:50%;--petal-size:35px;--petal-duration:21s;--petal-delay:-3s;--petal-drift:70px;--petal-turn:185deg}
.floating-petal--4{--petal-x:9%;--petal-y:64%;--petal-size:18px;--petal-duration:15s;--petal-delay:-8s;--petal-drift:35px;--petal-turn:-70deg}
.floating-petal--5{--petal-x:97%;--petal-y:59%;--petal-size:40px;--petal-duration:22s;--petal-delay:-15s;--petal-drift:-70px;--petal-turn:95deg}
.floating-petal--6{--petal-x:39%;--petal-y:2%;--petal-size:13px;--petal-duration:20s;--petal-delay:-12s;--petal-drift:80px;--petal-turn:-145deg}
.floating-petal--7{--petal-x:2%;--petal-y:39%;--petal-size:38px;--petal-duration:24s;--petal-delay:-16s;--petal-drift:48px;--petal-turn:125deg}
.motion-enabled .is-scene-visible .floating-petal{animation-play-state:running}
.motion-enabled .light-dust{display:block;position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.light-dust i{position:absolute;left:78%;top:21%;width:5px;height:5px;box-shadow:0 0 20px 8px #fff4d955;background:#fff8e3;border-radius:50%;animation:lumiere-light-breathe 8s -2s ease-in-out infinite;animation-play-state:paused}
.light-dust i:nth-child(2){left:91%;top:48%;width:3px;height:3px;animation-delay:-6s;animation-duration:11s}
.light-dust i:nth-child(3){left:57%;top:77%;width:7px;height:7px;animation-delay:-4s;animation-duration:13s}
.light-dust i:nth-child(4){left:36%;top:13%;width:3px;height:3px;animation-delay:-1s;animation-duration:10s}
.light-dust i:nth-child(5){left:6%;top:74%;width:4px;height:4px;animation-delay:-5s;animation-duration:12s}
.motion-enabled .is-scene-visible .light-dust i{animation-play-state:running}
.motion-enabled .reveal-ready{opacity:0;transform:translateY(60px);transition:opacity 1.15s ease,transform 1.55s cubic-bezier(.16,.65,.24,1);transition-delay:var(--reveal-delay,0s)}
.motion-enabled .reveal-ready.is-revealed{opacity:1;transform:none}
.motion-enabled .concept__visual.reveal-ready{transform:translate(-32px,60px) rotate(-5deg) scale(.91)}
.motion-enabled .concept__visual.reveal-ready.is-revealed{transform:none}
.motion-enabled .concept__copy{--reveal-delay:.12s}
.motion-enabled .concept__visual.is-revealed .image-orbit{animation:lumiere-orbit 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}
.motion-enabled .concept.is-scene-visible .image-orbit{animation-play-state:running}
.motion-enabled .concept__visual.is-revealed .concept__script,.motion-enabled .product__visual.is-revealed .product__signature{animation:lumiere-ink-in 2.4s .3s cubic-bezier(.25,.6,.3,1) both}
.motion-enabled .serum-ripple{display:block;position:absolute;width:95px;height:115px;top:8%;right:-7%;z-index:3}
.serum-ripple i{position:absolute;inset:0;border:1px solid #cca17360;border-radius:49% 47% 48% 46%;background:radial-gradient(ellipse at 28% 24%,#fff9 0%,#fff1 22%,transparent 50%),radial-gradient(ellipse at 70% 83%,#d7b08b36,transparent 60%);box-shadow:inset 2px 3px 10px #fff6;animation:lumiere-serum-float 9s ease-in-out infinite;animation-play-state:paused}
.serum-ripple i:nth-child(2){width:34px;height:42px;inset:auto auto -22px -19px;animation-delay:-5s;animation-duration:12s}
.motion-enabled .concept.is-scene-visible .serum-ripple i{animation-play-state:running}
.motion-enabled .feature-card:nth-child(2){--reveal-delay:.15s}
.motion-enabled .feature-card:nth-child(3){--reveal-delay:.3s}
.motion-enabled .feature-card.is-revealed .feature-card__image img{animation:lumiere-image-bloom 1.8s var(--reveal-delay,0s) cubic-bezier(.18,.65,.25,1) both}
.motion-enabled .feature-card__image::before{transition:transform 1.2s cubic-bezier(.2,.6,.3,1)}
.motion-enabled .feature-card:hover .feature-card__image::before{transform:rotate(25deg) scale(1.06)}
.motion-enabled .feature-card__image img{transition:scale 1.1s cubic-bezier(.2,.6,.3,1)}
.motion-enabled .feature-card:hover .feature-card__image img{scale:1.04}
.motion-enabled .flow-thread__drawing{stroke:#b78966;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--thread-progress,0));opacity:.55}
.product__visual{isolation:isolate}
.motion-enabled .product__visual.reveal-ready{opacity:0;transform:translateY(100px) scale(.88);transition-duration:1.5s,2s;transform-origin:50% 65%}
.motion-enabled .product__visual.reveal-ready.is-revealed{opacity:1;transform:none}
.motion-enabled .product__image{position:relative;z-index:1}
.motion-enabled .product__signature{z-index:2}
.motion-enabled .product-aura{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
.product-aura::before{content:'';position:absolute;inset:0 -2% 0;border-radius:50%;background:radial-gradient(ellipse,#f6deb688,transparent 68%);animation:lumiere-aura 9s ease-in-out infinite alternate;animation-play-state:paused}
.product-aura i{position:absolute;inset:9% 8% 12%;border:1px solid #bc946346;border-radius:48% 47% 49% 44%;transform:rotate(-17deg);animation:lumiere-aura-ring 15s ease-in-out infinite alternate;animation-play-state:paused}
.product-aura i:nth-child(2){inset:5% 13% 16% 2%;border-color:#ceb29744;transform:rotate(13deg);animation-delay:-8s;animation-duration:19s}
.product-aura i:nth-child(3){inset:0 2% 5% 11%;border-color:#d8bda330;transform:rotate(28deg);animation-delay:-5s;animation-duration:22s}
.motion-enabled .product.is-scene-visible .product-aura i,.motion-enabled .product.is-scene-visible .product-aura::before{animation-play-state:running}
.motion-enabled .voice-card__portrait{transition:transform 1s ease,box-shadow 1s ease}
.motion-enabled .voice-card:hover .voice-card__portrait{box-shadow:0 0 30px #e3c4ab38}
.motion-enabled .offer__script{animation:lumiere-signature-breathe 9s ease-in-out infinite alternate;animation-play-state:paused}
.motion-enabled .offer.is-scene-visible .offer__script{animation-play-state:running}
.motion-enabled .button{position:relative;overflow:hidden}
.motion-enabled .button::after{content:'';position:absolute;inset:-60% -50%;background:linear-gradient(108deg,transparent 42%,#fff5 49%,transparent 57%);transform:translateX(-70%);pointer-events:none;animation:lumiere-button-shine 9s 2s ease-in-out infinite;animation-play-state:paused}
.motion-enabled .is-scene-visible .button::after{animation-play-state:running}
.motion-enabled .button:hover::after{animation:lumiere-button-hover .9s ease-out both}
.motion-enabled .hero__scroll i{transform-origin:top;animation:lumiere-scroll-cue 3s ease-in-out infinite}
/* Stopping removes motion styles and reveals every piece of content immediately. */
.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}
.motion-paused [data-parallax]{translate:none}
.motion-paused .hero__image{translate:none}
.motion-paused .flow-thread__drawing{stroke-dasharray:none;stroke-dashoffset:0}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
.motion-document-hidden *,.motion-document-hidden *::before,.motion-document-hidden *::after{animation-play-state:paused!important}
.motion-paused .button,.motion-paused .button span{transition:none}
@keyframes lumiere-first-light{from{scale:1.12;filter:brightness(1.08)}to{scale:1;filter:brightness(1)}}
@keyframes lumiere-title-in{from{opacity:0;translate:0 34px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes lumiere-copy-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes lumiere-ink-in{from{opacity:0;clip-path:inset(-30% 105% -40% -10%)}to{opacity:1;clip-path:inset(-30% -20% -40% -10%)}}
@keyframes lumiere-seal-in{from{opacity:0;scale:.84;translate:0 14px}to{opacity:1;scale:1;translate:0 0}}
@keyframes lumiere-sunlight{from{transform:translate(-14%,-2%) rotate(-7deg);opacity:.25}to{transform:translate(12%,6%) rotate(4deg);opacity:.9}}
@keyframes lumiere-petal-drift{0%{opacity:0;transform:translate3d(0,-50px,0) rotate(-30deg) scale(.85)}18%{opacity:.7}52%{transform:translate3d(calc(var(--petal-drift)*.45),65px,0) rotate(calc(var(--petal-turn)*.4)) scale(1)}80%{opacity:.6}100%{opacity:0;transform:translate3d(var(--petal-drift),190px,0) rotate(var(--petal-turn)) scale(.75)}}
@keyframes lumiere-light-breathe{0%,100%{opacity:.1;transform:translateY(0) scale(.6)}50%{opacity:.85;transform:translateY(-25px) scale(1.15)}}
@keyframes lumiere-orbit{from{transform:rotate(0deg) scale(.98)}to{transform:rotate(22deg) scale(1.02)}}
@keyframes lumiere-serum-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-19px) rotate(9deg)}}
@keyframes lumiere-image-bloom{from{scale:.87;opacity:.3;clip-path:ellipse(43% 30% at 50% 59%)}to{scale:1;opacity:1;clip-path:ellipse(65% 70% at 50% 50%)}}
@keyframes lumiere-aura{from{opacity:.4;transform:scale(.9)}to{opacity:.9;transform:scale(1.07)}}
@keyframes lumiere-aura-ring{from{translate:0 8px;rotate:-8deg;scale:.98}to{translate:0 -8px;rotate:8deg;scale:1.025}}
@keyframes lumiere-signature-breathe{from{opacity:.7;translate:0 0}to{opacity:1;translate:0 -10px}}
@keyframes lumiere-button-shine{0%,62%{transform:translateX(-70%)}81%,100%{transform:translateX(70%)}}
@keyframes lumiere-button-hover{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
@keyframes lumiere-scroll-cue{0%,100%{scale:1 .65;opacity:.5}50%{scale:1 1;opacity:1}}
@media(max-width:700px){
 .hero h1>.hero__line:last-child{padding-left:35px}
 .motion-toggle{right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:40px;padding:9px 12px;font-size:9px}
 .motion-enabled .hero__image{transform-origin:63% 37%;animation-duration:3.6s}
 .motion-enabled .hero__light{inset:-10% -40% 39%;opacity:.6}
 .floating-petal--1{--petal-x:2%;--petal-y:12%;--petal-size:19px;--petal-drift:26px}
 .floating-petal--2{--petal-x:91%;--petal-y:3%;--petal-size:15px;--petal-drift:-25px}
 .floating-petal--3{--petal-x:85%;--petal-y:35%;--petal-size:25px;--petal-drift:20px}
 .floating-petal--4{--petal-x:1%;--petal-y:57%;--petal-size:12px;--petal-drift:9px}
 .floating-petal--5{--petal-x:96%;--petal-y:67%;--petal-size:27px;--petal-drift:-12px}
 .floating-petal--6,.floating-petal--7{display:none!important}
 .motion-enabled .reveal-ready{transform:translateY(37px);transition-duration:1s,1.35s}
 .motion-enabled .concept__visual.reveal-ready{transform:translate(-15px,32px) rotate(-4deg) scale(.94)}
 .motion-enabled .feature-card:nth-child(2),.motion-enabled .feature-card:nth-child(3){--reveal-delay:0s}
 .motion-enabled .product__visual.reveal-ready{transform:translateY(60px) scale(.9)}
 .motion-enabled .reveal-ready.is-revealed,.motion-enabled .concept__visual.reveal-ready.is-revealed,.motion-enabled .product__visual.reveal-ready.is-revealed{transform:none}
 .motion-enabled .serum-ripple{width:60px;height:75px;right:-10%;top:7%}.serum-ripple i:nth-child(2){width:22px;height:29px;bottom:-15px;left:-13px}
 .product-aura i{inset:9% 11% 12%}.product-aura i:nth-child(2){inset:5% 14% 16% 8%}.product-aura i:nth-child(3){inset:0 8% 5% 15%}
 .light-dust i:nth-child(3),.light-dust i:nth-child(5){display:none}
}
@media(max-width:370px){.hero h1>.hero__line:last-child{padding-left:26px}}
@media(prefers-reduced-motion:reduce){
 .petal-field,.hero__light,.light-dust,.product-aura,.serum-ripple{display:none!important}
 .reveal-ready,.motion-enabled .reveal-ready{opacity:1!important;transform:none!important}
 [data-parallax],.hero__image{translate:none!important;scale:1!important;filter:none!important}
 .hero__line,.hero__body>*,.hero__kicker,.hero__script,.hero__seal{opacity:1!important;translate:none!important;clip-path:none!important}
 .motion-toggle{display:none!important}
 .flow-thread__drawing{stroke-dasharray:none!important;stroke-dashoffset:0!important}
}
