/* Phasè / botanical light, continuous editorial experience */
:root{--ink:#423e38;--muted:#726b62;--air-rose:rgba(215,166,155,.25);--air-violet:rgba(173,153,198,.24);--air-sage:rgba(158,183,158,.22)}
body{overflow-x:clip}main{overflow:clip}header .brand img,footer img{mix-blend-mode:multiply}header .brand{width:150px}nav a{font-size:14px}nav a span,.eyebrow{font-size:12px}.english{font-size:14px}.footnote{line-height:1.9;color:#756e64}.section-heading>p{font-size:16px}.botanical-air{position:absolute;pointer-events:none;z-index:-1;width:340px;height:440px;object-fit:contain;opacity:.32;filter:blur(.2px);animation:botanical-breath 13s ease-in-out infinite alternate;transform-origin:50% 85%;mix-blend-mode:multiply}.air-left{left:-110px;top:30%}.air-right{right:-130px;bottom:-90px;animation-delay:-7s}.philosophy .botanical-air{width:380px;left:4%;top:40%;opacity:.3}.crystal .botanical-air{right:-95px;top:0;opacity:.2}.quiz .botanical-air{left:-110px;bottom:-60px;top:auto;opacity:.19}.final .botanical-air{right:-30px;bottom:-100px;width:390px;opacity:.28}.ritual .botanical-air{left:auto;right:-130px;top:-140px;opacity:.25}.scent .botanical-air{z-index:0;top:auto;bottom:-150px;left:auto;right:-100px;opacity:.24;width:330px}.scent-copy{position:relative;z-index:1}
main>section:not(.hero):not(.pet):not(.story-phases):not(.story-balance)::after{background:linear-gradient(115deg,transparent 22%,#fffdf29c 46%,transparent 68%);background-size:210% 160%;opacity:.68;animation:quiet-light 16s ease-in-out infinite alternate}
.hero{min-height:690px;height:calc(100svh - 100px)}.hero-copy{padding-top:clamp(45px,6vh,95px);width:41%}.hero h1{font-size:clamp(36px,3.45vw,57px);line-height:1.52}.hero-image img{object-position:60% center}.hero-en{font-size:14px}.hero-note{font-size:16px}.hero .light{inset:-12%;background:linear-gradient(115deg,transparent 30%,#fff8d766 45%,transparent 60%);animation:essence-light 17s ease-in-out infinite alternate;mix-blend-mode:soft-light}.hero-foot{font-size:12px}.hero-image{transform:translate3d(0,var(--parallax,0px),0);will-change:transform}.hero .button small{font-size:12px}.philosophy{padding-bottom:155px}.philosophy-story{position:relative}.philosophy-subtitle{font-size:12px}
/* The three thresholds, open to the same home. */
.portals{border:0;gap:4%;padding-top:28px;align-items:start}.portal{height:570px;border:0!important;overflow:visible;transition:transform 1.4s}.portal:nth-child(2){margin-top:60px}.portal:nth-child(3){margin-top:18px}.portal-scene{position:absolute;inset:0 0 155px;overflow:hidden;border-radius:48% 48% 2px 2px;mask-image:linear-gradient(#000 78%,transparent)}.portal-scene img{object-position:27% center;transition:transform 2.8s,filter 2s;transform:scale(1.04)}.portal:hover .portal-scene img,.portal:focus-visible .portal-scene img{transform:scale(1.075) translateY(-3px);filter:brightness(1.04)}.portal:before{inset:20% -12% 4%;z-index:0;mix-blend-mode:soft-light;opacity:.55;animation:portal-light 13s ease-in-out infinite alternate}.portal:nth-child(2):before{animation-delay:-5s}.portal-title{left:14px;bottom:20px;z-index:1}.portal-title>span{font-size:24px;letter-spacing:.03em}.portal-title h3{font-size:25px;margin:7px 0 12px}.portal-title p{font-size:16px;margin-bottom:8px}.portal-title small{font-size:13px}.portal-no{top:26px;left:26px;font-size:12px;z-index:2;color:#51483e}.portal-arrow{bottom:30px;right:10px}.energy>.footnote{margin-top:38px}
/* Full-bleed fragrance chapters with readable text in photographic negative space. */
#scents>.scent{min-height:960px;padding:105px 7%}.scent-copy{width:34%;max-width:500px}.scent-photo img{object-position:38% center}.scent-copy>p:not(.eyebrow):not(.scent-lead):not(.chapter-name){font-size:16px}.scent-copy dl{gap:20px}.scent-copy dt,.scent-copy dt small{font-size:12px}.scent-copy dd{font-size:16px}.scent-copy dd small{font-size:12px;color:#756b60}.scent-copy .text-link{font-size:14px}.scent-photo:after{animation-duration:18s;background-size:240% 140%}.scent-copy .chapter-name{font-size:clamp(34px,3.6vw,60px)!important}.scent-copy .eyebrow{font-size:12px}.scent-photo>span{font-size:12px}.scent-lead{font-size:26px}.scent-photo img{transition:filter 2s}.scent:hover .scent-photo img{filter:brightness(1.025)}
.pet{min-height:820px;display:flex;padding:100px 7%;overflow:hidden}.pet-photo{position:absolute;inset:0;z-index:-2;aspect-ratio:auto}.pet-photo img{object-position:center;mask-image:linear-gradient(transparent,#000 14%,#000 85%,transparent)}.pet:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 30%,#f6f3ed77 55%,#f6f3edf0 82%);pointer-events:none}.pet-copy{margin-left:60%;padding:0;width:40%;max-width:520px}.pet-copy h2{font-size:44px}.pet-copy .english{font-size:14px}
/* Botanical editorial: image, hairlines and names; never ingredient bubbles. */
.botanical-editorial{position:relative;display:grid;grid-template-columns:.85fr 1.4fr;gap:5%;align-items:center;min-height:660px}.botanical-specimen{position:relative;height:650px}.botanical-specimen img{object-fit:contain;mix-blend-mode:multiply;animation:botanical-breath 16s ease-in-out infinite alternate;filter:drop-shadow(0 20px 18px #71644812)}.botanical-specimen:after{content:"";position:absolute;left:53%;right:-12%;top:56%;height:1px;background:#9c958866}.botanical-specimen span{position:absolute;bottom:8%;left:10%;font:12px Arial;letter-spacing:.18em}.botanical-layout{display:block;padding:0}.botanical-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.plant{padding:15px 0;text-align:left;background:transparent;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #ada49045}.plant strong{font-size:19px;font-weight:400}.plant small{font-size:12px}.plant[aria-pressed=true]{color:#666f54}.plant:hover{transform:translateX(4px)}.botanical-detail{border-left:0;padding:36px 0 0;min-height:300px}.botanical-detail h3{font-size:32px}.botanical-detail .eyebrow{margin-bottom:10px}.botanical-detail p{margin-bottom:12px}.botanical-detail>small{font-size:12px;display:block;margin-top:18px}.botanical-detail .text-link{font-size:14px}.plant-en{font-size:16px}.botanical-specimen{transition:filter 1.5s,transform 1.5s}.botanical-editorial[data-plant="1"] .botanical-specimen{filter:sepia(.08);transform:translateY(-5px)}
/* Three questions, one sensory ritual. */
.quiz{gap:8%;align-items:center;overflow:visible}.quiz:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 60%,var(--air-rose),transparent 55%),radial-gradient(ellipse at 75% 30%,var(--air-violet),transparent 50%),radial-gradient(ellipse at 70% 85%,var(--air-sage),transparent 55%);background-size:150% 140%;animation:quiet-light 20s ease-in-out infinite alternate;transition:filter 1.5s,opacity 1.5s}.quiz[data-energy=abundance]:before{--air-rose:rgba(215,146,133,.43);--air-violet:rgba(173,153,198,.07);--air-sage:rgba(158,183,158,.07)}.quiz[data-energy=peace]:before{--air-rose:rgba(215,146,133,.06);--air-violet:rgba(173,153,198,.44);--air-sage:rgba(158,183,158,.08)}.quiz[data-energy=release]:before{--air-rose:rgba(215,146,133,.08);--air-violet:rgba(173,153,198,.07);--air-sage:rgba(158,183,158,.43)}.quiz-panel{padding:42px 40px;background:#fffdf733;border:1px solid #ffffff8c;box-shadow:0 12px 70px #76665506;backdrop-filter:blur(12px);min-height:520px}.quiz-panel h3{font-size:26px;line-height:1.7}.quiz-top{font-size:12px;letter-spacing:.15em}.answer{padding:20px 0;font-size:16px;background:none;transition:background 1s,padding .6s}.answer:hover,.answer:focus-visible{background:#fffdf655;padding-left:8px}.answer small{font-size:12px}.answer>span:first-child{font:italic 21px Georgia;color:#897969}.back,.restart{font-size:14px}.quiz-result .result-photo{height:220px;margin:-20px -18px 24px;mask-image:linear-gradient(#000 75%,transparent)}.result-photo img{object-position:24% 58%}.quiz-result .eyebrow{margin-bottom:10px;font-size:12px}.result-name{font:30px Georgia;letter-spacing:.06em;margin:0 0 12px}.quiz-result h3{font-size:26px;margin-bottom:15px}.quiz-result>p:not(.eyebrow):not(.result-name){font-size:16px}.quiz-result .english{font-size:14px!important}.quiz-result .text-link{display:grid;grid-template-columns:1fr auto;gap:0 30px;font-size:14px}.quiz-result .text-link small{grid-column:1/-1;font-size:12px;letter-spacing:.12em}.quiz-result{animation:ritual-arrive .9s ease both}
/* Product materials, details and a close study of the crystal. */
.product-layout{grid-template-columns:1.2fr 1fr;gap:11%;align-items:center}.product-visual{position:relative;aspect-ratio:1;overflow:visible;margin-bottom:100px}.product-visual>img{object-fit:cover;object-position:26% center;mask-image:linear-gradient(transparent,#000 10%,#000 86%,transparent)}.material-study{position:absolute;right:-8%;bottom:-90px;width:46%;height:270px;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent)}.material-study img{width:250%;max-width:none;height:220%;object-fit:cover;transform:translate(-27%,-36%);mask-image:none}.material-study span{position:absolute;bottom:25px;left:10px;font:12px Arial;letter-spacing:.12em;white-space:nowrap}.product-info p{font-size:16px}.product-spec{font-size:14px}.product-tabs button{font-size:16px}.product-info .footnote{font-size:12px}.steps{gap:4%;margin-top:70px}.steps>div{padding-top:30px}.steps span{font:42px Georgia;color:#988671}.steps h3{font-size:18px;margin-top:28px}.steps p{font-size:14px;line-height:1.8}.final{overflow:visible}.final-links small{font-size:12px}.information summary{font-size:16px}.faqs details p{font-size:16px}
/* The journal shares the living light and the real product imagery. */
.story-page .story-hero-photo img{object-position:73% center}.story-page .story-hero h1{font-size:clamp(32px,3.6vw,60px);line-height:1.28;letter-spacing:-.015em}.story-page .light-interlude{height:560px}.light-interlude img{position:absolute;inset:0;object-position:center;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.light-interlude>span{position:relative;z-index:1;margin-left:45%}.story-page .light-study{height:580px}.light-study img{object-position:30% center;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.light-study span{position:absolute;right:5%;bottom:30px;font-size:22px}.light-garden img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply}.story-page .phase-photo img{object-position:25% center}.story-page .phase-copy{padding-inline:2%}.story-page .botanical-air{opacity:.22}.story-page .story-opening .botanical-air{left:-80px;top:55%}
@keyframes botanical-breath{from{transform:translate3d(0,0,0) rotate(-1deg)}to{transform:translate3d(7px,-9px,0) rotate(1deg)}}
@keyframes essence-light{from{transform:translateX(-9%);opacity:.3}to{transform:translateX(12%);opacity:.75}}
@keyframes portal-light{from{opacity:.3;transform:translateY(5px)}to{opacity:.8;transform:translateY(-5px)}}
@keyframes ritual-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:721px) and (max-width:1200px){.hero-copy{width:43%}.hero h1{font-size:38px}.portal{height:480px}.portal-scene{bottom:170px}.portal-title>span{font-size:20px}.portal-title h3{font-size:24px}.portal-title p{font-size:14px}#scents>.scent{padding:0 0 80px;min-height:0}.scent-copy{width:82%;max-width:none;columns:2;margin:auto}.scent-photo{height:620px}.scent-copy dl{margin-top:0}.botanical-editorial{grid-template-columns:.65fr 1.4fr;gap:4%}.botanical-specimen{height:480px}.quiz{gap:5%}.quiz-panel{padding:28px}.pet{min-height:650px}.pet-copy{margin-left:52%;width:48%}.pet-copy h2{font-size:36px}.product-layout{gap:8%}.material-study{height:190px}.steps h3{font-size:16px}}
@media(max-width:720px){header .brand{width:128px}.hero{height:auto;min-height:0;padding-bottom:440px}.hero-copy{width:100%;padding:36px 7% 15px}.hero h1{font-size:34px;line-height:1.5;margin-bottom:20px}.hero .hero-en{font-size:12px;margin-bottom:14px}.hero-note{font-size:14px}.hero-image{height:470px;bottom:0;transform:none!important}.hero-image img{object-position:76% center;mask-image:linear-gradient(transparent,#000 12%,#000 89%,transparent)}.hero-foot{font-size:12px;padding:15px 7%;bottom:0}.hero-foot>span:first-child{display:none}.hero .button{width:235px}.philosophy .botanical-air{left:-160px;top:12%;width:330px;opacity:.18}.portals{display:grid;grid-template-columns:1fr;gap:38px}.portal,.portal:nth-child(2),.portal:nth-child(3){height:510px;margin:0;width:100%;max-width:420px}.portal:nth-child(2){margin-left:auto}.portal-scene{inset:0 0 150px;border-radius:45% 45% 0 0}.portal-title{left:15px;bottom:16px}.portal-title h3{display:inline-block;margin:0 0 0 14px}.portal-title>span{font-size:24px}.portal-title p{margin-top:13px;font-size:16px}.portal-title small{font-size:13px}.portal-no{left:28px;top:26px}.portal-arrow{right:20px;bottom:25px}.energy>.footnote{font-size:12px}#scents>.scent{min-height:0;padding:0 0 70px}.scent-copy{width:100%;max-width:none;margin:0;padding:16px 8% 30px}.scent-photo,.reverse .scent-photo{height:clamp(340px,105vw,580px)}.scent-photo img{object-position:24% center}.scent-copy .chapter-name{font-size:40px!important}.scent-copy .eyebrow{font-size:12px}.scent-copy dd,.scent-copy>p:not(.eyebrow):not(.scent-lead):not(.chapter-name){font-size:16px}.scent-copy dd small,.scent-copy dt small{font-size:12px}.scent .botanical-air{opacity:.17;bottom:-150px;right:-180px}.scent-photo>span{font-size:12px}.pet{display:block;padding:390px 8% 75px;min-height:0}.pet-photo{height:480px;bottom:auto}.pet-photo img{object-position:35% center}.pet:before{background:linear-gradient(transparent 260px,#f6f3ed88 390px,var(--ivory) 500px)}.pet-copy{width:100%;margin:0;position:relative;max-width:none}.pet-copy h2{font-size:34px}.botanical-editorial{display:block}.botanical-specimen{height:340px;margin:-20px 0 5px}.botanical-specimen img{width:100%;object-position:center}.botanical-specimen:after{left:55%;right:0;top:64%}.botanical-specimen span{bottom:10px;left:0}.botanical-list{gap:0 22px}.plant strong{font-size:18px}.plant small{font-size:12px}.botanical-detail{padding-top:30px;min-height:290px}.quiz{gap:35px}.quiz-panel{padding:26px 20px;min-height:490px;margin-inline:-6px}.quiz-panel h3{font-size:23px}.quiz-intro p{font-size:16px}.quiz-result .result-photo{height:220px;margin:-12px -10px 20px}.result-name{font-size:28px}.quiz .botanical-air{opacity:.13}.product-layout{display:block}.product-visual{margin:0 -6% 100px;aspect-ratio:1.1}.material-study{height:210px;right:3%;width:43%;bottom:-70px}.material-study span{font-size:12px}.product-info{margin-top:30px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px}.steps span{font-size:36px}.steps h3{font-size:16px}.steps p{font-size:13px}.final-links{gap:20px}.final-links>a{font-size:20px}.final-links small{font-size:12px;letter-spacing:0}.final .botanical-air{right:-180px;opacity:.18}.story-page .story-hero h1{font-size:32px;margin-right:0}.story-page .story-hero-photo{aspect-ratio:1}.story-page .light-interlude{height:370px}.light-interlude>span{font-size:12px;margin:0;align-self:end;bottom:30px}.story-page .light-study{height:400px}.story-page .phase-copy{padding:35px 8%}.story-page .story-opening .botanical-air{display:none}.air-right{right:-190px}.air-left{left:-200px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{transform:none!important}html{scroll-behavior:auto}}
/* Each fragment is a close botanical study, not a repeated whole bouquet. */
.botanical-air{background-image:url('/assets/botanical-air.png');background-size:250% auto;background-repeat:no-repeat;background-position:0 0;mask-image:radial-gradient(ellipse at center,#000 22%,transparent 72%)}
.philosophy .botanical-air{background-position:0 0}.crystal .botanical-air{background-position:90% 100%}.quiz .botanical-air{background-position:65% 48%}.ritual .botanical-air{background-position:100% 0}.final .botanical-air{background-position:0 8%}#abundance .botanical-air{background-position:100% 0}#peace .botanical-air{background-position:70% 48%}#release .botanical-air{background-position:0 15%}.portal-scene img{z-index:0;opacity:1}.story-page .botanical-air{background-position:0 10%}
/* Hero / jasmine in light — bottle-only campaign, feathered into philosophy. */
.luxury-home .hero{background:#f7f7f4;overflow:visible;z-index:1}
.luxury-home .hero-image{overflow:hidden;inset:0 0 -95px;height:auto;transform:none;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.78) 83%,transparent 100%)}
.luxury-home .hero-image img{object-fit:cover;object-position:62% center;mask-image:none}
.luxury-home .hero-image:after{background:linear-gradient(90deg,#f7f7f480,transparent 46%);pointer-events:none}
.luxury-home .hero .light{inset:0;background:linear-gradient(112deg,transparent 25%,#ffffffaa 48%,transparent 72%);opacity:.35;animation:essence-light 18s ease-in-out infinite alternate;mix-blend-mode:soft-light}
.luxury-home .hero:after{content:"";position:absolute;bottom:-96px;left:0;right:0;height:230px;background:linear-gradient(180deg,transparent,var(--ivory) 95%);pointer-events:none;z-index:-1}
.luxury-home .hero-foot{z-index:2;background:none;border:0;color:#77766c}
.luxury-home .philosophy{padding-top:175px;background:linear-gradient(180deg,var(--ivory),#f8f5ee 60%,var(--ivory))}
@media(max-width:720px){.luxury-home .hero{padding-bottom:480px}.luxury-home .hero-image{top:auto;bottom:-70px;height:565px;left:0;right:0;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 72%,transparent 100%)}.luxury-home .hero-image img{object-position:77% center;object-fit:cover}.luxury-home .hero-image:after{background:none}.luxury-home .hero:after{bottom:-71px;height:150px}.luxury-home .hero-copy{z-index:2}.luxury-home .hero-foot{bottom:-10px}.luxury-home .philosophy{padding-top:110px}}
@media(min-width:721px){.luxury-home .hero{background:linear-gradient(180deg,#f7f7f4 0%,#f7f7f4 65%,var(--ivory) 100%)}.luxury-home .hero-image{bottom:0;height:100%;mask-image:linear-gradient(to bottom,#000 0%,#000 77%,rgba(0,0,0,.75) 89%,transparent 100%)}.luxury-home .hero-image img{object-position:62% 45%}}