@font-face{font-family:Editorial;src:local('Bodoni 72'),local('Bodoni MT'),local('Didot');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8edf0;color:#152733;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #758b9e;outline-offset:5px}header{position:fixed;z-index:30;top:0;width:100%;height:100px;padding:0 4.5%;display:flex;align-items:center;gap:30px;background:linear-gradient(#e8edf0df,#e8edf000)}.logo{font:25px Georgia,serif;letter-spacing:.07em}.logo span{display:block;font:8px Arial,sans-serif;letter-spacing:.15em;margin-top:7px}header nav{display:flex;gap:34px;margin:auto;font-size:11px}.header-right{display:flex;gap:25px;align-items:center}.header-right button{background:none;border:0;font-size:10px;color:#596873}.shop{font-size:11px;border-bottom:1px solid #8b99a0;padding:10px 0}.shop span{margin-left:20px}.skip{position:fixed;left:20px;top:-100px;z-index:99;background:white;padding:15px}.skip:focus{top:10px}.eyebrow{font-size:9px;letter-spacing:.2em;line-height:1.8;font-weight:600}h1,h2,p{margin-top:0}h2{font-weight:400;font-size:clamp(32px,4.2vw,70px);line-height:1.4;letter-spacing:-.055em}em{font-family:Editorial,Georgia,'Batang',serif;font-weight:400}p{font-size:13px;line-height:1.95;color:#536570}.journey{height:1400vh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#e8edf0}#webgl{position:absolute;inset:0}#webgl canvas{display:block;width:100%;height:100%}.stage-grain{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 30%,#f4f6f81c 100%)}.hero-copy{position:absolute;left:7%;top:23%;width:33%;will-change:opacity,transform}.hero-copy .eyebrow{margin-bottom:24px}h1{font-family:Editorial,Georgia,serif;font-weight:400;font-size:clamp(65px,7.7vw,132px);line-height:.94;letter-spacing:-.06em;margin-bottom:30px}.hero-korean{font-size:16px;line-height:1.7;color:#344754}.circle-link{display:inline-flex;align-items:center;gap:17px;font-size:11px;margin-top:14px}.circle-link span{width:42px;height:42px;border:1px solid #91a1ab;border-radius:50%;display:grid;place-items:center;font-size:17px}.hero-aside{position:absolute;right:5%;top:46%;width:16%;font-size:11px}.hero-aside p{font-size:11px}.fine-line{width:45px;height:1px;background:#8397a4;display:block;margin-bottom:23px}.hero-aside .eyebrow{font-size:8px;color:#83939c;display:block;margin-top:35px}.story-copy{position:absolute;left:8%;top:29%;width:31%;max-width:460px;opacity:0;visibility:hidden;will-change:opacity,transform}.story-copy .eyebrow{font-size:9px;margin-bottom:25px;color:#627f92}.story-copy h2{font-size:clamp(35px,4.3vw,70px);line-height:1.3;margin-bottom:25px}.story-copy>p:not(.eyebrow){max-width:340px;font-size:13px;line-height:1.9}.story-copy em{font-style:normal;color:#69828f}#ingredient-names{display:flex;flex-direction:column;gap:9px;margin-top:27px;font-size:10px;color:#536d7a}#ingredient-names span:before{content:'—';margin-right:10px;color:#97a9b4}#story-actions{margin-top:25px;display:flex;gap:25px;align-items:center}#story-actions a{font-size:11px;padding:13px 22px;background:#1c3645;color:white;border-radius:1px}#story-actions button{background:none;border:0;border-bottom:1px solid #96a7b1;font-size:10px;padding:9px 0}.scene-note{position:absolute;right:6%;top:38%;display:flex;flex-direction:column;gap:9px;width:140px;opacity:0;pointer-events:none}.scene-note-line{height:1px;background:#738e9c88;width:45px}.scene-note>span:not(.scene-note-line){font-size:10px;letter-spacing:.04em}.scene-note small{font-size:9px;line-height:1.7;color:#6a8190}.chapter-index{position:absolute;right:5%;bottom:17%;opacity:.7}#chapter-no{font:italic 47px Georgia,serif}#chapter-total{font-size:10px;margin-left:8px}.stage-bottom{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.scroll-label{font-size:8px;letter-spacing:.14em;display:flex;gap:12px;align-items:center}.scroll-line{display:inline-block;height:33px;width:1px;background:linear-gradient(#415c6c,transparent)}.timeline{display:flex;gap:30px}.timeline button{position:relative;background:none;border:0;padding:10px 0 15px;font-size:9px;letter-spacing:.1em;color:#78909e;border-bottom:1px solid #b5c2c9;min-width:85px;text-align:left}.timeline button span{margin-right:10px;font-size:8px}.timeline button.active{color:#193644}.timeline button i{position:absolute;left:0;bottom:-1px;height:1px;background:#243f50;width:0}#skip-story{font-size:10px;background:none;border:0;padding:12px 0}.journey-progress{position:absolute;bottom:0;height:2px;width:100%;background:#d4dfe5}.journey-progress i{display:block;height:100%;background:#617e90;width:0}.experience-anchor{position:absolute;top:110vh;scroll-margin-top:0}#load-status{position:absolute;right:5%;top:105px;font-size:10px;color:#6d7f8b}#scene-fallback{position:absolute;inset:16% 10% 15% 43%}#scene-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.manifesto{padding:120px 8% 70px;background:#f4f5f3}.manifesto>.eyebrow{margin-bottom:60px}.manifesto-main{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:center}.manifesto h2{font-size:clamp(34px,4vw,60px)}.manifesto-main p{font-size:13px}.text-link{display:inline-block;font-size:11px;padding:12px 0;border-bottom:1px solid #80949f;margin-top:10px}.research-strip{border-top:1px solid #cdd5d8;margin-top:70px;padding-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:25px}.research-strip>span{font-size:8px;letter-spacing:.12em;line-height:2.7;color:#7c8b94}.research-strip b{font-weight:400;letter-spacing:0;color:#304754;font-size:13px}.research-strip a{font-size:11px;display:flex;align-items:center;justify-content:space-between}.collection{padding:110px 7%;background:white}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.collection-heading h2{font-size:clamp(32px,3.4vw,54px);margin-bottom:0}.collection-heading>p{font-size:12px}#products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card-photo{display:block;position:relative;aspect-ratio:.78;overflow:hidden;background:#f3f5f5}.card-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.card-photo:hover img{transform:scale(1.05)}.card-photo span{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:.1em;z-index:1}.card h3{font-weight:400;font-size:15px;line-height:1.6;margin-bottom:12px}.card .english{font-size:8px;line-height:1.6;letter-spacing:.08em;min-height:27px;margin:21px 0 9px;color:#8c9aa2}.card .ingredient{font-size:10px;color:#728693;min-height:38px}.card-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce2e6;padding-top:15px}.card-actions button,.card-actions a{border:0;background:none;font-size:10px;padding:0}.brand-end{padding:100px 8%;text-align:center;background:#dce5e9}.brand-end h2{font-size:clamp(30px,3.8vw,58px)}footer{background:#f0f3f3;padding:65px 7% 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}footer p,footer a{font-size:10px;line-height:1.8}footer .logo{font-size:26px}footer small{grid-column:1/-1;border-top:1px solid #cdd7db;padding-top:22px;font-size:9px;color:#7b8c95;line-height:1.8}dialog{width:90%;max-width:770px;max-height:85vh;border:0;padding:55px;background:#f5f6f5;color:#243c49}dialog::backdrop{background:#0d2536aa;backdrop-filter:blur(8px)}dialog h2{font-size:26px}dialog .full{font-size:12px;line-height:2.1}dialog .close{position:absolute;top:15px;right:20px;background:none;border:0;font-size:28px}.formula-photo{float:right;width:140px;mix-blend-mode:multiply;margin:0 0 20px 25px}.reduced .journey{height:110svh}.reduced .timeline{display:none}.reduced .hero-copy{opacity:1!important;visibility:visible!important}.reduced .story-copy{display:none!important}.reduced .experience-anchor{top:0}
@media(max-width:800px){header{height:78px;padding:0 6%;gap:15px}.logo{font-size:21px}.logo span{font-size:7px}header nav{display:none}.header-right{margin-left:auto;gap:15px}.header-right button{font-size:8px}.shop{font-size:9px}.shop span{margin-left:10px}.journey{height:1600vh}.hero-copy{left:7%;top:16%;width:70%}.hero-copy .eyebrow{font-size:7px;margin-bottom:18px}h1{font-size:70px;line-height:.95;margin-bottom:17px}.hero-korean{font-size:12px;line-height:1.6}.hero-copy .circle-link{font-size:9px;gap:10px;margin-top:4px}.circle-link span{width:32px;height:32px}.hero-aside{display:none}.story-copy{left:8%;top:16%;width:82%;max-width:none}.story-copy .eyebrow{font-size:8px;margin-bottom:12px}.story-copy h2{font-size:34px;line-height:1.25;margin-bottom:13px}.story-copy>p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:300px}#ingredient-names{flex-direction:row;flex-wrap:wrap;gap:6px 12px;margin-top:15px;font-size:9px}#ingredient-names span:before{margin-right:5px}#story-actions{margin-top:14px;gap:20px}#story-actions a{padding:10px 15px;font-size:10px}#story-actions button{font-size:9px}.scene-note{right:8%;top:60%;width:85px}.scene-note>span:not(.scene-note-line){font-size:8px}.scene-note small{font-size:8px}.chapter-index{bottom:16%;right:7%}#chapter-no{font-size:30px}.stage-bottom{bottom:22px;left:7%;right:7%;flex-wrap:wrap;gap:15px}.timeline{width:100%;gap:15px;order:3;justify-content:space-between}.timeline button{min-width:0;flex:1;font-size:7px;padding:6px 0 9px}.timeline button span{font-size:7px;margin-right:5px}.scroll-label{font-size:6px}.scroll-line{height:15px}#skip-story{font-size:8px;padding:0}.manifesto{padding:75px 8% 45px}.manifesto>.eyebrow{margin-bottom:30px}.manifesto-main{grid-template-columns:1fr;gap:20px}.manifesto-main p{font-size:12px}.research-strip{grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.research-strip b{font-size:11px}.research-strip>span{font-size:7px}.research-strip a{font-size:10px}.collection{padding:70px 7%}.collection-heading{display:block;margin-bottom:35px}.collection-heading>p{font-size:11px;margin-top:20px}#products{grid-template-columns:1fr 1fr;gap:35px 18px}.card h3{font-size:12px}.card-photo span{font-size:6px;left:12px;top:12px}.card .english{font-size:7px}.card .ingredient{font-size:9px}.card-actions button,.card-actions a{font-size:9px}.brand-end{padding:70px 7%}footer{grid-template-columns:1fr;padding:45px 8%;gap:20px}dialog{padding:45px 25px}.formula-photo{width:100px}dialog h2{font-size:22px}#scene-fallback{inset:40% 12% 15% 12%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:800px){.scene-note{display:none}}
/* v6 — photographic art direction / continuous scroll choreography */
body{background:#f1f1e9;color:#283b33}.stage{background:radial-gradient(ellipse at 70% 45%,#fff 0%,#f3f3eb 50%,#e6e9df 100%)}header{background:linear-gradient(#f1f1e9ec,transparent);transition:color .5s,background .5s}.human-scene{position:absolute;inset:-3%;background:linear-gradient(90deg,#071e1680,transparent 70%),url('assets/dawn-ritual.webp') 60% center/cover;will-change:transform,opacity}#film{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.product-reveal{position:absolute;left:44%;width:49%;top:17%;height:68%;pointer-events:none;mix-blend-mode:multiply}.product-reveal img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;will-change:transform,opacity}.opening header{color:#fff;background:linear-gradient(#10231b65,transparent)}.opening .stage{color:#fff}.opening header button,.opening .hero-korean,.opening .hero-aside p,.opening .hero-aside .eyebrow,.opening .hero-copy>.eyebrow,.opening .timeline button{color:#f2f4eb}.opening .timeline button{border-color:#ffffff50}.opening .circle-link span{border-color:#ffffff70}.hero-copy{top:26%;width:52%;z-index:2}.hero-copy h1{font-size:clamp(70px,8vw,126px);letter-spacing:-.045em;line-height:1.04}.hero-korean{font-size:15px;line-height:1.9}.hero-aside{top:auto;bottom:22%;right:5%;width:18%;text-shadow:0 1px 8px #0008}.hero-aside .eyebrow{margin-top:20px}.story-copy{z-index:2}.scene-note{right:4%;top:23%;width:130px}.chapter-index{bottom:19%}.brand-end{position:relative;isolation:isolate;background:url('assets/dawn-ritual.webp') center 47%/cover;color:white;text-align:left;min-height:560px;display:flex;flex-direction:column;justify-content:center}.brand-end .end-shade{position:absolute;inset:0;background:linear-gradient(90deg,#152b24cf,#152b2410);z-index:-1}.brand-end p{color:#fff}.brand-end h2{max-width:600px}.brand-end .circle-link{align-self:flex-start}.manifesto{background:#f4f4ed}.brand-end .circle-link span{border-color:#ffffff80}.header-right{gap:18px}.header-right button{color:inherit}.scene-note small{color:#64746c}.story-copy em{color:#7c8c75}.reduced .human-scene{opacity:1!important;transform:none!important}.reduced #film,.reduced .product-reveal{display:none}.reduced .stage{color:#fff}.reduced .hero-korean,.reduced .hero-copy>.eyebrow{color:#fff}
@media(max-width:800px){.hero-copy{top:24%;width:87%}.hero-copy h1{font-size:64px}.human-scene{background-position:66% center;background-image:linear-gradient(90deg,#071e1680,#071e1610),url('assets/dawn-ritual.webp')}.hero-korean{font-size:12px;text-shadow:0 1px 8px #0006}.product-reveal{left:10%;width:80%;top:43%;height:40%}.header-right{gap:12px}.header-right .shop{display:none}.header-right button{font-size:9px}.brand-end{min-height:440px;background-position:68% center}.brand-end h2{font-size:33px;max-width:240px}.hero-copy .eyebrow{max-width:200px}.story-copy{top:15%}.story-copy h2{font-size:31px}.story-copy>p:not(.eyebrow){max-width:325px;font-size:11px}.chapter-index{bottom:18%}.journey{height:1300vh}}
/* v7 — nature / studio, one visual language */
:root{--ink:#253a43;--muted:#748891;--paper:#edf1f1}body{color:var(--ink);background:var(--paper)}.stage{background:radial-gradient(ellipse at 68% 40%,#ffffff 0%,#f1f4f3 42%,#dfe8ec 100%)}header{height:90px;background:linear-gradient(#eaf0f0eb,transparent)}.logo{font-size:23px;letter-spacing:.14em}.hero-copy{top:27%;left:7.5%;width:64%}.hero-copy h1{font-size:clamp(68px,6.6vw,105px);line-height:1.13;letter-spacing:-.045em;margin-bottom:23px}.hero-copy h1 em{font-size:.87em}.hero-copy .eyebrow{font-size:8px;letter-spacing:.24em;margin-bottom:31px}.hero-korean{font-size:14px;line-height:1.85}.hero-copy .circle-link{margin-top:23px}.human-scene{background-image:linear-gradient(90deg,#0b25216e,transparent 75%),url('assets/dawn-ritual.webp')}.hero-aside{right:6%;bottom:19%;width:15%}.hero-aside .fine-line{background:#ffffff88}.hero-aside p{font-size:10px}.hero-aside .eyebrow{display:none}.signature-intro{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.signature-copy{position:absolute;left:8%;top:28%;width:39%}.signature-copy h2{font-size:clamp(30px,3.3vw,53px);line-height:1.5;font-weight:400;margin:25px 0}.signature-copy h2 em{font-style:normal;color:#778b91}.signature-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#697e86}.signature-line{display:block;font-size:8px;letter-spacing:.18em;margin-top:34px;color:#819298}.signature-products{position:absolute;left:47%;top:22%;width:49%;height:56%;display:flex;align-items:end;mix-blend-mode:multiply;will-change:transform}.signature-products img{width:29%;object-fit:contain;margin-left:-4%;height:74%;filter:drop-shadow(0 14px 12px #40566a0d)}.signature-products img:first-child{width:30%;height:51%;margin-left:0;margin-bottom:6%}.signature-products img:nth-child(2){height:100%;z-index:2}.signature-products img:nth-child(3){height:85%;margin-bottom:3%}.signature-products img:nth-child(4){height:92%;margin-bottom:1%}.story-copy{width:36%;top:29%;left:8%}.story-copy h2{font-size:clamp(33px,3.7vw,58px);line-height:1.43;letter-spacing:-.055em}.story-copy em{color:#7c929c}.story-copy>p:not(.eyebrow){font-size:12px;line-height:2;max-width:330px}.story-copy .eyebrow{font-size:8px;letter-spacing:.17em;color:#748c98}.scene-note{top:auto;bottom:21%;right:6%;width:145px;opacity:.7}.scene-note-line{display:none}.scene-note>span:not(.scene-note-line){font-size:8px;letter-spacing:.11em}.scene-note small{font-size:8px}.chapter-index{display:none}.product-reveal{left:47%;width:43%;top:22%;height:58%}.timeline{gap:26px}.timeline button{min-width:75px;font-size:8px;letter-spacing:.12em}.stage-bottom{bottom:29px}.scroll-label{font-size:7px}.journey-progress{height:1px}.manifesto{background:#f5f5f0}.manifesto-main h2{font-size:clamp(33px,3.6vw,55px)}.collection{padding-top:100px;background:#fafbfa}.card-photo{background:#edf1f1}.collection-heading h2{font-size:clamp(32px,3.2vw,50px)}.brand-end{min-height:500px}.brand-end h2{font-weight:400;font-size:43px;letter-spacing:-.045em}.reduced .signature-intro{display:none}
@media(max-width:800px){header{height:78px}.logo{font-size:19px}.hero-copy{left:8%;top:24%;width:88%}.hero-copy h1{font-size:49px;line-height:1.18;letter-spacing:-.05em}.hero-copy h1 em{font-size:.9em}.hero-copy .eyebrow{font-size:6px;letter-spacing:.16em;margin-bottom:23px}.hero-korean{font-size:12px}.hero-copy .circle-link{margin-top:15px;font-size:9px}.human-scene{background-position:70% center}.signature-copy{left:8%;top:18%;width:84%}.signature-copy h2{font-size:29px;margin:16px 0}.signature-copy>p:not(.eyebrow){font-size:11px;line-height:1.9}.signature-line{font-size:7px;margin-top:20px}.signature-products{left:6%;width:90%;height:29%;top:52%}.signature-products img{height:74%}.story-copy{left:8%;top:16%;width:84%}.story-copy h2{font-size:30px;line-height:1.4;margin-bottom:15px}.story-copy>p:not(.eyebrow){font-size:11px;line-height:1.85;max-width:310px}.product-reveal{left:15%;width:70%;top:45%;height:36%}.stage-bottom{bottom:24px}.timeline{gap:16px}.timeline button{min-width:0;font-size:7px}.brand-end h2{font-size:31px}.scene-note{display:none}}
.experience-anchor{top:200vh}.opening .header-right{padding:7px 13px;background:#18322b38;border:1px solid #ffffff24;border-radius:30px;backdrop-filter:blur(12px)}.opening .header-right .shop{border-bottom-color:transparent}.signature-products{left:44%;width:52%;top:21%;height:57%;mix-blend-mode:normal}.signature-products img{width:43%;height:86%;margin-left:-16%;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.signature-products img:first-child{width:40%;height:62%;margin-left:-3%;margin-bottom:0}.signature-products img:nth-child(2){height:100%;margin-left:-13%}.signature-products img:nth-child(3){height:91%;margin-bottom:0}.signature-products img:nth-child(4){height:96%;margin-bottom:0}.signature-intro{background:radial-gradient(ellipse at 72% 52%,#fafbfb 0%,transparent 64%)}
@media(max-width:800px){.signature-products{left:4%;width:94%;top:51%;height:31%}.opening .header-right{padding:8px 10px;gap:10px}.header-right button{white-space:nowrap}.experience-anchor{top:180vh}}
.product-studio{position:absolute;inset:0;pointer-events:none;opacity:0}.product-studio canvas{display:block;width:100%;height:100%}.reduced .product-studio{display:none}
.signature-products{left:47%;width:44%;mix-blend-mode:multiply}.signature-products img{filter:brightness(1.025);mask-image:radial-gradient(ellipse at center,#000 38%,transparent 75%)}
@media(max-width:800px){.signature-products{left:4%;width:76%}}
/* v8 — a lit stage with a directed macro-to-wide camera path */
.stage{background:radial-gradient(ellipse at 68% 42%,#fbfdfd 0%,#edf3f3 46%,#d7e3e7 100%);transition:background 1s}.cinema-light{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;--beam-x:72%;--beam-rotation:-20deg;--beam-alpha:.5}.cinema-light:before{content:'';position:absolute;width:48%;height:140%;left:var(--beam-x);top:-25%;transform:translateX(-50%) rotate(var(--beam-rotation));background:linear-gradient(90deg,transparent,#ffffffaa 43%,#ffffffee 48%,#fff8 58%,transparent);filter:blur(35px);opacity:var(--beam-alpha)}.cinema-light i{position:absolute;inset:0;background:radial-gradient(ellipse at 71% 40%,transparent 24%,#5f7f8d17 100%)}.cinema-light b{position:absolute;left:44%;right:-10%;height:50%;top:63%;transform:rotate(-16deg);background:repeating-radial-gradient(ellipse at center,transparent 0 14%,#ffffff38 14.5% 15%,transparent 16% 28%);filter:blur(9px);opacity:.55}.studio-floor{position:absolute;left:47%;width:44%;height:6%;top:77%;border-radius:50%;background:radial-gradient(ellipse,#5c788c38,transparent 65%);filter:blur(8px);opacity:0;pointer-events:none}.product-reveal{perspective:900px}.product-reveal img{filter:brightness(1.025);mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}body[data-chapter=cream] .stage{background:radial-gradient(ellipse at 68% 44%,#fffcf6,#f1ece2 52%,#ddd9d0)}body[data-chapter=light] .stage{background:radial-gradient(ellipse at 69% 43%,#fafffd,#e6f0ed 52%,#d3e1dd)}body[data-chapter=homme] .stage{background:radial-gradient(ellipse at 70% 40%,#e9f0f1,#ccd9dd 56%,#9bb0ba)}body[data-chapter=homme] .cinema-light b{opacity:.2}body[data-chapter=cream] .cinema-light b{opacity:.1}.story-copy{max-width:480px}.story-copy h2{font-size:clamp(32px,3.5vw,55px)}.signature-products{perspective:900px}.reduced .cinema-light,.reduced .studio-floor{display:none}
@media(max-width:800px){.studio-floor{left:20%;width:65%;top:80%;height:4%}.cinema-light:before{width:70%;filter:blur(23px)}.story-copy h2{font-size:29px}.cinema-light b{left:0;top:66%}.story-copy>p:not(.eyebrow){max-width:310px}}
.phase-nav{position:absolute;left:8%;bottom:16%;display:flex;gap:0;opacity:0;visibility:hidden;z-index:4;border-bottom:1px solid #7b919b30}.phase-nav button{background:transparent;border:0;border-bottom:1px solid transparent;padding:11px 18px 11px 0;margin-right:17px;font-size:10px;color:#718a95;position:relative}.phase-nav button.active{color:#213c49;border-bottom-color:#213c49}.phase-nav button:before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-right:8px;opacity:.5}.phase-nav button.active:before{opacity:1}.reduced .phase-nav{display:none}.ritual-editorial{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;background:#e8eeeb}.ritual-photo{background:url('assets/dawn-ritual.webp') 81% center/cover;min-height:580px}.ritual-copy{padding:90px 12%;display:flex;flex-direction:column;justify-content:center}.ritual-copy h2{font-size:clamp(34px,3.5vw,55px);line-height:1.5;margin:28px 0}.ritual-copy h2 em{font-style:normal;color:#7e9389}.ritual-copy>p:not(.eyebrow){font-size:12px;line-height:2.1}.ritual-copy .text-link{align-self:flex-start}.ritual-caption{font-size:7px;letter-spacing:.17em;color:#90a09b;margin-top:70px}#products{grid-template-columns:1fr 1fr;gap:50px 35px}.card{display:grid;grid-template-columns:46% 54%;grid-template-rows:auto auto auto 1fr;position:relative;background:#f1f4f3;padding:28px 30px 24px 0;min-height:345px;align-items:start}.card-photo{grid-column:1;grid-row:1/5;background:transparent;align-self:center;aspect-ratio:.80;overflow:visible}.card-photo img{filter:brightness(1.025);mask-image:radial-gradient(ellipse,#000 40%,transparent 75%)}.card-photo span{top:-10px;left:22px;font-size:7px}.card:nth-child(2){background:#f2eee7}.card:nth-child(3){background:#eaf1ee}.card:nth-child(4){background:#dfe7e9}.card .english{grid-column:2;font-size:8px;line-height:1.9;max-width:180px;margin:35px 0 13px;min-height:0;color:#819399}.card h3{grid-column:2;font-size:17px;line-height:1.7;max-width:210px;margin-bottom:17px}.card .ingredient{grid-column:2;line-height:1.9;font-size:10px;margin-bottom:23px;min-height:0}.card-actions{grid-column:2;flex-wrap:wrap;justify-content:flex-start;gap:15px 18px;align-self:end;border-top:1px solid #9eaeb93b;line-height:1.8}.card-actions .explore-product{width:100%;text-align:left;font-size:10px;margin-bottom:2px;color:#365461}.collection-heading>p{max-width:250px;line-height:2}.manifesto-main>div{max-width:330px}footer{padding-top:60px;background:#e9eeed}.brand-end{min-height:440px}
@media(max-width:1000px) and (min-width:801px){.card{padding-right:20px;grid-template-columns:43% 57%;min-height:310px}.card h3{font-size:14px}.card .english{margin-top:25px}}
@media(max-width:800px){.phase-nav{left:8%;bottom:12%;width:82%;justify-content:center}.phase-nav button{font-size:8px;padding:8px 7px;margin-right:17px}.phase-nav button:last-child{margin-right:0}.ritual-editorial{grid-template-columns:1fr;min-height:0}.ritual-photo{min-height:390px;background-position:78% 48%}.ritual-copy{padding:55px 8%}.ritual-copy h2{font-size:35px;margin:20px 0}.ritual-caption{margin-top:35px}.collection{padding:70px 6%}#products{grid-template-columns:1fr;gap:20px}.card{grid-template-columns:44% 56%;padding:20px 20px 22px 0;min-height:280px}.card .english{font-size:7px;margin-top:25px;max-width:150px}.card h3{font-size:14px;line-height:1.7}.card .ingredient{font-size:9px}.card-actions{gap:10px 17px}.card-photo span{left:17px;font-size:6px}.card-actions button,.card-actions a{font-size:9px}.product-reveal{top:44%;height:35%}.scene-note{display:none}}
/* v9 — image fragments carry the story, with space for their trajectory. */
.material-word{position:absolute;left:68%;top:49%;font:italic clamp(100px,14vw,240px)/1 Georgia,serif;letter-spacing:-.07em;color:#56737e;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}
.story-copy h2{font-weight:300}.story-copy em{color:#687f89}.story-copy .eyebrow{letter-spacing:.22em}.stage-grain{background:radial-gradient(ellipse at 67% 49%,transparent 35%,#425e7012 100%)}
.card{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 60px #233f4d0c}.card-photo img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.card:hover .card-photo img{transform:scale(1.035)}
@media(max-width:800px){.material-word{left:51%;top:64%;font-size:25vw}.story-copy{top:15%}.story-copy h2{font-size:29px}.story-copy>p:not(.eyebrow){line-height:1.8}.story-copy #ingredient-names{margin-top:15px;gap:6px}}
@media(prefers-reduced-motion:reduce){.card,.card-photo img{transition:none}.material-word{display:none}}
/* A clipped sticky stage must never become an independently scrolling container
   when a focused navigation button is brought into view by the browser. */
.stage{overflow:clip}
/* v10 — arrival, then a still product portrait. */
.journey{height:1850vh}.product-hold .product-reveal img{transform:none!important}.product-reveal{left:48%;width:44%;top:20%;height:60%}.product-hold .scene-note{bottom:19%}.product-hold .story-copy h2{font-size:clamp(32px,3.2vw,51px)}
body[data-chapter=homme] .stage{background:radial-gradient(ellipse at 70% 42%,#49636a 0%,#233b43 45%,#101e25 100%);color:#f1eee4}body[data-chapter=homme].story-active header{background:linear-gradient(#142a35dd,transparent);color:#f1eee4}body[data-chapter=homme] .story-copy>p,body[data-chapter=homme] .story-copy em,body[data-chapter=homme] #ingredient-names,body[data-chapter=homme] .scene-note small,body[data-chapter=homme] .phase-nav button,body[data-chapter=homme] .timeline button{color:#becdcd}body[data-chapter=homme] .phase-nav button.active,body[data-chapter=homme] .timeline button.active{color:#fff}body[data-chapter=homme] .material-word{color:#d5d9cb}body[data-chapter=homme] .product-reveal{mix-blend-mode:normal}body[data-chapter=homme] .product-reveal img{mask-image:radial-gradient(ellipse,#000 28%,transparent 65%)}body[data-chapter=homme] #story-actions a{background:#e7e8dd;color:#243b42}
@media(max-width:800px){.journey{height:1800vh}.product-reveal{left:15%;width:70%;top:44%;height:35%}.product-hold .story-copy h2{font-size:27px}.product-hold #story-actions{margin-top:14px;gap:15px}.product-hold #story-actions a{padding:10px 14px;font-size:10px}}
/* Product dossiers — full-size portraits and useful detail, with a quieter rhythm. */
.collection{padding:100px 0 65px}.collection-heading{padding:0 8%}.collection-picker{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 8% 60px;border-top:1px solid #b4c0c4;border-bottom:1px solid #b4c0c4}.collection-picker a{padding:25px 12px;font-size:12px;display:flex;align-items:center;gap:15px}.collection-picker span{font:italic 15px Georgia;color:#829397}.collection-picker b{margin-left:auto;font-weight:400}#products{display:block}.dossier{display:grid;grid-template-columns:1fr 1fr;min-height:780px;scroll-margin-top:90px;background:#eef2f2}.dossier-visual{position:relative;min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fff,#dee9eb);isolation:isolate}.dossier-number{position:absolute;top:37px;left:9%;font-size:8px;letter-spacing:.2em;color:#7a929b}.dossier-word{position:absolute;top:19%;left:6%;font:italic clamp(40px,5.5vw,90px)/1 Georgia;color:#819da42b;white-space:nowrap;letter-spacing:-.05em}.dossier-plant{position:absolute;bottom:8%;right:-15%;width:75%;height:70%;object-fit:contain;opacity:.36;z-index:-1;transform:rotate(-15deg)}.dossier-pack{position:absolute;left:10%;top:13%;width:80%;height:70%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.025);mask-image:radial-gradient(ellipse,#000 35%,transparent 73%)}.dossier-caption{position:absolute;bottom:13%;left:9%;font-size:8px;letter-spacing:.17em;color:#617d87}.dossier-replay{position:absolute;bottom:7%;left:9%;border:0;border-bottom:1px solid #9cb0b5;background:transparent;padding:9px 0;font-size:10px}.dossier-copy{padding:70px 11% 65px;display:flex;flex-direction:column;justify-content:center}.dossier-copy>.eyebrow{font-size:8px;letter-spacing:.19em;color:#738a91}.dossier-copy h3{font-size:clamp(28px,3.1vw,46px);line-height:1.5;font-weight:400;letter-spacing:-.055em;margin:20px 0}.dossier-name{font-size:12px;margin:0 0 32px;color:#5d7179}.dossier-tabs{display:flex;border-bottom:1px solid #a7b7bb;gap:18px}.dossier-tabs button{border:0;background:transparent;font-size:10px;padding:14px 0;color:#7e9299;border-bottom:2px solid transparent;white-space:nowrap}.dossier-tabs button[aria-selected=true]{color:#203e4b;border-bottom-color:#203e4b}.dossier-panel{min-height:306px;padding:20px 0}.formula-point{display:flex;gap:18px;padding:14px 0}.formula-point>span{font:italic 12px Georgia;color:#94a4a8;padding-top:4px}.dossier-panel h4{font-size:12px;font-weight:500;margin:0 0 6px}.dossier-panel p{font-size:11px;line-height:1.9;margin:0;color:#6b7d84}.formula-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:12px 0 20px}.dossier-panel small{font-size:9px;color:#86969c;line-height:1.8;display:block}.dossier-actions{display:flex;align-items:center;gap:25px;margin-top:15px}.dossier-actions>a{padding:16px 22px;background:#244551;color:#fff;font-size:10px}.dossier-actions>button{background:transparent;border:0;border-bottom:1px solid #9baeb5;padding:9px 0;font-size:10px}.use-guide{padding:12px 0}.use-guide a{display:inline-block;margin:20px 20px 20px 0;border-bottom:1px solid #9eafb5;font-size:11px;padding-bottom:5px}.use-guide .guide-small{font-size:10px}.dossier-1{background:#f5f0e6}.dossier-1 .dossier-visual{background:radial-gradient(ellipse,#fffcf6,#e2d8c8);order:2}.dossier-1 .dossier-pack{height:60%;top:17%}.dossier-1 .dossier-plant{bottom:3%;right:-8%;opacity:.3}.dossier-2{background:#f7faf7}.dossier-2 .dossier-visual{background:radial-gradient(ellipse,#fff,#e6eee5)}.dossier-2 .dossier-plant{opacity:.38;right:-2%;bottom:4%;width:85%}.dossier-3{background:#203640;color:#e9efec}.dossier-3 .dossier-visual{order:2;background:radial-gradient(ellipse at 50% 45%,#e2e8e4,#c2d0ce 40%,#506c71 85%)}.dossier-3 .dossier-copy p,.dossier-3 .dossier-panel p,.dossier-3 .dossier-tabs button{color:#b6c9cd}.dossier-3 .dossier-tabs button[aria-selected=true]{color:white;border-color:#dee9e4}.dossier-3 .dossier-actions>a{background:#e6e9df;color:#23414b}.dossier-3 .dossier-plant{opacity:.45}.formula-editor-note{padding:25px 8% 0;font-size:10px;color:#869398}.care-support{padding:100px 8%;display:grid;grid-template-columns:1fr 1.3fr;gap:10%;background:#ebece5}.care-support h2{font-size:45px}.support-links a{display:block;position:relative;border-top:1px solid #b1bfba;padding:25px 45px 25px 0}.support-links span{font-size:8px;letter-spacing:.15em;color:#7e928a}.support-links h3{font-size:18px;font-weight:400;margin:10px 0}.support-links p{font-size:11px;margin:0}.support-links b{position:absolute;right:0;top:45%;font-weight:400}.dossier-visual img{transition:transform 1.2s}.dossier-visual:hover .dossier-pack{transform:scale(1.025)}
@media(max-width:1000px) and (min-width:801px){.dossier-copy{padding:50px 8%}.dossier-tabs{gap:12px}.dossier-actions{gap:15px}.dossier-actions>a{padding:14px}}
@media(max-width:800px){.collection{padding-top:65px}.collection-picker{grid-template-columns:1fr 1fr;margin-bottom:35px}.collection-picker a{font-size:10px;padding:18px 8px}.dossier{grid-template-columns:1fr;scroll-margin-top:78px}.dossier-visual{min-height:420px}.dossier-copy{padding:40px 8% 55px}.dossier-1 .dossier-visual,.dossier-3 .dossier-visual{order:0}.dossier-copy h3{font-size:31px;margin:15px 0}.dossier-name{font-size:11px;margin-bottom:20px}.dossier-panel{min-height:300px}.dossier-word{font-size:50px}.dossier-pack{height:75%;top:8%}.dossier-1 .dossier-pack{height:70%;top:8%}.dossier-caption{bottom:14%;font-size:7px}.dossier-replay{bottom:5%;font-size:9px}.dossier-number{top:25px;font-size:7px}.dossier-actions{gap:20px}.dossier-actions>a{padding:14px 17px}.care-support{grid-template-columns:1fr;padding:60px 8%;gap:25px}.care-support h2{font-size:35px}.dossier-tabs{gap:20px}.formula-editor-note{font-size:9px}}
body[data-chapter=homme].product-hold .stage{background:radial-gradient(ellipse at 70% 46%,#e7ece8 0%,#dce4df 17%,#657d81 43%,#142630 80%)}

/* v12: only the four-product bridge composition changes. */
.hero-portrait{position:absolute;left:39%;top:13%;width:56%;height:72%;isolation:isolate;transform:translateY(var(--exit,0px));will-change:opacity;pointer-events:none}.portrait-glow{position:absolute;inset:7% -6% -5%;background:radial-gradient(ellipse at 48% 48%,#fff 0%,#f6f8f668 42%,transparent 71%)}.portrait-ground{position:absolute;left:13%;right:7%;bottom:3%;height:13%;background:radial-gradient(ellipse,#74858e2b,transparent 68%);filter:blur(13px)}.portrait-pack{position:absolute;overflow:hidden;mix-blend-mode:multiply;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg));will-change:transform}.portrait-pack img{position:absolute;height:100%;width:auto;max-width:none;left:50%;top:0;transform:translateX(-50%);filter:brightness(1.025);mask-image:radial-gradient(ellipse,#000 45%,transparent 76%)}.pack-homme{left:15%;top:2%;width:27%;height:76%;--angle:-8deg;z-index:1}.pack-light{left:65%;top:18%;width:24%;height:69%;--angle:8deg;z-index:2}.pack-booster{left:38%;top:0;width:29%;height:100%;--angle:-3deg;z-index:3}.pack-cream{left:0%;top:48%;width:64%;height:60%;--angle:-5deg;z-index:4}.portrait-edition{position:absolute;right:8%;bottom:-8%;font-size:7px;letter-spacing:.2em;color:#8a9a9f}
.signature-intro .hero-portrait{display:block;left:39%;top:13%;width:56%;height:72%;mix-blend-mode:multiply;opacity:1;visibility:visible}.signature-intro .portrait-pack{mix-blend-mode:normal}.signature-intro .portrait-pack img{width:auto;height:100%;max-width:none;object-fit:initial;opacity:1;mix-blend-mode:normal;transform:translateX(-50%);filter:brightness(1.075);mask-image:radial-gradient(ellipse,#000 55%,transparent 79%)}.pack-homme{left:8%;top:0;height:72%}.pack-cream{left:-7%;top:60%;height:48%}.portrait-glow{display:none}
@media(max-width:800px){.signature-intro .hero-portrait{left:8%;width:85%;height:42%;top:43%}.portrait-edition{font-size:5px;right:5%;bottom:-2%}.pack-homme{left:7%;width:28%}.pack-light{left:67%;width:26%}.pack-booster{left:37%;width:32%}.pack-cream{left:-8%;width:68%;top:58%;height:49%}}
.signature-intro{mix-blend-mode:multiply}.signature-intro .hero-portrait{visibility:inherit}

/* v13: every product reveal uses the same official package photograph. */
.product-reveal img{mask-image:none;object-fit:contain;filter:brightness(1.075)}
body[data-chapter=homme] .product-reveal{mix-blend-mode:multiply}
body[data-chapter=homme] .product-reveal img{mask-image:none}