html,body{overflow-x:hidden}
/* The reference stylesheet stays intact; only multipage and accessibility adaptations live here. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tracking-frame{display:none;visibility:hidden}
html{scroll-padding-top:112px}
.header{position:fixed;background:#0c0b0ce8;backdrop-filter:blur(16px)}
.header nav{gap:clamp(14px,1.6vw,27px)}
.header nav a[aria-current="page"]{color:var(--rose)}
.header .nav-contact{margin-left:4px}
.header .nav-contact span{margin-left:16px}
.footer-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #ffffff20;padding-top:25px;font-size:12px;color:#c7b8c1}
.page-hero{padding-top:176px;padding-bottom:75px;background:var(--ink);color:var(--ivory);position:relative;overflow:hidden}
.page-hero>.eyebrow{color:#c5a1b5}
.page-hero h1{font:500 12px/1.6 var(--sans);letter-spacing:.08em;color:#d8c8d2;margin:28px 0}
.page-deck{font:400 clamp(64px,7vw,112px)/1.06 var(--serif);letter-spacing:-.035em;padding-bottom:.08em;max-width:1100px}
.page-deck em{color:#c39bb0;font-weight:400}
.page-intro{max-width:610px;margin-top:35px;font-size:14px;color:#cdbfc7}
.profile-first{margin-top:0;border-top:0;padding-top:0}
.business-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.business-model-grid article{min-width:0}
.category-catalogue{padding-top:45px}
.category-links{display:flex;gap:35px;flex-wrap:wrap;padding-bottom:32px;margin-bottom:45px;border-bottom:1px solid #b49ca7;color:#75616e;font-size:13px}
.category-links a{display:flex;gap:20px;padding:8px 0}
.category-links a[aria-current="page"]{color:var(--berry);border-bottom:1px solid var(--berry)}
.products-color{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px}
.products-cleansing{grid-template-columns:minmax(0,520px)}
.category-details{background:#e9e3df;color:var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:6vw;border-top:1px solid #c7b0be}
.category-details>.eyebrow{color:var(--berry)}
.category-details h2{font-size:clamp(42px,4.5vw,72px)}
.category-details h2 em{color:var(--berry)}
.category-details p{max-width:520px;margin-top:30px;color:#675761;font-size:14px}
.category-details .text-link{margin-top:20px}
.page-cta h2{font-size:clamp(60px,7vw,108px)}
.secondary-cta{display:block;width:fit-content;margin:25px auto 0;border-bottom:1px solid #a77990;padding:10px 0;font-size:13px}
.certificate-records{background:#e9e3df;color:var(--ink);padding-top:65px}
.certificate-record{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;padding:65px 0;border-bottom:1px solid #bba7b2}
.certificate-record:first-child{padding-top:0}
.certificate-record:last-child{padding-bottom:0;border-bottom:0}
.certificate-scans{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-self:start}
.certificate-scans figure{margin:0;min-width:0}
.certificate-scans button{background:#f5f1e9;padding:12px;width:100%;border:1px solid #d0bcc7;transition:transform .3s}
.certificate-scans button:hover{transform:translateY(-4px)}
.certificate-scans img{height:auto}
.certificate-scans figcaption{font-size:11px;color:#735766;padding-top:12px}
.certificate-record-copy>.eyebrow{color:var(--berry)}
.certificate-record-copy h2{font-size:clamp(32px,3vw,48px);line-height:1.16;letter-spacing:-.025em;margin:22px 0 28px}
.certificate-record-copy dl{margin:0 0 25px;font-size:13px}
.certificate-record-copy dl>div{display:grid;grid-template-columns:125px 1fr;gap:15px;border-top:1px solid #c7b0be;padding:13px 0;line-height:1.6}
.certificate-record-copy dt{color:#78616e}
.certificate-record-copy dd{margin:0;overflow-wrap:anywhere}
.certificate-record-copy p{font-size:14px;color:#675761;line-height:1.85}
.contact-item a,.contact-item p{overflow-wrap:anywhere}
.contact input,.contact select,.contact textarea{font:inherit;font-size:15px;min-height:44px;border-radius:0}
.contact select option{background:#20151d;color:var(--ivory)}
.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible{outline:2px solid var(--rose);outline-offset:5px}
.contact form .submit{cursor:pointer}
.form-feedback[hidden]{display:none}
.certificate-description p{font-size:12px;line-height:1.7}
.legacy-detail{padding-top:92px}
.legacy-detail .header{padding-left:4vw;padding-right:4vw}
.legacy-detail .brand,.legacy-detail .header nav a{color:var(--ivory)}
.legacy-detail .pro_main{background:var(--ivory);color:var(--ink)}
@media(max-width:1100px){
 .header nav{display:none;position:absolute;top:92px;left:0;right:0;max-height:calc(100dvh - 92px);overflow:auto;background:#151015;padding:26px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ffffff22;gap:20px}
 .header.menu-open nav{display:flex}
 .menu-toggle{display:flex;align-items:center;gap:12px;font-size:12px;padding:12px 0}
 .header nav a{font-size:14px}
 .header .nav-contact,.language-switch{margin-left:0}
 .certificate-record{grid-template-columns:1fr;gap:40px}
 .certificate-scans{max-width:640px}
}
@media(max-width:600px){
 html{scroll-padding-top:94px}
 .header nav{top:76px;max-height:calc(100dvh - 76px);padding:25px 7vw}
 .header .language-switch button{font-size:12px}
 .page-hero{padding-top:132px;padding-bottom:55px}
 .page-hero h1{font-size:12px;letter-spacing:.02em;margin:23px 0}
 .page-deck{font-size:52px;line-height:1.1}
 .page-intro{font-size:14px;margin-top:25px}
 .category-links{gap:18px;font-size:12px;padding-bottom:22px;margin-bottom:30px}
 .category-links a{gap:8px}
 .category-catalogue{padding-top:30px;padding-bottom:55px}
 .products-color{grid-template-columns:repeat(2,minmax(0,1fr))}
 .products-cleansing{grid-template-columns:1fr}
 .tile-title h3{font-size:23px;overflow-wrap:anywhere}
 .category-details{display:block}
 .category-details>.eyebrow{display:block;margin-bottom:30px}
 .category-details h2{font-size:46px}
 .category-details .text-link{font-size:12px;gap:20px}
 .certificate-records{padding-top:45px}
 .certificate-record{padding:45px 0;gap:30px}
 .certificate-scans{gap:15px}
 .certificate-scans button{padding:6px}
 .certificate-record-copy h2{font-size:34px}
 .certificate-record-copy dl>div{grid-template-columns:105px 1fr;gap:12px;font-size:12px}
 .certificate-record-copy p{font-size:14px}
 .business-model-grid{grid-template-columns:1fr}
 .certificate-description p{font-size:12px}
 .footer-nav{gap:18px;font-size:12px}
 .legacy-detail{padding-top:76px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.certificate-scans button:hover{transform:none}}

/* Keep the fixed header full width: the CMS frontend script sets an inline left:auto on scroll. */
.header{left:0!important;right:0!important;width:auto!important}
