.experience-canvas{z-index:5;pointer-events:none;opacity:0;transition:opacity .45s;position:fixed;inset:0}.experience-canvas[data-rendered=true]{opacity:1}.scene-still,.scene-still img{object-fit:cover;width:100%;height:100%;display:block}.scene-atmosphere{background:radial-gradient(at 76% 30%,#ead0ca,#f4e5de 45%,#fbf4ec 85%);position:absolute;inset:0;overflow:hidden}.atmosphere-glow{background:radial-gradient(#fff9ee8c,#0000 65%);border-radius:50%;animation:4s ease-in-out 2 alternate atmosphere-drift;position:absolute;inset:20% -20% -20% 30%}.scene-atmosphere i{background:linear-gradient(135deg,#eed8d2,#cda2ac66);border-radius:65% 35% 60% 40%;width:24px;height:40px;animation:3s ease-in-out 2 alternate atmosphere-drift;position:absolute;top:4%;left:45%;transform:rotate(-22deg)}.scene-atmosphere i:nth-of-type(2){width:14px;height:30px;animation-delay:-.8s;top:60%;left:88%}.scene-atmosphere i:nth-of-type(3){width:40px;height:21px;animation-delay:-1.4s;top:86%;left:14%}.scene-atmosphere i:nth-of-type(n+4){background:radial-gradient(circle at 30% 25%,#fff,#e5d5c877);border-radius:50%;width:7px;height:9px;top:24%;left:12%;box-shadow:0 1px 1px #7e59692b}.scene-atmosphere i:nth-of-type(5){top:28%;left:92%}.scene-atmosphere i:nth-of-type(6){top:70%;left:20%}@keyframes atmosphere-drift{to{transform:translate(8px,-12px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.scene-atmosphere *,.experience-canvas,.scene-poster{transition:none!important;animation:none!important}}.catalog-notice{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 24px;margin:16px 0;padding:14px 0;font-size:12px;display:flex}.catalog-notice p{max-width:70ch;margin:0}.catalog-notice button{min-height:44px}.experience-canvas *{pointer-events:none!important}.scene-frame{background:#f0dfdf;width:100%;position:relative;overflow:visible}.scene-poster{width:100%;height:100%;transition:opacity .35s;overflow:hidden}.scene-poster>img{object-fit:cover;width:100%;height:100%}.scene-frame[data-live=true] .scene-poster{opacity:0}.scene-gesture{z-index:9;cursor:grab;touch-action:pan-y;position:absolute;inset:0}.scene-gesture:active{cursor:grabbing}.scene-frame[data-live=false] .scene-gesture{pointer-events:none}.scene-product .scene-gesture{touch-action:pan-y}.scene-drag-label{z-index:10;letter-spacing:.07em;text-transform:uppercase;color:#614552;pointer-events:none;font-size:10px;position:absolute;bottom:20px;left:20px}.scene-disclaimer{color:var(--muted-foreground);margin:10px 0 0;font-size:10px;line-height:1.6}.scene-instructions{color:var(--muted-foreground);margin:12px 0;font-size:11px;line-height:1.7}.hero-experience{position:relative}.hero-experience .scene-hero{aspect-ratio:.95}.hero-object-caption{justify-content:space-between;gap:12px;padding:18px 0 0;font-size:12px;display:flex}.hero-object-caption>span:first-child{flex-direction:column;gap:6px;display:flex}.hero-object-caption strong{font-weight:500}.hero-volume{color:var(--muted-foreground);align-self:end;font-size:11px}.hero-scene-tools{z-index:10;background:#fffafae6;border-radius:28px;gap:2px;padding:2px;display:flex;position:absolute;top:12px;right:12px}.hero-scene-tools .icon-button{width:44px;height:44px}.hero:has(.hero-experience) .hero-photo{aspect-ratio:auto;z-index:auto;background:0 0;border-radius:0;max-height:none;overflow:visible;transform:none!important}.hero:has(.hero-experience) .hero-visual{isolation:auto;perspective:none}.hero:has(.hero-experience) .hero-photo:after{display:none}.hero:has(.hero-experience) .hero-photo img{border-radius:0}.hero:has(.hero-experience) .hero-curve{display:none}.hero:has(.hero-experience) .hero-flower{z-index:8;width:70px;height:70px;bottom:65px}.product-experience{min-width:0}.experience-mode{border:1px solid var(--border);border-radius:6px;gap:5px;width:fit-content;margin-bottom:12px;padding:5px;display:flex}.experience-mode button{letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-radius:4px;min-height:44px;padding:0 18px;font-size:11px}.experience-mode button[aria-pressed=true]{background:var(--primary);color:#fff}.experience-mode button:disabled{opacity:.5}.experience-mode button span{margin-left:8px}.product-three-panel[hidden],.product-experience>div[hidden]{display:none}.scene-product{aspect-ratio:.9}.scene-tool-row{z-index:10;justify-content:center;align-items:center;gap:8px;margin:12px auto;display:flex;position:relative}.tool-divider{border-left:1px solid var(--border);height:18px}.scene-actions{z-index:10;flex-wrap:wrap;gap:8px;display:flex;position:relative}.scene-pill{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:0 0;border:1px solid #d7bdc7;border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:11px;display:inline-flex}.scene-pill[aria-pressed=true]{background:#ead2dc;border-color:#b8899d}.ritual-experience{background:#f5e8e9;padding:65px 0;position:relative}.routine-section-heading h2{white-space:pre-line;max-width:560px;margin:15px 0;font-size:clamp(32px,4vw,58px)}.routine-section-heading>p:last-child{max-width:330px;color:var(--muted-foreground);font-size:13px;line-height:1.8}.skip-ritual{align-items:center;gap:10px;width:fit-content;min-height:44px;margin:20px 20px 30px auto;font-size:11px;display:flex}.routine-stage,.routine-canvas-wrap{position:relative}.scene-routine{height:340px}.routine-poster-products{align-items:center;gap:12px;height:100%;padding:30px 20px;display:flex}.routine-poster-products img{object-fit:cover;border-radius:100px 100px 0 0;width:calc(33.3333% - 8px);height:auto}.routine-counter{z-index:10;font-variant-numeric:tabular-nums;font-size:22px;position:absolute;top:18px;left:18px}.routine-counter span{opacity:.65;font-size:12px}.ritual-copy-list{padding:0;list-style:none}.ritual-copy-list li{border-bottom:1px solid #dfc8d0;padding:28px 0}.ritual-copy-list h3{margin:10px 0;font-size:30px}.ritual-copy-list p{max-width:320px;color:var(--muted-foreground);font-size:13px;line-height:1.8}.ritual-copy-list .text-link{align-items:center;gap:15px;min-height:44px;margin-top:8px;font-size:12px;display:inline-flex}.ritual-experience[data-interactive=true] .routine-stage{background:#f5e8e9;min-height:610px;padding-top:12px;padding-bottom:20px}.ritual-experience[data-interactive=true] .ritual-copy-list{min-height:220px;margin:0;position:relative}.ritual-experience[data-interactive=true] .ritual-copy-list li{opacity:0;visibility:hidden;transition:opacity .25s ease, transform .4s var(--ease), visibility .25s;border:0;position:absolute;inset:0;transform:translateY(10px)}.ritual-experience[data-interactive=true] .ritual-copy-list li.current{opacity:1;visibility:visible;transform:none}.routine-markers{gap:7px;margin-top:5px;display:flex}.routine-markers span{background:#d8bfc8;flex:1;height:2px}.routine-markers button{background:0 0;border:0;flex:1;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.routine-markers button[aria-pressed=true] span{background:#543345}.vanity-shelf{background:#f7efed;margin:30px 0 45px;padding-top:26px}.vanity-heading{padding:0 20px 20px}.vanity-heading h2{max-width:620px;margin:10px 0;font-size:clamp(25px,3vw,40px)}.vanity-heading>p:last-child{color:var(--muted-foreground);max-width:340px;font-size:12px;line-height:1.7}.scene-shelf{background:#efdcdb;height:320px}.shelf-poster{justify-content:center;align-items:center;gap:9px;height:100%;padding:25px;display:flex;overflow:hidden}.shelf-poster img{border-radius:100px 100px 0 0;width:23%;height:auto}.shelf-poster img:nth-child(n+4){display:none}.shelf-selection{justify-content:center;align-items:center;gap:8px;padding:15px 12px 0;display:flex}.shelf-product-copy{text-align:center;flex-direction:column;flex:1;gap:7px;min-width:0;max-width:300px;display:flex}.shelf-product-copy strong{font-size:15px;font-weight:500}.shelf-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 18px 18px;display:flex}.shelf-footer .text-link{align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex}.shelf-dots{flex-wrap:wrap;justify-content:center;max-width:100%;display:flex}.shelf-dots button{background:0 0;border:0;place-content:center;min-width:28px;min-height:32px;padding:0;display:grid}.shelf-dots button span{background:#ccb0bc;border-radius:50%;width:7px;height:7px}.shelf-dots button[aria-pressed=true] span{background:var(--primary);transform:scale(1.3)}.vanity-shelf .scene-disclaimer{padding:0 20px 20px}.cart-flight{z-index:85;pointer-events:none;will-change:transform, opacity;background:#f3e4e7;border-radius:15px;position:fixed;overflow:hidden;box-shadow:0 5px 22px #54334520}.cart-flight img{object-fit:cover;width:100%;height:100%}@media (width>=768px){.hero-experience .scene-hero{aspect-ratio:auto;height:clamp(420px,58vh,560px)}.hero:has(.hero-experience) .hero-flower{width:110px;height:110px}.hero-object-caption{font-size:15px}.tilt-control{display:none}.ritual-experience{padding-block:90px}.skip-ritual{margin-right:max(40px,50vw - 660px)}.routine-stage{grid-template-columns:1.25fr 1fr;align-items:center;gap:65px;display:grid}.scene-routine{height:min(60vh,620px)}.ritual-experience[data-interactive=true] .routine-stage{min-height:min(80vh,730px)}.ritual-experience[data-interactive=true] .ritual-copy-list{min-height:260px}.ritual-copy-list h3{font-size:48px}.routine-markers{width:calc(40% - 65px);position:absolute;bottom:30px;right:60px}.routine-counter{font-size:30px;top:25px;left:30px}.scene-shelf{height:420px}.vanity-heading{grid-template-columns:1fr 1fr;gap:8px 40px;padding:20px 35px 25px;display:grid}.vanity-heading .eyebrow{grid-column:1/-1}.vanity-heading>p:last-child{place-self:center end}.shelf-poster{gap:25px}.shelf-poster img{width:15%}.shelf-poster img:nth-child(n+4){display:block}.shelf-footer{padding-inline:35px}.shelf-dots button{min-width:44px}.scene-product{aspect-ratio:.9}}@media (prefers-reduced-motion:reduce){.scene-poster,.ritual-copy-list li{transition:none!important}}
