/* Self-hosted brand typography. Licenses are retained in assets/fonts/. */
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Poppins-Regular.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Poppins-Medium.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Poppins-SemiBold.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Poppins-Bold.ttf") format("truetype")}
@font-face{font-family:"Pretendard";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Pretendard-Regular.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Pretendard-Medium.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Pretendard-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Pretendard-Bold.woff2") format("woff2")}



:root{--ink:#242422;--paper:#faf7f2;--muted:#77736c;--line:#d7d2c9;--amber:#a56b44;--font:"Poppins","Pretendard",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--font)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{line-height:1.24;letter-spacing:-.045em}h1{font-size:clamp(37px,4.7vw,70px)}h2{font-size:clamp(34px,3.7vw,54px)}h3{font-size:20px;line-height:1.5}p{word-break:keep-all;overflow-wrap:anywhere}html[lang=en] p{word-break:normal}html[lang=en] h1,html[lang=en] h2{letter-spacing:-.045em}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #ba8e65;outline-offset:5px}.preview-note{text-align:center;font-size:10px;padding:5px 15px;color:#777;background:#eeebe5}header{display:flex;align-items:center;gap:30px;padding:23px 5%;background:var(--paper)}.brand{width:145px;flex-shrink:0}.brand img{height:38px;object-fit:contain}nav{display:flex;gap:30px;font-size:12px;margin-left:auto}nav a{padding:8px 0}.languages{display:flex;gap:0;font-size:11px}.languages a{padding:7px 12px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.languages [aria-current]{background:#262522;color:var(--paper)}
.cover{position:relative;min-height:720px;height:calc(100svh - 115px);max-height:1000px;background:#d9d2c9;isolation:isolate;overflow:hidden;color:white}.cover-motion{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 35%;z-index:-3}.cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(23,22,20,.82),rgba(23,22,20,.45) 48%,rgba(23,22,20,.04)),linear-gradient(0deg,rgba(23,22,20,.45),transparent 60%)}.cover-top{display:flex;justify-content:space-between;position:absolute;top:35px;left:5%;right:5%;font-size:10px;letter-spacing:2px}.cover-copy{position:absolute;left:8%;bottom:100px;max-width:900px;right:8%}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:25px}.cover-copy .eyebrow{color:#e2d1be}.intro{font-size:15px;margin-top:28px;max-width:670px}.actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:12px}.actions a{padding:9px 0;border-bottom:1px solid #b7aa99;min-height:40px}.cover-controls{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.motion-toggle{border:1px solid #a9a39b;background:rgba(0,0,0,.18);color:white;font-size:10px;padding:7px 17px;min-height:36px;cursor:pointer}.scroll-cue{font-size:9px;letter-spacing:1.5px}.chapter{padding:110px 8%;max-width:1600px;margin:auto}.chapter-heading{max-width:880px}.lead{font-size:16px;color:var(--muted);margin-top:28px;max-width:600px}.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:55px}.stage figure{overflow:hidden}.stage img{aspect-ratio:3/4;object-fit:cover}.stage:first-child img{object-position:center}.stage:nth-child(2) img{object-position:72% center}.stage:nth-child(3) img{object-position:60% center}.stage>div{position:relative;padding:25px 10px 0 0}.stage-number{font-size:10px;color:var(--muted);position:absolute;right:0;top:33px}.stage h3{font-size:33px;letter-spacing:-1px}.stage .stage-title{font-size:15px;margin:9px 0}.stage p:last-child{font-size:12px;color:var(--muted);max-width:90%}.image-note{font-size:10px;color:var(--muted);margin-top:20px}.results{background:#262622;color:#f5f1e9;max-width:none}.results-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:9%;max-width:1344px;margin:auto}.results-intro .eyebrow{color:#c3a788}.results .lead{color:#c4bfb5}.results-intro img{width:50px;height:200px;object-fit:contain;margin-top:45px}.result-row{display:grid;grid-template-columns:24px 1fr;column-gap:20px;padding:25px 0 35px;border-top:1px solid #57564f}.issue-number{font-size:10px;color:#aaa398;grid-row:1/3;padding-top:8px}.result-row h3{font-size:20px}.result-row div>p{font-size:12px;color:#bdb7ab;margin-top:8px}.metric{font-size:clamp(54px,5.5vw,82px);line-height:1.2;letter-spacing:-3px;margin-top:22px;grid-column:2}.metric sup{font-size:20px;vertical-align:super;letter-spacing:0}.fineprint{font-size:11px;color:var(--muted);line-height:1.9}.results .fineprint{color:#b9b5ac;margin-top:22px}.results details{border-color:#57564f}.results details p{color:#b9b5ac}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;min-height:30px;font-size:13px}details p{font-size:12px;color:var(--muted);margin-top:15px}details p+p{margin-top:14px}.result-stories details{margin-top:25px}.ritual{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-left:0;padding-right:8%;max-width:1600px}.ritual-photo{height:720px}.ritual-photo img{height:100%;object-fit:cover;object-position:55% center}.steps{list-style:none;margin:35px 0 0;padding:0}.steps li{display:grid;grid-template-columns:30px 1fr;gap:4px 16px;padding:20px 0}.steps li>span{font-size:10px;color:var(--muted);grid-row:1/3;padding-top:5px}.steps h3{font-size:22px}.steps p{font-size:13px;color:var(--muted);grid-column:2}.formula{background:#eee9e1;max-width:none}.formula-heading{display:flex;gap:40px;justify-content:space-between;align-items:end}.formula-heading .lead{max-width:430px;margin:0}.ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:55px 0 35px}.ingredients article{padding-top:24px;border-top:1px solid #cbc4b8}.ingredients .eyebrow{font-size:9px;margin-bottom:17px}.ingredients h3{font-size:17px}.ingredients article>p:last-child{font-size:13px;color:var(--muted);margin-top:15px}.faq{display:grid;grid-template-columns:1fr 1.12fr;gap:9%;align-items:start}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:15px;padding-right:10px}.faq details p{font-size:13px}.closing{position:relative;min-height:600px;height:70vh;max-height:850px;isolation:isolate;overflow:hidden;color:white}.closing>img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-3}.closing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,16,.7),rgba(20,18,16,.12));z-index:-2}.closing>div{padding:75px 8%;max-width:800px}.closing>div>p:last-child{margin-top:28px;font-size:13px}.product-info{padding-top:55px;padding-bottom:55px}.product-info .eyebrow{margin-bottom:20px}footer{display:flex;align-items:center;gap:35px;padding:30px 5%;border-top:1px solid var(--line)}footer>img{width:130px;height:35px;object-fit:contain}footer p{font-size:9px;color:var(--muted)}footer a{margin-left:auto;font-size:11px;min-height:40px;display:flex;align-items:center}
@media(max-width:1000px){.chapter{padding:80px 6%}.results-layout,.faq{gap:6%}.ritual{padding-left:0;gap:5%}.ritual-photo{height:650px}.cover-copy{left:6%;right:6%}.cover h1{font-size:clamp(39px,5.8vw,58px)}.stage h3{font-size:28px}.ingredients{gap:25px}.formula-heading{display:block}.formula-heading .lead{margin-top:25px}.cover{min-height:700px}.metric{font-size:64px}}
@media(max-width:650px){header{flex-wrap:wrap;padding:18px 6%;gap:17px}.brand{width:125px}.brand img{height:32px}.languages{margin-left:auto}.languages a{min-height:44px}nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px;font-size:11px}.cover{min-height:720px;height:calc(100svh - 140px);max-height:900px}.cover-top{top:23px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.cover-top span{display:none}.cover-motion{object-position:62% center}.cover-shade{background:linear-gradient(0deg,rgba(22,21,19,.93),rgba(22,21,19,.4) 65%,rgba(22,21,19,.08))}.cover-copy{bottom:105px}.cover h1{font-size:clamp(30px,8.4vw,43px)}html[lang=en] .cover h1{font-size:clamp(29px,8.1vw,40px)}.cover .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:20px}.intro{font-size:13px;margin-top:24px}.actions{gap:18px;font-size:11px;margin-top:24px}.cover-controls{left:6%;right:6%}.scroll-cue{font-size:7px;letter-spacing:1px}.chapter{padding:65px 6%}h2{font-size:32px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.lead{font-size:14px;margin-top:23px}.stages{grid-template-columns:1fr;margin-top:35px;gap:40px}.stage{display:grid;grid-template-columns:1fr}.stage img{aspect-ratio:4/3}.stage>div{padding-top:18px}.stage h3{font-size:31px}.stage-number{top:25px}.stage .stage-title{font-size:15px}.stage p:last-child{font-size:12px}.results-layout{grid-template-columns:1fr;gap:35px}.results-intro img{display:none}.result-row{padding:23px 0 30px}.result-row h3{font-size:19px}.metric{font-size:65px;margin-top:17px}.ritual{grid-template-columns:1fr;padding:0 0 60px;gap:35px}.ritual-photo{height:370px}.ritual-copy{padding:0 6%}.steps{margin-top:23px}.steps li{padding:16px 0}.ingredients{grid-template-columns:1fr;gap:25px;margin-top:35px}.ingredients article{padding-top:20px}.ingredients .eyebrow{margin-bottom:10px}.faq{grid-template-columns:1fr;gap:35px}.closing{height:560px;min-height:0}.closing>img{object-position:55% center}.closing>div{padding:50px 6%}.closing:after{background:linear-gradient(0deg,rgba(20,18,16,.25),rgba(20,18,16,.7))}.product-info{padding-top:40px;padding-bottom:40px}footer{padding:28px 6%;gap:20px;flex-wrap:wrap}footer p{max-width:65%}footer a{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Coordinated concept imagery and a full-size actual campaign photograph. */
.stage img{object-position:center!important}.results-campaign{margin-top:35px}.results-intro .results-campaign img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0}.results-campaign{max-width:560px}@media(max-width:650px){.results-campaign{margin-top:28px;max-width:none}.results-intro .results-campaign img{display:block;width:100%;height:auto}}

/* Actual pouring photograph beside the study results. */
.results-intro .results-campaign img{aspect-ratio:4/5;max-height:570px;object-fit:cover;object-position:center 45%}@media(max-width:650px){.results-intro .results-campaign img{aspect-ratio:4/5;max-height:460px}}

/* Final editorial spacing: aligned image/result columns, uncut product photography. */
.chapter{padding-top:88px;padding-bottom:88px}
.chapter-heading{max-width:940px}
.cover{min-height:690px;max-height:900px}
.cover-copy{bottom:100px;max-width:900px}
.results-layout{grid-template-columns:.88fr 1.12fr;column-gap:7%;row-gap:30px;align-items:start}
.results-intro{display:contents}
.results-intro>.eyebrow{grid-column:1/-1;margin-bottom:0}
.results-intro>h2{grid-column:1;grid-row:2;font-size:clamp(32px,3.1vw,46px)}
.results-intro>.lead{grid-column:2;grid-row:2;align-self:end;margin:0 0 5px;font-size:18px}
.results-intro>.results-campaign{grid-column:1;grid-row:3;width:100%;max-width:none;margin:10px 0 0;background:#e9e9e7}
.results-intro .results-campaign img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0}
.result-stories{grid-column:2;grid-row:3;margin-top:10px;min-width:0}
.result-row{padding:20px 0 25px}
.result-row h3{font-size:19px}.result-row .metric{font-size:clamp(53px,4.8vw,70px);margin-top:18px}
.result-row div>p{font-size:12px}.results .fineprint{font-size:11px;line-height:1.9}
.result-stories details{margin-top:20px}
.stages{gap:24px;margin-top:40px}.stage img{aspect-ratio:3/4;object-fit:cover}.stage:nth-child(2) img,.stage:nth-child(3) img{object-fit:contain;background:#f0ece8}
.stage>div{padding-top:20px}.stage h3{font-size:30px}.stage-number{top:27px}
.ritual-photo{height:620px}.ritual{padding-top:75px;padding-bottom:75px}
.formula-heading{gap:50px}.ingredients{margin-top:40px;margin-bottom:25px}
.faq{padding-top:78px;padding-bottom:78px}
.closing{height:62vh;min-height:510px;max-height:700px}
.closing>div{padding-top:60px;padding-bottom:60px}
.product-info{padding-top:45px;padding-bottom:45px}
@media(min-width:651px) and (max-width:1000px){
 .results-layout{column-gap:5%;grid-template-columns:1fr 1.05fr}
 .results-intro>h2{font-size:32px}.result-row .metric{font-size:53px}
 .results-intro .results-campaign img{height:610px;width:100%;object-fit:contain}
 .result-row h3{font-size:17px}.result-row{padding-bottom:22px}
 .ritual-photo{height:570px}
}
@media(max-width:650px){
 .chapter{padding-top:56px;padding-bottom:56px}
 .cover{min-height:730px;max-height:900px}
 .cover-copy{bottom:106px}.cover h1{font-size:clamp(29px,8vw,36px);line-height:1.28}
 html[lang=en] .cover h1{font-size:clamp(28px,7.8vw,35px);line-height:1.25}
 .cover .intro{font-size:13px;line-height:1.85}
 .cover-copy .actions{column-gap:18px;row-gap:9px}
 .actions a{max-width:100%}.scroll-cue{letter-spacing:.5px}
 h2{font-size:clamp(28px,7.6vw,33px);line-height:1.32}
 .lead{line-height:1.85}.stages{gap:30px;margin-top:30px}
 .stage img{aspect-ratio:4/3;object-fit:contain;background:#f0ece8}
 .stage:first-child img{aspect-ratio:4/3;object-fit:cover;object-position:center 35%!important}
 .stage>div{padding-top:15px}.stage-number{top:22px}.stage h3{font-size:28px}
 .stage .stage-title{margin-top:7px;margin-bottom:5px}
 .results-layout{grid-template-columns:1fr;row-gap:24px}
 .results-intro>.eyebrow,.results-intro>h2,.results-intro>.lead,.results-intro>.results-campaign,.result-stories{grid-column:1;grid-row:auto}
 .results-intro>h2{font-size:clamp(28px,7.5vw,33px)}
 .results-intro>.lead{font-size:15px;margin:0}
 .results-intro>.results-campaign{margin:0}
 .results-intro .results-campaign img{height:390px;aspect-ratio:auto;width:100%;object-fit:contain}
 .result-stories{margin-top:5px}.result-row{padding:20px 0 24px}
 .result-row .metric{font-size:58px}.result-row h3{font-size:18px}
 .result-row div>p{font-size:12px}.result-row{column-gap:12px;grid-template-columns:20px 1fr}
 .ritual{padding-top:0;padding-bottom:56px;gap:30px}
 .ritual-photo{height:320px}.ritual-copy{padding:0 6%}
 .steps li{padding:14px 0}.steps h3{font-size:20px}
 .formula-heading .lead{margin-top:22px}.ingredients{margin-top:30px;gap:23px}
 .faq{gap:26px}.faq summary{font-size:14px;line-height:1.65}
 .closing{height:490px;min-height:0}.closing>div{padding:44px 6%;max-width:100%}
 .closing h2{font-size:30px}.closing>div>p:last-child{font-size:12px}
 .product-info{padding-top:38px;padding-bottom:38px}
 footer{align-items:flex-start}footer p{max-width:100%;font-size:10px}footer>img{width:112px}
}
@media(max-width:360px){nav{font-size:10px}.cover .eyebrow{font-size:7px;letter-spacing:.8px}.actions{font-size:10px}.results-intro .results-campaign img{height:350px}.cover-top{font-size:7px}.stage p:last-child{max-width:96%}}

/* Match the original landscape demonstration frames without oversized blank fields. */
.stages .stage img{aspect-ratio:4/3;object-fit:cover}.stages .stage:first-child img{object-position:center 36%!important}.stages .stage:nth-child(2) img,.stages .stage:nth-child(3) img{object-fit:cover;object-position:center!important}

/* Hair-led cover; actual product transformation remains in the texture chapter. */
.cover .hair-cover{object-position:65% center}.hair-concept-note{font-size:9px;color:#d0c8bd}.demonstration-controls{display:flex;justify-content:flex-end;margin-top:15px}.demonstration-controls .motion-toggle{color:var(--ink);background:transparent;border-color:var(--line);min-height:40px}.cover-shade{background:linear-gradient(90deg,rgba(15,14,13,.72),rgba(15,14,13,.26) 48%,rgba(15,14,13,.02))}@media(max-width:650px){.cover .hair-cover{object-position:63% center}.cover-shade{background:linear-gradient(0deg,rgba(15,14,13,.9),rgba(15,14,13,.3) 62%,rgba(15,14,13,.03))}.hair-concept-note{font-size:8px}}

/* Brand catalogue model and lifestyle photography. */
.cover .hair-cover{object-position:68% center}.cover-shade{background:linear-gradient(90deg,rgba(18,17,15,.82),rgba(18,17,15,.34) 50%,rgba(18,17,15,.03))}.cover-copy{max-width:900px}
.ritual-photo{position:relative;overflow:hidden}.ritual-photo img{object-position:center 46%}.ritual-caption{position:absolute;left:25px;right:25px;bottom:20px;background:rgba(250,247,242,.92);padding:12px 17px;font-size:11px;color:#36312c}
.brand-editorial{max-width:1600px;margin:auto;padding:0 8% 80px}.brand-editorial figure{overflow:hidden}.brand-editorial img{aspect-ratio:2.8/1;object-fit:cover;object-position:center}.brand-editorial>div{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;padding-top:32px;align-items:end}.brand-editorial .eyebrow{grid-column:1/-1;margin-bottom:20px}.brand-editorial h2{font-size:36px}.brand-editorial>div>p:last-child{font-size:14px;color:var(--muted);padding-bottom:5px}
.closing>img{object-position:center 50%}
@media(max-width:1000px){.brand-editorial{padding-left:6%;padding-right:6%}.brand-editorial h2{font-size:32px}}
@media(max-width:650px){.cover .hair-cover{object-position:67% top}.cover-shade{background:linear-gradient(0deg,rgba(17,16,14,.95),rgba(17,16,14,.54) 46%,rgba(17,16,14,.02) 85%)}.ritual-photo{height:440px}.ritual-photo img{object-position:center 43%}.ritual-caption{left:6%;right:6%;bottom:17px;font-size:10px}.brand-editorial{padding:0 6% 56px}.brand-editorial img{aspect-ratio:1.5/1;object-position:56% center}.brand-editorial>div{display:block;padding-top:25px}.brand-editorial h2{font-size:30px}.brand-editorial>div>p:last-child{font-size:13px;margin-top:20px;padding:0}.closing>img{object-position:62% center}}

/* Mobile catalogue portrait: preserve the model framing above the copy. */
@media(max-width:650px){.cover{background:#242422}.cover .hair-cover{height:330px;object-fit:cover;object-position:58% center}.cover-shade{background:linear-gradient(0deg,#242422 0%,#242422 48%,rgba(36,36,34,.85) 58%,transparent 77%)}.cover-top{z-index:1;text-shadow:0 1px 5px rgba(0,0,0,.4)}}

/* Brand home chapter; Change Ampoule remains the lead feature. */
.brand-home{background:#eee9e1;max-width:none}.brand-story{max-width:1344px;margin:auto}.brand-story figure img{aspect-ratio:2.8/1;object-fit:cover;object-position:center}.brand-story>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 65px;padding-top:40px}.brand-story h2{grid-row:1/4}.brand-description{font-size:15px;color:#625e57}.brand-manifesto{font-size:18px;font-weight:500}.brand-story>div>p:last-child{font-size:13px;color:#625e57}.brand-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:50px auto 32px;max-width:1344px}.brand-promises article{border-top:1px solid #c5bcaf;padding-top:22px}.brand-promises span{font-size:9px;letter-spacing:1.3px;color:#706659}.brand-promises h3{font-size:19px;margin:16px 0 12px}.brand-promises p{font-size:13px;color:#625e57}.brand-feature-link{font-size:12px;border-bottom:1px solid #948470;padding-bottom:7px;display:inline-block}.product-info{background:var(--paper)}
@media(max-width:1000px){.brand-story>div{gap:20px 35px}.brand-promises{gap:25px}}
@media(max-width:650px){nav{gap:10px;font-size:10px}.brand-story figure img{aspect-ratio:1.6/1;object-position:55% center}.brand-story>div{display:block;padding-top:28px}.brand-description{margin-top:23px;font-size:14px}.brand-manifesto{margin-top:26px;font-size:17px}.brand-story>div>p:last-child{margin-top:12px}.brand-promises{grid-template-columns:1fr;gap:25px;margin-top:32px}.brand-promises h3{font-size:18px;margin:12px 0 9px}.brand-promises p{font-size:13px}.brand-feature-link{font-size:11px}}
@media(max-width:360px){nav{gap:7px;font-size:9px}}

/* One uninterrupted product demonstration, with concise editorial guidance. */
.change-single{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:55px}
.change-intro{min-width:0}.change-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.35}
.change-intro .lead{font-size:15px;margin-top:25px}
.change-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;letter-spacing:1px;margin-top:35px}.change-sequence span[aria-hidden]{color:#a49b8e}
.change-ratio{font-size:34px;letter-spacing:-1px;margin-top:20px}.change-ratio span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:4px}
.change-demonstration{min-width:0}.change-demonstration figure{background:#eeece8}.change-demonstration img{width:100%;height:auto;aspect-ratio:860/560;object-fit:contain}
.change-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:15px}.change-caption .image-note{margin:0;max-width:75%}.change-caption .motion-toggle{background:transparent;border-color:var(--line);color:var(--ink);flex-shrink:0;min-height:40px}
@media(min-width:651px) and (max-width:1000px){.change-single{grid-template-columns:1fr;gap:35px}.change-intro h2{font-size:36px}.change-demonstration{width:100%;max-width:860px}.change-sequence{margin-top:25px}.change-ratio{font-size:29px}}
@media(max-width:650px){.change-single{grid-template-columns:1fr;gap:30px}.change-intro h2{font-size:clamp(27px,7.4vw,32px)}.change-intro .lead{font-size:14px;margin-top:23px}.change-sequence{gap:10px;font-size:10px;margin-top:25px}.change-ratio{font-size:29px;margin-top:16px}.change-ratio span{font-size:9px}.change-caption{gap:12px;padding-top:13px}.change-caption .image-note{font-size:9px;max-width:70%}.change-caption .motion-toggle{font-size:9px;padding:7px 12px;min-height:40px}}

/* Inset ritual photograph and a focused transformation headline. */
.ritual{padding-left:8%;padding-right:8%;grid-template-columns:.92fr 1.08fr;gap:7%;align-items:center}.ritual-photo{height:580px}.ritual-copy{min-width:0}.ritual-copy h2{font-size:clamp(31px,3.1vw,45px);line-height:1.35}
.change-intro{padding:15px 0}.change-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.35}.change-intro .lead{margin-top:28px;max-width:430px}.change-sequence{font-size:clamp(19px,1.8vw,27px);font-weight:500;letter-spacing:-.04em;gap:14px;margin-top:40px;flex-wrap:nowrap;line-height:1.4}.change-sequence span[aria-hidden]{font-size:.75em;color:#a49b8e;font-weight:400}
@media(min-width:651px) and (max-width:1000px){.ritual{padding-left:6%;padding-right:6%;gap:5%}.ritual-photo{height:530px}.ritual-copy h2{font-size:31px}.change-sequence{font-size:26px;gap:16px;margin-top:28px}}
@media(max-width:650px){.ritual{padding:0 6% 56px;grid-template-columns:1fr;gap:30px}.ritual-photo{height:410px}.ritual-copy{padding:0}.ritual-copy h2{font-size:clamp(28px,7.5vw,32px)}.change-intro{padding:0}.change-intro .lead{margin-top:22px}.change-sequence{font-size:clamp(18px,5.6vw,23px);gap:10px;margin-top:27px;letter-spacing:-.045em}}

/* Oversized transition banner between the cover and texture chapter. */
.transformation-banner{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2.3vw,42px);padding:58px 5% 24px;background:var(--paper);font-family:"Poppins",sans-serif;font-size:clamp(38px,7.3vw,112px);font-weight:500;letter-spacing:-.065em;line-height:1.25;white-space:nowrap;overflow:hidden}
.transformation-banner .banner-arrow{font-size:.65em;letter-spacing:0;font-weight:400;color:#a49787}
.transformation-banner+.change-single{padding-top:50px}
@media(max-width:650px){.transformation-banner{padding:33px 5% 15px;gap:clamp(6px,1.8vw,12px);font-size:clamp(22px,6.6vw,43px);letter-spacing:-.06em}.transformation-banner+.change-single{padding-top:32px}}

/* Charcoal transition band: catalogue palette, static typography before the GIF. */
.transformation-banner{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:220px;padding:36px 5% 40px;background:#262622;color:#f5f1e9;overflow:visible}
.transformation-banner .banner-kicker{font-size:9px;line-height:1.5;letter-spacing:2.6px;font-weight:400;color:#c4bfb5;margin:0}
.banner-words{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2.3vw,38px);font-size:clamp(38px,6.7vw,100px);line-height:1.2;font-weight:500;letter-spacing:-.065em;white-space:nowrap}
.transformation-banner .banner-arrow{color:#9b9589;font-size:.65em;letter-spacing:0}
.transformation-banner .banner-cream{color:#c98b59}
.transformation-banner+.change-single{padding-top:64px}
@media(max-width:650px){.transformation-banner{min-height:130px;padding:25px 5% 28px;gap:13px}.transformation-banner .banner-kicker{font-size:7px;letter-spacing:2px}.banner-words{gap:clamp(6px,1.8vw,12px);font-size:clamp(22px,6.6vw,43px);letter-spacing:-.06em}.transformation-banner+.change-single{padding-top:40px}}

/* Airier transition: lift the visual weight between the portrait and demonstration. */
.transformation-banner{background:var(--paper);color:#393630;min-height:190px;padding:42px 5% 30px;gap:16px}
.transformation-banner .banner-kicker{color:#857d71;font-size:8px;letter-spacing:2.8px}
.banner-words{font-size:clamp(36px,6.2vw,88px);font-weight:400;letter-spacing:-.055em;gap:clamp(18px,2.8vw,45px)}
.transformation-banner .banner-arrow{color:#b8afa2;font-size:.6em}
.transformation-banner .banner-cream{color:#986e4c}
.transformation-banner+.change-single{padding-top:38px}
@media(max-width:650px){.transformation-banner{min-height:118px;padding:30px 5% 22px;gap:12px}.transformation-banner .banner-kicker{font-size:7px;letter-spacing:2px}.banner-words{font-size:clamp(22px,6.5vw,39px);gap:clamp(7px,2vw,13px);font-weight:400;letter-spacing:-.055em}.transformation-banner+.change-single{padding-top:30px}}

/* Native print-source portrait with responsive high-resolution derivatives. */
.cover .hair-cover{object-position:65% 30%}@media(max-width:650px){.cover .hair-cover{object-position:58% 30%}}

/* Stable portrait framing on wide monitors: scale by hero height, not viewport width. */
.cover{background:#c7c3ba}
.cover .hair-cover{left:auto;right:0;top:0;bottom:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:center;aspect-ratio:5464/5219}
.cover-shade{background:linear-gradient(90deg,#363531 0%,rgba(54,53,49,.98) 24%,rgba(54,53,49,.88) 39%,rgba(54,53,49,.2) 62%,rgba(54,53,49,0) 78%)}
.cover-copy{max-width:780px}.cover-top span{text-shadow:0 1px 5px rgba(0,0,0,.5)}
@media(min-width:1800px){.cover .hair-cover{right:5%}.cover-copy{left:max(8%,calc((100vw - 1800px)/2 + 120px))}}
@media(min-width:651px) and (max-width:1100px){.cover .hair-cover{right:-12%;height:100%}.cover-shade{background:linear-gradient(90deg,rgba(40,39,35,.95),rgba(40,39,35,.7) 40%,rgba(40,39,35,.1) 85%)}}
@media(max-width:650px){.cover{background:#242422}.cover .hair-cover{left:0;right:0;top:0;width:100%;height:330px;max-width:100%;object-fit:cover;object-position:58% 30%;aspect-ratio:auto}.cover-shade{background:linear-gradient(0deg,#242422 0%,#242422 48%,rgba(36,36,34,.85) 58%,transparent 77%)}.cover-copy{left:6%;right:6%}}

@media(min-width:1800px){.cover .hair-cover{right:0}}

/* Requested close-up: vertical source window runs from just above brows to below shoulders. */
@media(min-width:651px){.cover .hair-cover{height:200%;width:auto;max-width:none;top:-60%;bottom:auto;left:auto;right:clamp(-320px,calc((100vw - 2080px)/2),0px);object-fit:contain;object-position:center;aspect-ratio:5464/5219}.cover-shade{background:linear-gradient(90deg,rgba(35,34,31,.9),rgba(35,34,31,.58) 34%,rgba(35,34,31,.08) 65%,transparent)}}
@media(min-width:651px) and (max-width:1100px){.cover .hair-cover{right:-45%}.cover-shade{background:linear-gradient(90deg,rgba(35,34,31,.88),rgba(35,34,31,.5) 45%,rgba(35,34,31,.08))}}
@media(max-width:650px){.cover .hair-cover{height:660px;width:auto;max-width:none;top:-198px;bottom:auto;left:auto;right:calc(40vw - 338px);object-fit:contain;object-position:center;aspect-ratio:5464/5219;clip-path:inset(30% 0 20% 0)}}

/* Parent company home navigation, available in both language versions. */
header{flex-wrap:wrap;row-gap:12px}.corporate-home{flex:0 0 100%;font-size:11px;color:#686055;min-height:28px;display:flex;align-items:center}.corporate-home:hover,.footer-home:hover{text-decoration:underline;text-underline-offset:4px}
footer .footer-home{flex:0 0 100%;margin:0;font-size:11px;min-height:34px}footer{flex-wrap:wrap;row-gap:18px}
@media(max-width:650px){header .corporate-home{font-size:10px;min-height:30px}footer .footer-home{font-size:10px;min-height:40px}}

/* 2026-10-29: full-width mobile pouring photo without cropping the bottle or drop. */
@media(max-width:650px){
 .results-intro .results-campaign img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
}

/* Contact destination: main site handles enquiries in the matching language. */
.highlight-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;background:#242422;color:#faf7f2}
.highlight-contact .eyebrow{color:#d4b293;margin-bottom:20px}
.highlight-contact h2{font-size:clamp(28px,3.2vw,44px);max-width:760px}
.contact-description{max-width:680px;margin-top:22px;color:#d5d2cb;font-size:15px;line-height:1.8}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.contact-button{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:14px 22px;background:#faf7f2;color:#242422;font-size:14px}
.contact-button svg{flex:none}.contact-button:hover{background:#e9dfd2}
.contact-email{font-size:14px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;min-height:44px;display:flex;align-items:center}
@media(max-width:650px){.highlight-contact{grid-template-columns:minmax(0,1fr);gap:28px}.contact-actions{align-items:stretch}.contact-description{font-size:14px}.contact-button{width:100%}}

/* Keep the original animation frame; load/play only when visible. */
#mixing-motion{display:block;width:100%;height:auto;object-fit:contain}

/* B2B email enquiry: no form or automatic submission. */
.b2b-guidance{grid-column:1/-1;max-width:850px;font-size:14px;line-height:1.8;color:#d5d2cb}.b2b-guidance p{margin:0 0 12px}.b2b-guidance a{color:inherit;text-decoration:underline;text-underline-offset:4px}.b2b-nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;font-size:12px;white-space:nowrap;border:1px solid currentColor;text-decoration:none}
header>.b2b-nav{margin-left:auto;color:#262522}@media(max-width:650px){header>.b2b-nav{margin-left:auto;padding:8px;font-size:11px}.languages{margin-left:0}}

/* Shared language selector: same labels and active underline as the main site. */
.unified-language{display:flex;align-items:center;gap:3px;flex-shrink:0}
.unified-language a,.unified-language a:visited{font:inherit;font-size:12px;color:#262522;background:none;border:0;border-radius:0;padding:10px 5px;min-width:0;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;opacity:.65;text-decoration:none;letter-spacing:0;text-transform:none}
.unified-language a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.unified-language a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:760px){.unified-language a{font-size:14px;min-height:44px;padding:10px 7px}}