/* Mobile-first navigation and editorial collection pages. */
.menu-lines { display:flex;flex-direction:column;gap:5px;width:18px; }
.menu-lines i { height:1.5px;width:18px;background:currentColor;display:block; }
.menu-lines i:last-child { width:13px;align-self:flex-end; }
.menu-toggle { align-items:center;justify-content:center;gap:10px; }
.mobile-drawer { padding:0;border:0;margin:0 0 0 auto;inset:0;max-height:none;height:100dvh;width:min(440px,calc(100vw - 20px));max-width:none;background:#f9faf6;color:#183326;box-shadow:-20px 0 80px #0004;overflow-y:auto;overscroll-behavior:contain; }
.mobile-drawer::backdrop { background:#08171099;backdrop-filter:blur(6px); }
.mobile-drawer[open] { display:block;animation:drawer-enter .4s cubic-bezier(.16,1,.3,1) both; }
.mobile-drawer.is-closing { animation:drawer-leave .18s ease-in both; }
.drawer-open { overflow:hidden; }
.drawer-top { position:sticky;top:0;z-index:1;background:#f9faf6f5;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border-bottom:1px solid #dfe5da; }
.drawer-top .brand-mark { width:40px;height:40px; }.drawer-top .brand-wordmark{font-size:15px;}
.drawer-close { width:44px;height:44px;display:grid;place-items:center;border:1px solid #d4dece;border-radius:50%;background:transparent;color:#183326;flex-shrink:0;font-size:29px;line-height:1; }
.drawer-close:hover { background:#e7eee1; }
.drawer-content { padding:25px 25px max(28px,env(safe-area-inset-bottom)); }
.drawer-kicker { font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#718167;margin-bottom:18px; }
.drawer-collections { display:block;font-size:16px;margin:0; }
.drawer-collections>a { display:flex;align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #dfe5da; }
.drawer-collections>a:first-child { padding-top:0; }
.drawer-collections img { width:68px;height:76px;object-fit:cover;border-radius:9px;flex-shrink:0; }
.drawer-collections a>span:not([aria-hidden]) { flex:1;min-width:0; }
.drawer-collections strong { display:block;font-size:20px;letter-spacing:-.045em;line-height:1.3;font-weight:500; }
.drawer-collections small { display:block;font-size:12px;color:#75816f;margin-top:6px;line-height:1.5; }
.drawer-collections a>span[aria-hidden] { font-size:23px;color:#7c8e70; }
.drawer-resources { display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:22px 0; }
.drawer-resources a { display:flex;align-items:center;min-height:42px;font-size:14px;line-height:1.45; }
.drawer-resources a:hover { text-decoration:underline; }
.drawer-language { display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dfe5da;padding-top:20px;font-size:14px; }
.drawer-language select { background:#edf2e8;border:1px solid #d9e2d2;border-radius:9px;color:#183326;padding:10px;min-height:44px;font-size:14px;max-width:145px; }
.drawer-quote { margin-top:22px;display:flex;width:100%;justify-content:space-between;min-height:54px;padding:14px 23px;border-radius:12px;font-size:14px; }
.drawer-email { display:block;text-align:center;margin-top:18px;font-size:12px;color:#697b61;overflow-wrap:anywhere; }
html[dir=rtl] .mobile-drawer { margin:0 auto 0 0; }
html[dir=rtl] .mobile-drawer[open] { animation-name:drawer-enter-rtl; }
html[dir=rtl] .mobile-drawer.is-closing { animation-name:drawer-leave-rtl; }
@keyframes drawer-enter { from{transform:translateX(100%);opacity:.7}to{transform:translateX(0);opacity:1} }
@keyframes drawer-leave { to{transform:translateX(100%);opacity:.7} }
@keyframes drawer-enter-rtl { from{transform:translateX(-100%);opacity:.7}to{transform:translateX(0);opacity:1} }
@keyframes drawer-leave-rtl { to{transform:translateX(-100%);opacity:.7} }
.collection-page-head { padding:26px 0 55px;background:#f7f8f3; }
.collection-page-head .breadcrumbs { margin-bottom:27px; }
.collection-intro-grid { display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center; }
.collection-intro-copy h1 { font-size:clamp(45px,4.6vw,72px);line-height:1.09; }
.collection-intro-copy>p:not(.eyebrow) { font-size:16px;line-height:1.8;max-width:540px;margin-top:26px; }
.collection-intro-copy .text-link { font-size:14px;margin-top:23px;gap:28px; }
.collection-cover { margin:0;position:relative;height:440px;overflow:hidden;border-radius:16px;background:#15271c; }
.collection-cover img { width:100%;height:100%;object-fit:cover; }
.collection-cover:after { content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#07180ccc);pointer-events:none; }
.collection-cover figcaption { position:absolute;bottom:18px;left:21px;right:21px;z-index:1;color:#e8eadf;font-size:12px;line-height:1.6; }
.product-image img { transition:transform .7s; }.product:hover .product-image img{transform:scale(1.035)}
.product-image:has(img[src*="hair-editorial"]) { background:#17231b; }
.product-image:has(img[src*="hair-editorial"]) img { object-position:50% 50%; }
@media(max-width:1100px){
 header #nav { display:none!important; }
 header .menu-toggle { display:flex;order:3;margin-inline-start:0;font-size:13px;min-width:44px;min-height:44px;padding:11px 14px; }
 .header-inner .language-switch { margin-inline-start:auto;order:2; }
 .header-inner { height:84px;gap:18px; }
 .collection-intro-grid { gap:32px; }.collection-cover{height:390px;}.collection-intro-copy h1{font-size:48px;}
}
@media(max-width:650px){
 html { scroll-padding-top:91px; }
 .wrap { width:calc(100% - 40px); }
 body { font-size:16px; }
 .header-inner { height:78px;gap:12px; }
 .header-inner .brand-mark { width:37px;height:37px; }
 .header-inner .brand-wordmark { font-size:13px;letter-spacing:.035em; }
 .header-inner .brand-wordmark>span { font-size:8px;letter-spacing:.22em; }
 header .menu-toggle { padding:11px 12px;border-radius:12px; }
 .menu-label { display:none; }
 .header-inner .language-switch { gap:4px; }
 .header-inner .language-switch select { font-size:12px;min-height:44px;max-width:77px; }
 .header-inner .language-switch svg { width:18px;height:18px; }
 .cinema-hero { height:auto;min-height:0;max-height:none;padding-top:78px; }
 .cinema-topline { position:relative;top:auto;margin-top:27px;font-size:10px;line-height:1.7; }
 .cinema-topline>span:first-child{letter-spacing:.07em;}.cinema-topline .origin-coordinate{display:none;}
 .cinema-content { padding-top:69px;padding-bottom:45px; }
 .cinema-eyebrow { font-size:12px;letter-spacing:.1em;line-height:1.7;margin-bottom:21px; }
 .cinema-content h1 { font-size:clamp(38px,10.6vw,62px);line-height:1.16; }
 .cinema-description { font-size:16px;line-height:1.7;max-width:320px;margin-top:25px; }
 .cinema-actions { margin-top:28px;gap:15px; }
 .button.champagne { font-size:14px;min-height:54px;padding:14px 22px;gap:27px; }
 .cinema-link { font-size:14px;min-height:44px; }
 .cinema-bottom { position:relative;bottom:auto;left:auto;right:auto;padding:18px 0 25px;gap:20px; }
 .hero-collection-links { grid-template-columns:1fr;gap:0; }
 .hero-collection-links>a { grid-template-columns:28px 1fr auto;align-items:center;gap:9px;font-size:15px;min-height:52px;padding:12px 0;border-bottom:1px solid #ffffff20; }
 .hero-collection-links .collection-index { grid-column:auto;font-size:12px;align-self:center;padding:0; }
 .hero-collection-links>a>span:last-child { font-size:19px; }
 .cinema-bottom .motion-toggle { font-size:12px;min-height:40px;padding:9px 13px; }
 .cinema-image { object-position:67% center; }.cinema-shade{background:linear-gradient(90deg,#071812e0,#0718126b),linear-gradient(0deg,#081912 0%,#08191255 50%,transparent)}
 .hero-orbit { width:300px;height:300px;top:180px; }
 .origin-note>.wrap { padding:24px 0; }.origin-note p{font-size:16px;}.origin-note a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;}
 .trust-heading p { font-size:12px; }.trust-heading a{font-size:14px;line-height:1.7;margin-top:9px;}.trust-window{margin-top:20px;}
 .section { padding:52px 0; }.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.08em;}.section-heading{margin-bottom:25px;}
 .section-heading h2 { font-size:35px;letter-spacing:-.055em;line-height:1.16; }
 .section-heading>p,.heading-side p { font-size:16px;line-height:1.7; }.heading-side{margin-top:16px;}
 .text-link { font-size:14px;min-height:44px;align-items:center; }
 .collection-grid { gap:20px; }.collection-card,.collection-card:first-child{height:440px;border-radius:15px;}
 .collection-card>img { filter:none; }.collection-card:after{background:linear-gradient(180deg,#06110e3d,transparent 35%,#071811e6)}
 .collection-top { padding:22px;font-size:12px;letter-spacing:.05em;line-height:1.7; }
 .collection-top>span:last-child { display:none; }
 .collection-bottom { left:22px;right:22px;bottom:24px; }.collection-bottom p{font-size:14px;}.collection-tags{font-size:14px;line-height:1.6;}
 .collection-bottom h3,.collection-card:first-child .collection-bottom h3 { font-size:39px; }.collection-bottom .round-arrow{width:44px;height:44px;}
 .collection-note>span { font-size:12px;letter-spacing:.05em; }.collection-note>.text-link{font-size:14px;}
 .philosophy-top { display:block;margin-bottom:22px; }.philosophy-top .eyebrow{font-size:12px;}.philosophy-top>p:last-child{font-size:16px;margin-top:13px;}
 .philosophy>div>h2 { font-size:35px; }.source-visual{height:340px;}.source-visual>div{font-size:12px;letter-spacing:.04em;}
 .philosophy-copy>p:not(.large-copy),.value-row p { font-size:16px;line-height:1.75; }.value-row h3{font-size:18px;line-height:1.4;}.value-row{gap:13px;}
 .philosophy-copy>.button { font-size:14px;padding:15px 20px;gap:18px; }.value-symbol{display:none;}
 .credential-card { padding:23px 19px;gap:18px;min-height:150px; }.credential-art{width:78px;}.credential-card h3{font-size:18px;}
 .credential-card p { font-size:12px;line-height:1.7; }.credential-card>div>span:not(.credential-wordmark){font-size:14px;}
 .credential-card>a { width:44px;height:44px;display:grid;place-items:center;top:0;right:0;font-size:22px; }
 .world-title h2 { font-size:56px; }.world-title p{font-size:16px;}.world-title .button{font-size:14px;}.world-regions{font-size:14px;gap:14px 22px;line-height:1.6;}
 .map-origin>span,.map-origin>p{font-size:12px;}.world-map{padding-bottom:120px;}.world-map>img{height:210px;}
 .process-grid article { padding:24px; }.step-number{font-size:14px;margin-bottom:24px;}.process-grid h3{font-size:25px;}.process-grid p{font-size:16px;}
 summary,.faq-list summary { font-size:17px;line-height:1.6;gap:15px; }details>p,.faq-list details>p{font-size:16px;line-height:1.8;}
 .closing { margin:0 10px 12px;padding:43px 0; }.closing .eyebrow{font-size:12px;max-width:none;line-height:1.8;}.closing h2{font-size:45px;line-height:1.15;}.closing .button{font-size:14px;min-height:54px;}
 .footer-grid { gap:30px 24px; }.footer-grid h3{font-size:13px;margin-bottom:12px;}.footer-grid>div>a:not(.logo){font-size:14px;line-height:1.7;min-height:40px;display:flex;align-items:center;}
 .footer-grid>div>p { font-size:16px; }.footer-grid .footer-small{font-size:12px;}.footer-bottom{font-size:12px;line-height:1.7;padding-bottom:65px;}.footer-signature{font-size:14vw;}
 .collection-page-head { padding:20px 0 27px; }.collection-page-head .breadcrumbs{font-size:12px;margin-bottom:22px;line-height:1.7;}
 .collection-intro-grid { grid-template-columns:1fr;gap:25px; }.collection-intro-copy h1{font-size:39px;line-height:1.16;}.collection-intro-copy>p:not(.eyebrow){font-size:16px;margin-top:20px;line-height:1.75;}
 .collection-intro-copy .eyebrow { font-size:12px;margin-bottom:14px; }.collection-intro-copy .text-link{margin-top:13px;font-size:14px;}
 .collection-cover { height:270px;border-radius:13px; }.collection-cover figcaption{font-size:12px;left:17px;right:17px;bottom:15px;}
 .division-nav { margin-top:0; }.division-nav>.wrap{display:flex;gap:22px;overflow:auto;scrollbar-width:none;width:100%;padding:0 20px;}.division-nav a{font-size:14px;white-space:nowrap;min-height:58px;}.division-nav a>span{display:none;}
 .catalogue-section { padding-top:30px; }.catalog-toolbar{align-items:flex-start;gap:17px;}.filters{gap:8px;}.filter{font-size:14px;padding:10px 16px;min-height:44px;}.catalog-count{font-size:13px;}
 .product-grid { gap:23px; }.product{border-radius:15px;}.product-image{height:220px;}.product-image>span{font-size:12px;left:18px;top:16px;bottom:auto;letter-spacing:.04em;}
 .product-body { padding:23px 21px; }.product-body h2{font-size:28px;line-height:1.2;}.product-body p{font-size:16px;line-height:1.7;}.product-meta{font-size:14px;line-height:1.6;gap:11px 15px;}.product .button{font-size:14px;min-height:50px;padding:12px 18px;width:100%;justify-content:space-between;}
 .catalog-note { font-size:13px;line-height:1.8; }.quote-bar>.wrap{gap:16px;}.quote-bar .selected-count{font-size:13px;}.quote-bar .clear{font-size:12px;min-height:35px;}.quote-bar .button{font-size:13px;padding:11px 17px;min-height:47px;gap:14px;}
 .page-intro { padding-bottom:34px; }.page-intro .eyebrow{font-size:12px;}.breadcrumbs{font-size:12px;}.page-intro h1{font-size:38px;line-height:1.17;}.intro-description{font-size:16px;line-height:1.75;}
 .prose p,.info-card p,.standard-copy p { font-size:16px;line-height:1.8; }.notice{font-size:14px;line-height:1.8;}.spec-table{font-size:14px;line-height:1.65;}.spec-table th,.spec-table td{padding:17px 13px;}
 .contact-form { padding:23px 19px;gap:22px; }.field{font-size:14px;gap:9px;}.field input,.field select{min-height:51px;}.field input,.field textarea,.field select{font-size:16px;border-radius:9px;}.form-actions .button{font-size:15px;min-height:52px;}.form-actions>p{font-size:13px;line-height:1.7;}.contact-aside p,.contact-aside a{font-size:16px;}.contact-aside h3{font-size:14px;}
 .about-stats span,.quote-author p { font-size:13px; }.about-stats{gap:25px;}.about-quote{font-size:28px;line-height:1.5;}
 .whatsapp { bottom:17px;right:16px;width:50px;height:50px;padding:12px; }.whatsapp>span{display:none;}.quote-bar:not([hidden])~.whatsapp{bottom:92px;}
 html[lang=hi] .cinema-content h1,html[lang=ar] .cinema-content h1{font-size:38px;line-height:1.5;}html[lang=fr] .cinema-content h1{font-size:38px;}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-inner{gap:8px}.header-inner .brand-wordmark{font-size:11px}.header-inner .brand-mark{width:32px;height:32px}.header-inner .language-switch select{max-width:66px;font-size:12px}.header-inner .language-switch svg{display:none}.cinema-content h1{font-size:37px}.drawer-top,.drawer-content{padding-inline:20px}.drawer-top .brand-wordmark{font-size:13px}.drawer-collections strong{font-size:19px}.collection-intro-copy h1{font-size:35px}.credential-art{width:68px}}
@media(prefers-reduced-motion:reduce){.mobile-drawer[open],.mobile-drawer.is-closing{animation:none}.product:hover .product-image img{transform:none}}
@media(max-width:650px){body:has(.quote-bar:not([hidden])) .whatsapp{display:none}.collection-page-head .breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}}