:root{--ink:#143657;--deep:#082f63;--forest:#064487;--teal:#0b5ca4;--mint:#d5e8fa;--mist:#f2f7fd;--ivory:#fbfcff;--soft:#e8f1fb;--line:#dce5f0;--muted:#6a7b90;--orange:#fa6817;--orange-deep:#bb4c0f;--white:#fff;--font-main:'Manrope',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
::selection{background:#b0e7d8;color:#083f3d}
.shell{width:min(100% - 72px,1240px);margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:16px;background:var(--deep);color:white;padding:10px 14px;z-index:999}
.skip-link:focus{top:14px}
:focus-visible{outline:3px solid #72c7b8;outline-offset:4px}
.topbar{height:37px;background:#0c5956;color:#d5f3eb;font-size:11px;font-weight:700;letter-spacing:.065em}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-inner>span{display:flex;align-items:center;gap:10px}
.topbar-dot{width:6px;height:6px;border-radius:50%;background:#b7eddb;box-shadow:0 0 0 4px #2e7871}
.topbar a{white-space:nowrap;display:flex;gap:10px;align-items:center;transition:color .2s}
.topbar a:hover{color:#fff}
.site-header{height:91px;position:sticky;top:0;z-index:50;background:rgba(252,254,252,.97);border-bottom:1px solid #e4eeea;transition:height .3s,box-shadow .3s;backdrop-filter:blur(16px)}
.site-header.is-scrolled{height:76px;box-shadow:0 10px 30px #0d4a4810}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
.brand-symbol{display:inline-flex;width:48px;height:48px}
.brand-symbol svg{width:100%;height:100%}
.brand-type{display:flex;flex-direction:column;line-height:1;gap:5px;color:#0b5653}
.brand-type>span{font:800 24px/.96 var(--font-main);letter-spacing:.17em}
.brand-type small{font:700 10px/1 var(--font-main);letter-spacing:.49em}
.desktop-nav{display:flex;gap:37px;align-items:center;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:700;color:#49645f;position:relative;white-space:nowrap;transition:color .25s}
.desktop-nav a:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:2px;background:var(--teal);transition:width .25s}
.desktop-nav a:hover{color:var(--deep)}
.desktop-nav a:hover:after{width:100%}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #0e716d;color:#0b6b66;font:800 12px/1 var(--font-main);letter-spacing:.015em;padding:16px 20px;border-radius:7px;transition:background .2s,color .2s,transform .2s;white-space:nowrap;margin-left:10px}
.header-cta:hover{background:var(--forest);color:#fff;transform:translateY(-1px)}
.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f7fcf9 0%,#f2faf7 55%,#edf8f4 100%)}
.hero-glow{position:absolute;pointer-events:none;width:540px;height:540px;border-radius:50%;background:#d8f2e9;filter:blur(90px);opacity:.4;top:0;right:-230px}
.hero-grid{position:relative;min-height:650px;display:grid;grid-template-columns:50% 50%;align-items:center;padding-block:56px 35px}
.hero-content{z-index:2;padding-block:10px 40px;padding-right:15px}
.eyebrow{display:flex;align-items:center;gap:12px;font:800 11px/1.4 var(--font-main);letter-spacing:.14em;color:#0b8177}
.eyebrow-line{display:block;width:34px;height:1.5px;background:#2d9c8e}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-main)}
.hero h1{font-size:clamp(56px,5.25vw,82px);font-weight:700;line-height:1.115;letter-spacing:-.065em;margin:26px 0 27px;color:#153c39}
h1 em,h2 em{font-style:normal;color:#16847a}
.hero-lede{color:#617774;font-size:16.5px;line-height:1.9;max-width:480px;margin-bottom:30px}
.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.btn{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:33px;border:0;border-radius:6px;padding:16px 22px;font:800 12px/1.2 var(--font-main);letter-spacing:.012em;transition:transform .22s,background .22s,box-shadow .22s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#0b7470;color:white;box-shadow:0 12px 24px #0e7c7430}
.btn-primary:hover{background:#095b58;box-shadow:0 15px 24px #0e7c7440}
.btn-text{color:#0b605b;padding:15px 2px;box-shadow:none;min-height:0}
.btn-text:hover{color:#083b39}
.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:71px;color:#78928d;font-size:12px;font-weight:700;letter-spacing:.02em}
.hero-footnote-line{width:44px;height:1px;background:#b7d5c9}
.hero-visual{height:565px;position:relative;border-radius:190px 12px 12px 12px;align-self:center;overflow:hidden;box-shadow:0 36px 80px #3d857421;background:#e1f0e9}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,249,245,.28),transparent 35%),linear-gradient(0deg,rgba(12,68,57,.12),transparent 31%);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}
.hero-image-caption{z-index:2;position:absolute;bottom:27px;left:29px;display:flex;align-items:center;gap:12px;color:#0e5f58;background:rgba(255,255,255,.92);padding:12px 17px 12px 12px;border-radius:40px;box-shadow:0 10px 30px #2957471e;backdrop-filter:blur(10px);font-size:11px;font-weight:800;letter-spacing:.01em}
.caption-mark{width:29px;height:29px;background:#0d7771;border-radius:50%;display:grid;place-items:center;color:white;font:800 14px var(--font-main)}
.caption-plus{font-size:7px;vertical-align:top}
.hero-orbit{pointer-events:none;position:absolute;z-index:1;border:1px solid #ffffff7a;width:210px;height:210px;border-radius:50%;top:-95px;right:-80px}
.orbit-two{width:300px;height:300px;top:-140px;right:-125px}
.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;color:#71908a;font:800 10px/1 var(--font-main);letter-spacing:.16em}
.hero-bottom a{display:flex;align-items:center;gap:17px}
.down-arrow{font-size:18px;line-height:1;color:#267e72}
.specialty-band{background:#e8f4ef;border-block:1px solid #d8e8e1;overflow:hidden}
.specialty-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;color:#477b73;font:800 10px/1.5 var(--font-main);letter-spacing:.14em;white-space:nowrap}
.band-star{font-size:17px;color:#7ab6a7;font-weight:400}
.section{padding-block:130px}
.section-label{font:800 11px/1.4 var(--font-main);letter-spacing:.13em;color:#258278;display:flex;align-items:center;gap:10px}
.label-number{color:#9dc4b7}
.about-section{background:#fff}
.about-layout{display:grid;grid-template-columns:26% 74%;gap:0}
.about-layout>.section-label{padding-top:19px}
.about-main h2{max-width:900px;font-size:clamp(37px,4.1vw,59px);line-height:1.23;letter-spacing:-.055em;color:#183f3d;margin-bottom:43px}
.accent-underline{position:relative;color:#13847a;white-space:nowrap}
.accent-underline:after{content:"";height:7px;position:absolute;left:0;right:0;bottom:-5px;background:#bde7d9;z-index:-1}
.about-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:start;border-top:1px solid var(--line);padding-top:33px}
.about-bottom>p{font-size:17px;color:#667b76;line-height:1.95;margin:0}
.about-aside{display:flex;gap:17px;align-items:start}
.mini-icon{width:57px;height:57px;border-radius:50%;background:#e1f3eb;color:#198479;display:grid;place-items:center;flex:none}
.mini-icon svg{width:31px;height:31px}
.about-aside div{display:flex;flex-direction:column;gap:9px;padding-top:4px}
.about-aside strong{font:800 15px var(--font-main);color:#1b4b45}
.about-aside span:last-child{font-size:14px;color:#718b84;line-height:1.8}
.focus-section{background:#f3f9f6}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}
.section-heading h2{font-size:clamp(38px,4vw,56px);line-height:1.2;letter-spacing:-.055em;font-weight:700;margin:22px 0 0}
.section-heading>p{max-width:325px;margin-bottom:5px;color:#70847e;line-height:1.85;font-size:15px}
.focus-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.focus-card{height:610px;position:relative;overflow:hidden;border-radius:12px;padding:31px 35px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.dermatology-card{background:linear-gradient(150deg,#e7f6ee,#d6eee3 70%,#c8e7da)}
.second-card{background:linear-gradient(145deg,#166d68,#0c4548 85%);color:white}
.focus-card-top{display:flex;align-items:center;justify-content:space-between;font:800 12px var(--font-main);position:relative;z-index:2}
.focus-card-top>span:first-child{opacity:.7}
.focus-tag{font-size:10px;letter-spacing:.11em;padding:9px 12px;border:1px solid #9ccbbb;border-radius:100px;color:#387e71}
.focus-tag-light{color:#a8d5ce;border-color:#4a8682}
.derm-art{position:absolute;width:83%;top:65px;left:11%;z-index:0;opacity:.9}
.derm-art svg{width:100%;height:auto}
.specialty-art{position:absolute;width:350px;height:350px;top:35px;left:50%;transform:translateX(-50%);display:grid;place-items:center}
.specialty-ring{position:absolute;border:1px solid #76c3b347;border-radius:50%}
.ring-a{width:310px;height:310px}
.ring-b{width:248px;height:248px}
.ring-c{width:190px;height:190px;background:radial-gradient(circle,#2a9a874d,transparent 69%)}
.specialty-core{height:100px;width:100px;border-radius:50%;background:#2b8d82;box-shadow:0 0 70px #5ca89a45;display:grid;place-items:center}
.specialty-core svg{width:55px}
.focus-card-copy{position:relative;z-index:3}
.focus-category{font:800 10px var(--font-main);letter-spacing:.13em;color:#25897d}
.second-card .focus-category{color:#a5d8cc}
.focus-card h3{font-size:37px;line-height:1.2;letter-spacing:-.04em;font-weight:700;margin:13px 0 13px}
.focus-card h3 sup{font-size:16px;top:-.8em;position:relative}
.focus-card p{font-size:14.5px;line-height:1.85;max-width:370px;color:#66877c;margin-bottom:22px}
.second-card p{color:#b8d6d0}
.focus-card a{display:inline-flex;gap:22px;align-items:center;font:800 12px var(--font-main);padding-bottom:7px;border-bottom:1px solid #75ad9d}
.second-card a{border-color:#7eafa8;color:#e4f4ef}
.focus-note{font-size:12px;color:#7a8c85;margin:17px 0 0}
.formats-section{background:#fff}
.formats-layout{display:grid;grid-template-columns:31% 69%;gap:15px;align-items:start}
.formats-intro{padding:8px 37px 0 0}
.formats-intro h2{font-size:clamp(35px,3.2vw,48px);letter-spacing:-.055em;line-height:1.23;margin:28px 0 22px}
.formats-intro>p{color:#71857f;font-size:15px;line-height:1.9;margin-bottom:30px}
.subtle-callout{display:inline-flex;gap:9px;align-items:center;color:#628b81;font:800 9px var(--font-main);letter-spacing:.1em}
.subtle-callout span{font-size:18px;color:#37a394}
.formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.format-card{background:#f5faf7;border:1px solid #e1eee7;border-radius:12px;padding:20px 22px 25px;min-height:375px;transition:transform .25s,box-shadow .25s}
.format-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #164c3f11}
.format-index{color:#759a8e;font:800 10px var(--font-main);letter-spacing:.09em}
.format-illustration{height:230px;display:grid;place-items:center;position:relative}
.format-illustration:after{content:"";position:absolute;width:110px;height:18px;background:#346f5d17;border-radius:50%;filter:blur(7px);bottom:17px}
.tube{width:66px;height:163px;position:relative;background:linear-gradient(90deg,#d2e4dd 0%,#fff 22%,#fefefe 66%,#c1d6ce 100%);clip-path:polygon(9% 0,91% 0,100% 85%,90% 89%,90% 100%,10% 100%,10% 89%,0 85%);transform:rotate(-7deg);filter:drop-shadow(8px 8px 8px #244e4215)}
.tube:before{content:"";position:absolute;left:0;right:0;top:0;height:17px;background:#abcbbd}
.tube span{position:absolute;top:75px;left:9px;right:9px;height:33px;background:linear-gradient(180deg,#7ec9b2,#0c827c)}
.tall-bottle{height:161px;width:67px;border-radius:17px 17px 10px 10px;background:linear-gradient(90deg,#bad6ce,#e8f8f1 30%,#d0f0e6 70%,#add1c3);position:relative;box-shadow:9px 9px 17px #2f645321;transform:rotate(4deg)}
.tall-bottle:before{content:"";position:absolute;width:42px;height:21px;background:linear-gradient(90deg,#d1e0dc,#f9fdfb,#c0d4cd);top:-20px;left:12px;border-radius:4px 4px 0 0}
.tall-bottle span{position:absolute;top:70px;left:0;right:0;height:35px;background:#70baa5}
.pump{height:149px;width:77px;border-radius:9px 9px 12px 12px;background:linear-gradient(90deg,#d3e0d9,#fff 30%,#f6fbf7 68%,#c2d7cd);position:relative;box-shadow:9px 11px 18px #2f645321;transform:rotate(-4deg)}
.pump:before{content:"";position:absolute;top:-34px;left:32px;background:#b4d2c4;height:34px;width:12px;border-radius:3px}
.pump:after{content:"";position:absolute;top:-34px;left:35px;width:34px;height:7px;background:#b4d2c4;border-radius:4px}
.pump span{position:absolute;top:72px;left:0;right:0;height:30px;background:#a2d5c5}
.format-card h3{font-size:22px;line-height:1.2;color:#1e504a;letter-spacing:-.035em;margin:0 0 6px}
.format-card p{font-size:12px;color:#7e968e;margin:0}
.approach-section{background:#edf6f1}
.approach-heading{margin-bottom:65px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.process-item{min-height:285px}
.process-number{font:800 12px var(--font-main);color:#2d8b80}
.process-rule{display:block;width:100%;height:1px;background:#b7d7c9;margin:20px 0 25px;position:relative}
.process-rule:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#49a696;top:-3.5px;left:0}
.process-icon{width:51px;height:51px;border:1px solid #acd3c4;color:#278d82;border-radius:50%;display:grid;place-items:center;font:26px/1 var(--font-body);margin-bottom:25px}
.process-item h3{font-size:18px;letter-spacing:-.03em;margin-bottom:12px;color:#154e47}
.process-item p{font-size:14px;line-height:1.85;color:#69857b;max-width:236px}
.process-disclaimer{font-size:12px;color:#81968d;border-top:1px solid #cce0d7;padding-top:17px}
.statement-section{background:#0b524f;color:#fff;position:relative;overflow:hidden}
.statement-section:before,.statement-section:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid #70b2a74b;right:-220px;top:-320px;box-shadow:0 0 0 115px #6cb2a00b,0 0 0 230px #6cb2a008}
.statement-section:after{width:330px;height:330px;top:auto;bottom:-280px;left:-200px;right:auto;box-shadow:none}
.statement-inner{padding:95px 0 100px;position:relative;z-index:1;text-align:center}
.statement-asterisk{font-size:31px;color:#a8e6d7;margin-bottom:14px}
.statement-inner p{font:600 clamp(27px,3.2vw,43px)/1.45 var(--font-main);letter-spacing:-.045em;max-width:890px;margin:0 auto 29px}
.statement-inner p span{color:#9bdbcb}
.statement-signature{font:800 10px var(--font-main);letter-spacing:.18em;color:#a2d7c9}
.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:41% 59%;gap:30px}
.faq-title-block{padding-right:70px}
.faq-title-block h2{font-size:clamp(36px,3.9vw,54px);letter-spacing:-.06em;line-height:1.25;margin:25px 0 21px}
.faq-title-block p{font-size:15px;color:#7a8a85;line-height:1.8}
.faq-list{border-top:1px solid #d9e8e0}
.faq-list details{border-bottom:1px solid #d9e8e0}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 0;font:700 15px/1.5 var(--font-main);color:#315d56}
.faq-list summary::-webkit-details-marker{display:none}
.faq-control{font:400 26px/1 var(--font-body);color:#218e7d;transition:transform .2s}
.faq-list details[open] .faq-control{transform:rotate(45deg)}
.faq-list details p{max-width:620px;color:#7b9189;margin:0 45px 26px 0;font-size:14px;line-height:1.85}
.contact-section{background:#edf7f2;padding:122px 0 130px;position:relative;overflow:hidden}
.contact-section:before{content:"";position:absolute;border:1px solid #d4e7dc;width:800px;height:800px;border-radius:50%;top:-360px;left:-450px}
.contact-grid{display:grid;grid-template-columns:45% 55%;gap:0;position:relative}
.contact-copy{padding:35px 90px 20px 0}
.contact-copy h2{font-size:clamp(42px,4.4vw,65px);line-height:1.18;letter-spacing:-.06em;margin:25px 0}
.contact-copy>p{color:#6f8980;font-size:16px;line-height:1.9;margin-bottom:55px}
.contact-pending{display:flex;gap:14px;align-items:start;border-top:1px solid #bddacd;padding-top:25px}
.pending-dot{height:9px;width:9px;flex:none;background:#5aafa0;border-radius:50%;margin-top:9px}
.contact-pending div{display:flex;flex-direction:column;gap:7px}
.contact-pending strong{font:800 14px var(--font-main);color:#356d62}
.contact-pending span:last-child{font-size:13px;color:#7e998e;line-height:1.7}
.enquiry-card{background:white;border:1px solid #e1ebe6;border-radius:13px;box-shadow:0 25px 70px #195e4b12;padding:38px 43px}
.enquiry-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;margin-bottom:27px;border-bottom:1px solid #e1eee7;font:800 11px var(--font-main);letter-spacing:.13em;color:#29867a}
.enquiry-header>span:last-child{font-size:19px}
.enquiry-card form{display:flex;flex-direction:column;gap:17px}
.enquiry-card label{display:flex;flex-direction:column;gap:8px;font:700 12px var(--font-main);color:#416b60}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.enquiry-card input,.enquiry-card select,.enquiry-card textarea{width:100%;background:#f8fbf9;border:1px solid #e2ece7;border-radius:5px;color:#214942;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s;font:14px/1.5 var(--font-body)}
.enquiry-card textarea{resize:vertical;min-height:105px}
.enquiry-card :is(input,select,textarea):focus{border-color:#66b8a8;box-shadow:0 0 0 3px #66b8a821}
.enquiry-card input::placeholder,.enquiry-card textarea::placeholder{color:#a3b7ac}
.form-submit{width:100%;justify-content:space-between;margin-top:5px}
.form-hint{font-size:11px;color:#91a39b;line-height:1.6;margin:0}
.form-result{font-size:12px;line-height:1.6;margin:0;min-height:0}
.form-result:empty{display:none}
.form-result.success{color:#0b8270;background:#e6f7ef;border:1px solid #c7e9db;padding:12px;border-radius:5px}
.form-result.error{color:#ac5739;background:#fff1e9;padding:12px;border-radius:5px}
.site-footer{background:#093c3c;color:#cae7df}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:30px;padding:72px 0 80px}
.footer-brand .brand-symbol{width:50px;height:50px}
.footer-brand .brand-type{color:#f4fcf9}
.footer-top>p{font:700 24px/1.5 var(--font-main);letter-spacing:-.04em;margin:0}
.footer-links{display:flex;flex-direction:column;gap:14px;align-items:flex-start;font-size:13px;color:#b1d5c9}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid #2d5e59;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 34px;font-size:11px;color:#89b5a9}
.footer-bottom span:nth-child(2){max-width:590px;text-align:center}
.footer-bottom a{white-space:nowrap;color:#b7d9d0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.focus-card:nth-child(2),.format-card:nth-child(2),.process-item:nth-child(2){transition-delay:.08s}
.format-card:nth-child(3),.process-item:nth-child(3){transition-delay:.15s}
.process-item:nth-child(4){transition-delay:.22s}
@media(max-width:1140px){.shell{width:min(100% - 54px,1240px)}.desktop-nav{gap:21px}.header-cta{padding:14px 15px;gap:12px;margin-left:0}.hero h1{font-size:63px}.hero-visual{height:510px}.hero-grid{min-height:600px}.about-bottom{gap:32px}.formats-layout{grid-template-columns:28% 72%}.formats-intro{padding-right:20px}.format-card{padding:18px 15px}.contact-copy{padding-right:55px}}
@media(max-width:900px){.topbar{font-size:10px}.site-header,.site-header.is-scrolled{height:77px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:1px solid #cbded4;border-radius:8px;width:46px;height:44px}.menu-toggle span{height:2px;width:20px;background:#155f59;display:block;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fbfefa;border-top:1px solid #e1ede7;box-shadow:0 20px 35px #103b3014;padding:15px 27px 27px;max-height:calc(100vh - 76px);overflow:auto}.mobile-nav a{font:700 15px var(--font-main);padding:15px 6px;border-bottom:1px solid #e4eee8;color:#1c5a55}.mobile-nav a:last-child{color:#0b8a78}.hero-grid{grid-template-columns:1fr;gap:25px;min-height:0;padding-top:90px;padding-bottom:45px}.hero-content{padding:0;max-width:700px}.hero h1{font-size:clamp(58px,8.4vw,82px)}.hero-lede{max-width:650px}.hero-footnote{margin-top:35px}.hero-visual{height:520px;border-radius:120px 12px 12px 12px}.hero-visual img{object-position:center 59%}.hero-bottom{padding-bottom:25px}.specialty-inner{flex-wrap:wrap;justify-content:center;gap:15px 25px;padding-block:18px}.about-layout{grid-template-columns:1fr;gap:27px}.about-layout>.section-label{padding-top:0}.about-bottom{gap:50px}.section{padding-block:95px}.focus-card{height:550px}.formats-layout{grid-template-columns:1fr;gap:40px}.formats-intro{max-width:600px}.format-card{min-height:345px}.format-illustration{height:210px}.faq-layout{grid-template-columns:1fr;gap:20px}.faq-title-block{padding-right:0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy{padding:0;max-width:670px}.contact-copy>p{margin-bottom:28px}.contact-pending{max-width:500px}.enquiry-card{max-width:750px;width:100%}.footer-top{grid-template-columns:1fr 1fr}.footer-links{grid-column:2;grid-row:1 / span 2;align-self:start;margin-left:50px}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-bottom span:nth-child(2){text-align:left;order:3;flex-basis:100%}}
@media(max-width:640px){.shell{width:min(100% - 36px,1240px)}.topbar{height:32px;font-size:9px;letter-spacing:0}.topbar-inner>span{gap:7px}.topbar-inner>a{display:none}.site-header,.site-header.is-scrolled{height:70px}.brand-symbol{height:42px;width:42px}.brand-type>span{font-size:21px}.brand-type small{font-size:8px}.hero-grid{padding-top:63px;gap:28px}.eyebrow{font-size:9px;letter-spacing:.1em;gap:9px}.eyebrow-line{width:22px}.hero h1{font-size:clamp(47px,12.2vw,68px);margin:23px 0 23px}.hero-lede{font-size:15px;line-height:1.78}.hero-actions{gap:14px}.btn{font-size:11px;min-height:51px;gap:17px;padding:15px 17px}.btn-text{padding:15px 0}.hero-footnote{margin-top:30px;font-size:11px}.hero-visual{height:350px;border-radius:100px 10px 10px 10px}.hero-visual img{object-position:66% center}.hero-image-caption{bottom:15px;left:14px;font-size:9px;padding:9px 11px 9px 8px}.caption-mark{height:24px;width:24px;font-size:12px}.hero-bottom>span{display:none}.hero-bottom{justify-content:flex-end;padding-bottom:20px}.specialty-inner{min-height:62px;gap:8px 13px;font-size:8px;letter-spacing:.07em}.band-star{font-size:10px}.section{padding-block:78px}.section-label{font-size:10px}.about-main h2{font-size:clamp(34px,9.2vw,45px);margin-bottom:27px}.accent-underline{white-space:normal}.about-bottom{grid-template-columns:1fr;gap:25px;padding-top:25px}.about-bottom>p{font-size:15px;line-height:1.85}.about-aside{max-width:410px}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:28px}.section-heading h2{font-size:clamp(33px,9vw,45px)}.section-heading>p{max-width:500px}.focus-cards{grid-template-columns:1fr;gap:16px}.focus-card{height:520px;padding:25px 26px}.derm-art{width:86%;left:8%;top:38px}.specialty-art{top:24px}.focus-card h3{font-size:31px}.focus-card p{font-size:14px}.focus-note{font-size:11px}.formats-intro h2{font-size:39px}.formats-grid{grid-template-columns:1fr 1fr;gap:11px}.format-card{min-height:320px;padding:16px 12px}.format-illustration{height:200px}.format-card h3{font-size:19px}.format-card p{font-size:11px}.format-card:last-child{grid-column:span 2;min-height:260px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:20px}.format-card:last-child .format-index{grid-column:1 / -1}.format-card:last-child .format-illustration{grid-column:1;grid-row:2 / span 2;height:200px}.format-card:last-child h3{grid-column:2;grid-row:2;align-self:end}.format-card:last-child p{grid-column:2;grid-row:3}.process-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.process-item{min-height:220px}.process-rule{margin:12px 0 20px}.process-icon{height:43px;width:43px;font-size:20px;margin-bottom:18px}.process-item h3{font-size:16px}.process-item p{font-size:12.5px}.process-disclaimer{margin-top:15px}.statement-inner{padding:78px 0}.statement-inner p{font-size:clamp(25px,7vw,34px)}.faq-title-block h2{font-size:41px}.faq-list summary{font-size:14px;padding:22px 0}.faq-list details p{font-size:13px}.contact-section{padding:80px 0}.contact-copy h2{font-size:48px}.contact-copy>p{font-size:15px}.enquiry-card{padding:26px 21px}.field-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:28px;padding:55px 0}.footer-links{grid-column:1;grid-row:auto;margin-left:0}.footer-top>p{font-size:20px}.footer-bottom{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Avrise Pharmaceuticals official blue-and-orange brand adaptation. */
.topbar{background:#073d7a;color:#edf4ff}
.topbar-dot{background:#ff934f;box-shadow:0 0 0 4px #27588d}
.site-header{height:114px;background:rgba(255,255,255,.98);border-color:#e3eaf2}
.site-header.is-scrolled{height:96px;box-shadow:0 10px 30px #063b7b12}
.brand-logo{width:214px;height:auto;display:block;transition:width .25s}
.site-header.is-scrolled .brand-logo{width:189px}
.desktop-nav a{color:#5c6e84}
.desktop-nav a:hover{color:#064487}
.desktop-nav a:after{background:var(--orange)}
.header-cta{border-color:#064487;color:#064487}
.header-cta:hover{background:#064487;color:white}
.hero{background:linear-gradient(110deg,#fbfdff 0%,#f2f7fc 61%,#e8f1fc 100%)}
.hero-glow{background:#d2e1f8}
.eyebrow{color:#b94e10}
.eyebrow-line{background:var(--orange)}
.hero h1{color:#123d70;font-size:clamp(53px,5.1vw,73px)}
h1 em,h2 em{color:#dc5918}
.hero-lede{color:#6a7c90}
.btn-primary{background:#064487;color:#fff;box-shadow:0 12px 24px #06448725}
.btn-primary:hover{background:#08356e;box-shadow:0 15px 25px #06448730}
.btn-text{color:#064487}
.btn-text:hover{color:#bb4c0f}
.hero-footnote{color:#8090a2}
.hero-footnote-line{background:#d2ddec}
.hero-visual{background:#eaf2fc;box-shadow:0 30px 70px #214c831f}
.hero-visual img{filter:hue-rotate(26deg) saturate(.85)}
.hero-visual:after{background:linear-gradient(90deg,rgba(238,247,255,.14),transparent 36%),linear-gradient(0deg,rgba(6,58,111,.13),transparent 31%)}
.hero-image-caption{color:#064487;box-shadow:0 9px 25px #11447d1e}
.caption-mark{background:var(--orange);font-size:17px}
.down-arrow{color:var(--orange)}
.specialty-band{background:#e7f0fa;border-color:#d9e6f3}
.specialty-inner{color:#496e9e}
.band-star{color:var(--orange)}
.section-label{color:#bd4e0d}
.label-number{color:#e3a37b}
.about-main h2{color:#143b68}
.accent-underline{color:#0b4f95}
.accent-underline:after{background:#ffdec7}
.about-bottom>p{color:#697e91}
.mini-icon{background:#e4eefb;color:#0b5ba2}
.about-aside strong{color:#123d70}
.about-aside span:last-child{color:#78899b}
.focus-section{background:#f1f6fc}
.section-heading h2{color:#123d70}
.section-heading>p{color:#72869b}
.dermatology-card{background:linear-gradient(155deg,#eaf3ff,#dcebf9 67%,#cfdef0)}
.second-card{background:linear-gradient(145deg,#0e4e94,#082c5e 85%)}
.focus-tag{border-color:#a9c6e7;color:#145b9a}
.focus-tag-light{color:#ffd5bc;border-color:#7d91b1}
.derm-art{filter:hue-rotate(65deg) saturate(.7)}
.specialty-ring{border-color:#b4d3ff52}
.ring-c{background:radial-gradient(circle,#2e74bd65,transparent 70%)}
.specialty-core{background:#f4772f;box-shadow:0 0 70px #f9994b4a}
.focus-category{color:#b44d11}
.second-card .focus-category{color:#ffc49d}
.focus-card h3{color:#0e3c72}
.second-card h3{color:white}
.focus-card p{color:#607b96}
.second-card p{color:#c2d8ed}
.focus-card a{color:#0b5193;border-color:#92b2d1}
.second-card a{color:#ffdecb;border-color:#fba16c}
.focus-note{color:#7c8e9e}
.formats-section{background:#fff}
.formats-intro>p{color:#72869c}
.subtle-callout{color:#9a643e}
.subtle-callout span{color:var(--orange)}
.format-card{background:#f6f9fd;border-color:#e2ebf4}
.format-card:hover{box-shadow:0 18px 34px #0d407a14}
.format-index{color:#6c8aab}
.format-illustration{filter:hue-rotate(45deg) saturate(.7)}
.format-card h3{color:#174875}
.format-card p{color:#7990a6}
.approach-section{background:#eaf3fb}
.process-number{color:#bf500f}
.process-rule{background:#c3d7e9}
.process-rule:before{background:var(--orange)}
.process-icon{border-color:#bad4eb;color:#0b579b}
.process-item h3{color:#0e467e}
.process-item p{color:#6a839a}
.process-disclaimer{color:#8192a6;border-color:#d2e1ef}
.statement-section{background:#07366e}
.statement-section:before,.statement-section:after{border-color:#8bb4e052;box-shadow:0 0 0 115px #5285c008,0 0 0 230px #5285c006}
.statement-asterisk{color:#ff9857}
.statement-inner p span{color:#ffc292}
.statement-signature{color:#cadbf0}
.faq-list,.faq-list details{border-color:#dce7f3}
.faq-list summary{color:#23527e}
.faq-control{color:#d65c19}
.faq-list details p{color:#74899e}
.faq-title-block p{color:#74899e}
.contact-section{background:#edf5fc}
.contact-section:before{border-color:#d5e7f8}
.contact-copy>p{color:#6d8299}
.contact-pending{border-color:#bed3e9}
.pending-dot{background:var(--orange)}
.contact-pending strong{color:#0f548f}
.contact-pending span:last-child{color:#8195aa}
.enquiry-card{border-color:#e2eaf3;box-shadow:0 25px 70px #06448712}
.enquiry-header{color:#b94e10;border-color:#e5edf5}
.enquiry-card label{color:#335c86}
.enquiry-card input,.enquiry-card select,.enquiry-card textarea{background:#f8fbff;border-color:#e0e9f3;color:#1a436e}
.enquiry-card :is(input,select,textarea):focus{border-color:#6d9cd2;box-shadow:0 0 0 3px #6d9cd222}
.enquiry-card input::placeholder,.enquiry-card textarea::placeholder{color:#a0adc0}
.form-result.success{color:#1b5a85;background:#edf5fe;border-color:#c4d9ef}
.site-footer{background:#082e5e;color:#d5e4f7}
.footer-brand{width:fit-content;background:#fff;border-radius:8px;padding:4px 8px;box-shadow:0 10px 30px #021b391b}
.footer-brand .brand-logo{width:232px}
.footer-links{color:#b0c8e2}
.footer-bottom{border-color:#345884;color:#a4bedc}
.footer-bottom a{color:#f5b18a}
.footer-tagline-accent{color:#ffb184}
.product-section{padding:116px 0 132px;background:#f9f8f5;color:#18181d}
.product-intro{display:grid;grid-template-columns:25% 75%;gap:0;margin-bottom:45px}
.product-intro>.section-label{align-self:start;margin-top:16px}
.product-intro-main{display:flex;align-items:end;justify-content:space-between;gap:50px}
.product-intro h2{font:600 clamp(44px,5.1vw,74px)/1.06 var(--font-main);letter-spacing:-.065em;margin:0}
.product-intro h2 em{font-style:normal;color:#6d4a96}
.product-intro-main p{max-width:285px;margin:0 0 5px;color:#6d6b72;font-size:15px;line-height:1.8}
.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.product-shot{margin:0;min-width:0}
.product-shot-wide{grid-column:1/-1}
.product-shot img{display:block;width:100%;height:auto;background:#eeeae2;border-radius:4px;object-fit:contain}
.product-shot figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:11px;font:700 10px/1.5 var(--font-main);letter-spacing:.16em;color:#777078}
.product-shot-portrait{max-width:540px}
.product-gallery-copy{max-width:400px;margin:0 auto;padding:25px}
.product-kicker{display:block;font:700 11px var(--font-main);letter-spacing:.18em;color:#c25f40;margin-bottom:32px}
.product-gallery-copy h3{font:600 clamp(38px,4vw,60px)/1.08 var(--font-main);letter-spacing:-.06em;margin:0 0 25px}
.product-gallery-copy h3 i{font-style:normal;color:#7454a0}
.product-gallery-copy p{font-size:16px;line-height:1.85;color:#68666e;margin-bottom:35px}
.product-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:186px;gap:25px;padding:14px 0;border-bottom:1px solid #222;font:700 12px var(--font-main)}
.product-gallery-copy small{display:block;margin-top:70px;font-size:11px;line-height:1.7;color:#85808a}
:focus-visible{outline-color:var(--orange)}
::selection{background:#ffe0c7;color:#123d70}
@media(max-width:900px){
  html{scroll-padding-top:92px}
  .site-header,.site-header.is-scrolled{height:87px}
  .brand-logo,.site-header.is-scrolled .brand-logo{width:173px}
  .menu-toggle{border-color:#cfdaea}
  .menu-toggle span{background:#064487}
  .mobile-nav:not([hidden]){background:#fff;border-color:#e3eaf2;max-height:calc(100vh - 87px)}
  .mobile-nav a{color:#174a85;border-color:#e5edf7}
  .mobile-nav a:last-child{color:#be4f0f}
}
@media(max-width:640px){
  html{scroll-padding-top:83px}
  .site-header,.site-header.is-scrolled{height:78px}
  .brand-logo,.site-header.is-scrolled .brand-logo{width:158px}
  .footer-brand .brand-logo{width:215px}
}
@media(max-width:900px){
  .product-section{padding:85px 0 95px}
  .product-intro{grid-template-columns:1fr;gap:28px}
  .product-intro-main{align-items:start}
  .product-gallery{gap:17px}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(45px,11.2vw,56px)}
  .product-section{padding:75px 0 85px}
  .product-intro{gap:20px;margin-bottom:28px}
  .product-intro-main{display:block}
  .product-intro h2{font-size:clamp(40px,10vw,54px)}
  .product-intro-main p{margin-top:20px;max-width:450px}
  .product-gallery{grid-template-columns:1fr;gap:32px}
  .product-shot-wide{grid-column:1}
  .product-shot figcaption{font-size:9px;letter-spacing:.08em}
  .product-gallery-copy{margin:0;padding:15px 0;max-width:450px}
  .product-gallery-copy small{margin-top:35px}
}

/* Contemporary beauty editorial direction: light, graphic, product-led. */
:root{--ink:#1e2028;--deep:#20202a;--muted:#706e77;--ivory:#faf9f7;--line:#e9e7ea;--font-main:'Outfit',Arial,sans-serif}
body{background:#faf9f7;color:#202027}
.topbar{height:31px;background:#24232b;color:#f5f3f7;font-size:10px;letter-spacing:.12em}
.topbar-dot{background:#ef8158;box-shadow:none}
.site-header{height:90px;background:#fff;border-bottom:1px solid #eeeaf0}
.site-header.is-scrolled{height:78px;box-shadow:0 8px 32px #26202f10}
.brand-logo{width:190px}
.site-header.is-scrolled .brand-logo{width:177px}
.desktop-nav{gap:30px}
.desktop-nav a{color:#35343a;font-weight:600}
.desktop-nav a:after{background:#ee855b}
.header-cta{color:#22232c;border:1px solid #22232c;border-radius:0;font-weight:700}
.header-cta:hover{background:#22232c;color:#fff}
.hero{background:#faf9f7}
.hero-glow{display:none}
.hero-grid{grid-template-columns:42% 58%;min-height:650px;gap:0;padding-block:40px}
.hero-content{padding-right:45px}
.hero h1{font:600 clamp(65px,6.1vw,95px)/.99 var(--font-main);color:#1f1f27;letter-spacing:-.077em;margin:28px 0}
.hero h1 em{color:#7a589c}
.eyebrow{color:#a45a65;font-size:10px;letter-spacing:.17em}
.eyebrow-line{background:#b786b4}
.hero-lede{color:#6c6970;font-size:16px;line-height:1.85}
.btn{border-radius:0;font-weight:700;letter-spacing:.025em}
.btn-primary{background:#24232c;box-shadow:none}
.btn-primary:hover{background:#5a457b;box-shadow:none}
.btn-text{color:#23232b}
.btn-text:hover{color:#7a589c}
.hero-footnote{color:#7e7982;margin-top:58px;font-size:10px;letter-spacing:.13em}
.hero-footnote-line{background:#bfaec8}
.hero-visual{height:auto;aspect-ratio:1672/941;border-radius:3px;background:#f1eee8;box-shadow:none}
.hero-visual img{object-fit:contain;object-position:center;filter:none}
.hero-visual::after{display:none}
.hero-image-caption{border-radius:0;color:#26222b;bottom:22px;left:22px;box-shadow:0 8px 32px #27222a12}
.caption-mark{background:#7a589c}
.hero-bottom{color:#99939a}
.specialty-band{background:#f1eef1;border-color:#e6e0e7}
.specialty-inner{color:#514653;letter-spacing:.16em;font-size:10px}
.band-star{color:#a77cae}
.section-label{color:#a25b63}
.label-number{color:#b7a4b8}
.about-section{background:#fff}
.about-main h2,.section-heading h2{color:#222129}
.accent-underline{color:#835e9c}
.accent-underline:after{background:#f2e5ef}
.about-bottom>p{color:#6f6d75}
.mini-icon{background:#f1e8f4;color:#755b95}
.about-aside strong{color:#24232b}
.about-aside span:last-child{color:#74717a}
.focus-section{background:#f7f5f8}
.dermatology-card{background:linear-gradient(140deg,#f6f4fa,#eee7f2)}
.second-card{background:linear-gradient(140deg,#806393,#443752)}
.focus-card{border-radius:3px}
.focus-card h3{color:#292331}
.second-card h3{color:#fff}
.focus-card p{color:#706878}
.second-card p{color:#e7dce9}
.focus-category{color:#88638b}
.second-card .focus-category{color:#ead6ea}
.focus-tag{color:#805e92;border-color:#c6b1ce}
.focus-tag-light{color:#f3dcef;border-color:#b69ebf}
.derm-art{filter:hue-rotate(150deg) saturate(.55)}
.specialty-core{background:#9c7dad}
.formats-section{background:#fff}
.format-card{background:#f9f8fa;border-color:#efebf0;border-radius:3px}
.format-card h3{color:#29232d}
.format-illustration{filter:hue-rotate(145deg) saturate(.52)}
.approach-section{background:#f6f4f8}
.process-number{color:#9c6692}
.process-rule:before{background:#9c6692}
.process-icon{color:#80669a;border-color:#dacddd}
.process-item h3{color:#24212c}
.statement-section{background:#29242d}
.statement-inner p span{color:#e8cbe3}
.statement-asterisk{color:#e6a6c9}
.faq-list summary{color:#35303a}
.faq-control{color:#906a9c}
.contact-section{background:#f8f5f9}
.contact-copy>p{color:#77717d}
.enquiry-card{border-color:#ede6f0;border-radius:3px;box-shadow:0 22px 60px #241e2a0d}
.enquiry-header{color:#856591}
.site-footer{background:#24222b;color:#ddd9e1}
.footer-links{color:#cdc5d2}
.footer-bottom{border-color:#4f4953;color:#bfb6c2}
.footer-bottom a{color:#ead0dc}
@media(max-width:900px){
  .site-header,.site-header.is-scrolled{height:80px}
  .brand-logo,.site-header.is-scrolled .brand-logo{width:166px}
  .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:72px;gap:32px}
  .hero-content{padding-right:0}
  .hero h1{font-size:clamp(56px,9vw,78px)}
  .hero-visual{height:auto}
  .menu-toggle{border-color:#dfdae2}
  .menu-toggle span{background:#25212b}
  .mobile-nav:not([hidden]){background:#fff}
  .mobile-nav a{color:#2b2830;border-color:#eeeaf0}
}
@media(max-width:640px){
  .site-header,.site-header.is-scrolled{height:72px}
  .brand-logo,.site-header.is-scrolled .brand-logo{width:155px}
  .hero-grid{padding-top:54px;gap:26px}
  .hero h1{font-size:clamp(50px,11.4vw,65px)}
  .hero-visual{height:auto;aspect-ratio:1672/941}
  .hero-image-caption{bottom:12px;left:12px;font-size:10px}
  .hero-footnote{margin-top:30px}
  .specialty-inner{font-size:8px;letter-spacing:.07em}
}

/* Shared logo clearance: let the image define header height, with padding on both sides. */
.site-header,.site-header.is-scrolled{height:auto;transition:box-shadow .3s}
.header-inner{height:auto;min-height:112px;padding-block:14px;gap:24px}
.site-header .brand-logo,.site-header.is-scrolled .brand-logo{width:170px;height:auto;transition:none}
.desktop-nav{gap:26px}
.hero-image-caption{cursor:pointer}
.hero-image-caption:focus-visible{outline:3px solid #7454a0;outline-offset:4px}
.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hair-image{background:#242426}
.hair-image img{object-fit:contain}
.range-card{background:#fff;border:1px solid #e9e5eb;min-width:0}
.range-image{display:block;overflow:hidden;background:#f3f4f7;aspect-ratio:16/10}
.range-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.range-image:hover img{transform:scale(1.025)}
.range-card-body{padding:30px}
.range-card .product-kicker{margin-bottom:14px;letter-spacing:.12em;font-size:10px}
.range-card h3{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:0 0 16px}
.range-card p{font-size:15px;line-height:1.8;color:#706a74;margin-bottom:22px}
.collection-divider{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ded7e0;margin-top:75px;padding:24px 0;font:600 11px var(--font-main);letter-spacing:.1em}
.collection-divider a{letter-spacing:0;color:#7454a0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0;color:#746e78;font-size:12px}
.breadcrumbs a:hover,.detail-back a:hover{color:#7454a0;text-decoration:underline}
.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-bottom:65px}
.detail-hero-copy{padding-block:32px}
.detail-hero h1{font:600 clamp(44px,5.3vw,76px)/1.02 var(--font-main);letter-spacing:-.06em;margin:0 0 26px}
.detail-page h1 em,.detail-page h2 em{font-style:normal;color:#7454a0}
.detail-name{font:600 21px/1.4 var(--font-main);margin-bottom:18px}
.detail-hero-copy>p:not(.detail-name){color:#706a74;font-size:16px;line-height:1.85;max-width:490px}
.detail-hero .product-kicker{margin-bottom:24px}
.detail-hero-image{margin:0;min-width:0;background:#eae7ef}
.detail-hero-image img{display:block;width:100%;height:auto}
.product-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 28px}
.product-pills span{border:1px solid #ded7e3;border-radius:30px;padding:7px 13px;font:500 12px var(--font-main);color:#5c5264}
.detail-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.detail-actions .product-link{min-width:0}
.detail-subnav{background:#f0edf3;border-block:1px solid #e4dfe8}
.detail-subnav nav{display:flex;flex-wrap:wrap;gap:20px 38px;padding-block:20px;font:600 13px var(--font-main)}
.detail-subnav a:hover{color:#7454a0}
.detail-section{padding-block:90px}
.detail-section-heading{max-width:680px;margin-bottom:40px}
.detail-page h2{font:600 clamp(34px,4vw,58px)/1.08 var(--font-main);letter-spacing:-.05em;margin:0 0 24px}
.detail-section-heading>p,.ingredient-layout>div>p,.related-layout p{color:#706a74;line-height:1.8;max-width:550px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e1dce5;gap:28px}
.benefit-grid article{padding-top:27px}
.benefit-number{font:600 12px var(--font-main);color:#9970a4;display:block;margin-bottom:28px}
.benefit-grid h3,.care-details h3{font:600 20px/1.25 var(--font-main);letter-spacing:-.025em;margin:0 0 14px}
.benefit-grid p,.care-details p{font-size:14px;line-height:1.85;color:#746d79;margin:0}
.ingredient-section{padding-block:85px;background:#f1eef5}
.ingredient-layout,.care-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.ingredient-list>div{border-top:1px solid #dcd5e2;padding:22px 0}
.ingredient-list strong{display:block;font:600 20px var(--font-main);margin-bottom:10px}
.ingredient-list span{font-size:14px;color:#746d79}
.full-ingredients{border-block:1px solid #dcd5e2}
.full-ingredients summary{cursor:pointer;padding:22px 0;font:600 15px var(--font-main)}
.full-ingredients p{font-size:13px;line-height:1.9;color:#746d79}
.care-details>div{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #e1dce5}
.related-section{padding:65px 0;background:#f2f0ed}
.related-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}
.related-layout>img{display:block;width:100%;height:auto}
.related-layout .product-kicker{margin-bottom:24px}
.detail-back{display:flex;justify-content:space-between;gap:25px;padding-block:32px;font-size:13px}
.serum-banner{margin:0}
.serum-banner img{width:100%;height:auto;display:block}
@media(max-width:1100px){.desktop-nav{gap:18px}.header-inner{gap:18px}.header-cta{margin-left:0}.detail-hero{gap:35px}.range-card-body{padding:24px}.range-card h3{font-size:26px}.benefit-grid{gap:20px}}
@media(max-width:900px){
  .site-header,.site-header.is-scrolled{height:auto}
  .header-inner{min-height:100px}
  .range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-header .brand-logo,.site-header.is-scrolled .brand-logo{width:146px}
  html{scroll-padding-top:108px}
  .detail-hero{grid-template-columns:1fr 1fr;gap:28px}
  .detail-hero h1{font-size:47px}
  .detail-hero-copy>p:not(.detail-name){font-size:14px}
  .detail-section{padding-block:65px}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .ingredient-layout,.care-layout{gap:35px}
  .related-layout{gap:30px}
}
@media(max-width:640px){
  .site-header,.site-header.is-scrolled{height:auto}
  .header-inner{min-height:96px;padding-block:14px}
  .site-header .brand-logo,.site-header.is-scrolled .brand-logo{width:138px}
  html{scroll-padding-top:104px}
  .range-grid{grid-template-columns:1fr;gap:24px}
  .range-card h3{font-size:28px}
  .collection-divider{margin-top:48px;font-size:10px}
  .breadcrumbs{font-size:11px;padding:23px 0}
  .detail-hero{grid-template-columns:1fr;gap:25px;padding-bottom:45px}
  .detail-hero-copy{padding:14px 0 0}
  .detail-hero h1{font-size:56px}
  .detail-hero-copy>p:not(.detail-name){font-size:15px}
  .detail-hero-image{max-width:430px;width:100%;justify-self:center}
  .detail-subnav nav{font-size:12px;gap:18px 24px}
  .detail-section{padding-block:55px}
  .benefit-grid{grid-template-columns:1fr;gap:0}
  .benefit-grid article{padding:24px 0;border-bottom:1px solid #e1dce5}
  .benefit-number{margin-bottom:14px}
  .ingredient-section{padding-block:55px}
  .ingredient-layout,.care-layout,.related-layout{grid-template-columns:1fr;gap:28px}
  .related-section{padding-block:45px}
  .detail-back{font-size:12px}
}
.follicrise-page{--product-accent:#8a682d}
.follicrise-page h1 em,.follicrise-page h2 em{color:var(--product-accent)}
.follicrise-page .product-kicker{color:#92713d}
.follicrise-page .detail-hero-image{background:#242426}
.follicrise-page .ingredient-section{background:#f1efea}
.follicrise-page .detail-subnav{background:#edeae4;border-color:#e2ddd4}
.follicrise-page .product-pills span{border-color:#dcd3c3;color:#6d5838}
.follicrise-page .benefit-number{color:var(--product-accent)}
.follicrise-gallery{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:30px;padding-bottom:75px}
.follicrise-gallery figure{margin:0;min-width:0}
.follicrise-gallery img{display:block;width:100%;height:auto}
.follicrise-gallery figcaption{font:500 11px/1.6 var(--font-main);letter-spacing:.06em;color:#817a70;margin-top:12px}
.pack-note{font-size:12px;line-height:1.75;color:#817a70;margin-top:26px}
.detail-back{flex-wrap:wrap}
@media(max-width:640px){.follicrise-gallery{grid-template-columns:1fr;gap:30px;padding-bottom:45px}}

/* Product-led homepage and accessible carousel. */
.reveal{opacity:1;transform:none}
.js-ready .reveal{opacity:0;transform:translateY(18px)}
.js-ready .reveal.is-visible{opacity:1;transform:none}
.product-carousel{overflow-anchor:none}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-carousel .hero-grid{grid-template-columns:42% 58%;min-height:620px;padding-block:45px 30px}
.product-carousel .hero-content{padding-block:10px 15px}
.slide-title{font:600 clamp(58px,6vw,90px)/1.02 var(--font-main);letter-spacing:-.065em;color:#24232b;margin:26px 0}
.slide-title em{font-style:normal;color:#7454a0}
.product-carousel .hero-lede{max-width:445px;min-height:118px}
.product-carousel .hero-footnote{margin-top:36px;letter-spacing:.1em}
.product-carousel .hero-visual{aspect-ratio:16/10;background:transparent}
.product-carousel .hero-visual img{object-fit:contain}
.carousel-controls{display:flex;align-items:center;gap:25px;padding-block:0 28px}
.carousel-arrows{display:flex;align-items:center;gap:8px}
.carousel-controls button{border:1px solid #ddd6e2;background:transparent;color:#34303b;min-width:44px;min-height:44px;font:600 13px var(--font-main)}
.carousel-controls button:hover{background:#eae4ee}
.carousel-dots{display:flex;align-items:center;gap:0;margin-left:auto}
.carousel-dots button{border:0;position:relative}
.carousel-dots button::after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#c8bdcd;margin:auto}
.carousel-dots button[aria-pressed=true]::after{background:#7454a0;width:20px;border-radius:6px}
.carousel-count{font:500 11px var(--font-main);letter-spacing:.08em;color:#6c6572}
.category-nav{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 50px}
.category-nav a{display:flex;gap:28px;padding:14px 22px;border:1px solid #dcd4e0;background:#fff;font:600 14px var(--font-main)}
.category-nav a:hover{background:#eee8f2}
.category-nav span{color:#a08da9;font-size:11px}
.catalog-category{margin-top:65px;scroll-margin-top:15px}
.catalog-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px;border-top:1px solid #dcd5df;padding-top:26px}
.catalog-heading .product-kicker{margin:0 0 10px}
.catalog-heading h3{font:600 44px/1.1 var(--font-main);letter-spacing:-.045em;margin:0}
.catalog-heading>p{font-size:14px;color:#746b7a;max-width:380px;margin:0}
.range-card h4{font:600 30px/1.15 var(--font-main);letter-spacing:-.04em;margin:0 0 16px}
.range-card-feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}
.range-card-feature .range-image{aspect-ratio:16/10;width:100%}
.range-card-feature .range-card-body{padding:40px}
.skin-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.focus-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.focus-summary-grid article{padding:35px;background:#f4f0f6;border:1px solid #e8e0ed}
.focus-summary-grid h3{font:600 30px var(--font-main);letter-spacing:-.035em;margin-bottom:20px}
.focus-summary-grid p{color:#746b7a;font-size:15px;line-height:1.85}
.range-guide{background:#24222b;color:#f3eff5;padding-block:45px}
.range-guide .product-kicker{color:#d8b6d6;margin-bottom:16px}
.range-guide p{font:500 24px/1.5 var(--font-main);margin:0;max-width:860px}
.range-guide a{color:#e7c9e5;text-decoration:underline;text-underline-offset:5px}
.business-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-style:normal;font-size:14px;color:#68616f}
.business-contact strong{color:#35303b;font-size:17px}
.business-contact a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.business-contact span{margin-top:10px;line-height:1.8}
.form-hint a{text-decoration:underline;text-underline-offset:3px}
.melarise-page h1 em,.melarise-page h2 em{color:#997539}
.melarise-page .product-kicker{color:#96703a}
.melarise-page .ingredient-section{background:#f3eee6}
.melarise-page .detail-subnav{background:#eee7dd;border-color:#e3d7c6}
.melarise-page .detail-hero-image{background:#f2e5d3}
.product-category-link{font:600 11px var(--font-main);display:inline-flex;color:#7a6087;text-decoration:underline;text-underline-offset:3px;margin-bottom:16px}
.product-category-nav{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #e0d9e4;font:600 12px var(--font-main)}
.product-category-nav a:hover{text-decoration:underline}
.melarise-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-pack-banner{padding-bottom:75px}
.product-pack-banner img{width:100%;height:auto;display:block}
@media(max-width:1100px){.product-carousel .hero-grid{min-height:550px}.slide-title{font-size:60px}.product-carousel .hero-lede{font-size:15px}.range-card-feature .range-card-body{padding:28px}}
@media(max-width:900px){
  .product-carousel .hero-grid{grid-template-columns:1fr;gap:28px;padding-block:40px 25px;min-height:0}
  .product-carousel .hero-content{padding:0;min-height:365px}
  .product-carousel .hero-lede{min-height:0;max-width:650px}
  .product-carousel .hero-footnote{margin-top:24px}
  .product-carousel .hero-visual{width:100%}
  .slide-title{font-size:64px}
  .range-card h4{font-size:27px}
  .catalog-heading>p{max-width:300px}
}
@media(max-width:640px){
  .product-carousel .hero-grid{padding-top:30px;gap:20px}
  .product-carousel .hero-content{min-height:390px}
  .slide-title{font-size:56px;margin:20px 0}
  .product-carousel .hero-lede{font-size:14px;line-height:1.8;margin-bottom:22px;min-height:101px}
  .product-carousel .eyebrow{font-size:9px}
  .product-carousel .hero-footnote{font-size:9px}
  .product-carousel .hero-actions{gap:10px}
  .product-carousel .btn{font-size:10px;padding-inline:12px}
  .carousel-controls{gap:8px;padding-bottom:20px}
  .carousel-count{display:none}
  .carousel-dots button{min-width:32px}
  .category-nav{gap:9px;margin-bottom:30px}
  .category-nav a{padding:12px 14px;font-size:12px;gap:12px}
  .catalog-category{margin-top:44px}
  .catalog-heading{display:block;padding-top:20px}
  .catalog-heading h3{font-size:37px}
  .catalog-heading>p{max-width:none;margin-top:15px}
  .range-card-feature,.skin-range-grid,.focus-summary-grid{grid-template-columns:1fr}
  .melarise-facts{grid-template-columns:1fr}
  .product-pack-banner{padding-bottom:45px}
  .range-card-feature .range-card-body{padding:25px}
  .range-card h4{font-size:27px}
  .focus-summary-grid article{padding:27px}
  .range-guide p{font-size:21px}
}

/* Banner accents follow each product's packaging. */
.product-carousel{--banner-accent:#7454a0;--banner-soft:#eee7f3}
.product-carousel[data-active-slide="1"]{--banner-accent:#087eaa;--banner-soft:#e4f3f8}
.product-carousel[data-active-slide="2"]{--banner-accent:#98732c;--banner-soft:#f2ebdc}
.product-carousel[data-active-slide="3"]{--banner-accent:#92702f;--banner-soft:#f4eddf}
.product-carousel .slide-title em,.product-carousel .eyebrow,.product-carousel .btn-text{color:var(--banner-accent)}
.product-carousel .eyebrow-line,.product-carousel .hero-footnote-line,.product-carousel .carousel-dots button[aria-pressed=true]::after{background:var(--banner-accent)}
.product-carousel .btn-primary{background:var(--banner-accent);color:#fff}
.product-carousel .btn-primary:hover{filter:brightness(.88)}
.product-carousel .carousel-controls button:hover{background:var(--banner-soft)}

/* Final editorial refinement: restrained type, consistent spacing, clear controls. */
:root{--muted:#68666e;--orange:#835029}
body{color:#242329}
html{scroll-padding-top:130px}
.shell{width:min(100% - 64px,1240px)}
.header-inner{min-height:108px;padding-block:15px}
.site-header.is-scrolled{box-shadow:0 4px 18px #24232908}
.header-cta{font-weight:500;font-size:13px;letter-spacing:0;min-height:44px;padding:14px 22px}
.desktop-nav a{font-size:13px;font-weight:500}
.desktop-nav a:after{background:#343139;height:1px}
.topbar{font-size:10px;font-weight:500;letter-spacing:.1em}
.topbar-inner>span{text-transform:uppercase}
.product-carousel{touch-action:pan-y pinch-zoom}
.topbar-dot{display:none}
.topbar a{min-height:30px}
.btn{font-size:13px;font-weight:500;letter-spacing:0;padding:16px 23px;gap:16px}
.btn:hover{transform:none}
.btn-primary{background:#28272e}
.btn-primary:hover{background:#111115}
.btn-text{padding-inline:0}
.product-link{font-size:13px;font-weight:500;letter-spacing:0;min-height:44px;transition:color .2s,border-color .2s}
.product-link:hover{color:#5f476f;border-color:currentColor}
.slide-title{font-weight:500;font-size:clamp(56px,5.65vw,84px);line-height:1.04;letter-spacing:-.045em}
.product-carousel .hero-grid{min-height:600px;padding-block:48px 28px;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}
.product-carousel .hero-content{min-width:0;padding-right:38px}
.product-carousel .hero-lede{font-size:16px;line-height:1.8;min-height:116px;max-width:440px}
.product-carousel .hero-actions{gap:22px}
.product-carousel .hero-footnote{font-size:11px;line-height:1.6;color:#67616c;letter-spacing:.06em}
.product-carousel .eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em}
.product-carousel[data-active-slide="1"] .eyebrow,.product-carousel[data-active-slide="1"] .btn-text{color:#067497}
.product-carousel[data-active-slide="2"]{--banner-accent:#886521}
.product-carousel[data-active-slide="3"]{--banner-accent:#88682a}
.product-carousel .hero-visual{border-radius:0}
.carousel-controls{padding-bottom:28px}
.carousel-controls button{border-color:#d8d4da}
.carousel-dots button{min-width:44px;min-height:44px}
.carousel-count{color:#615c66;font-size:12px}
.specialty-band{background:#f2f1ef;border-color:#e5e3e0}
.specialty-inner{font-size:11px;font-weight:500;letter-spacing:.1em;color:#58535b}
.band-divider{height:16px;width:1px;background:#ccc7ce;flex:none}
.section{padding-block:104px}
.section-label{font-size:11px;font-weight:500;color:#735c68;letter-spacing:.1em}
.label-number{color:#756878}
.about-main h2,.section-heading h2{font-weight:500;letter-spacing:-.04em;line-height:1.18}
.about-main h2{font-size:clamp(36px,3.8vw,54px)}
.about-main .accent-underline{white-space:normal;color:#66536e}
.accent-underline:after{display:none}
.about-bottom{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}
.about-bottom>p{font-size:16px;line-height:1.8}
.product-section{padding-block:100px}
.product-intro{grid-template-columns:minmax(0,.25fr) minmax(0,.75fr)}
.product-intro h2{font-weight:500;letter-spacing:-.045em;font-size:clamp(42px,4.5vw,64px)}
.product-intro h2 em,.section-heading h2 em{color:#66536e}
.product-kicker{font-weight:500;font-size:11px;letter-spacing:.11em;color:#8a4935}
.category-nav a{font-weight:500;font-size:14px;min-height:48px;border-color:#d8d3da;transition:background .2s}
.category-nav span{font-size:12px;color:#746878}
.range-card{border-color:#e2dfe4}
.range-card h4{font-weight:500;line-height:1.2;letter-spacing:-.025em}
.range-card p{color:#65616b;font-size:15px;line-height:1.75}
.range-image.hair-image{background:#eae9e8}
.range-image.hair-image img{object-fit:contain}
.range-card-feature .range-card-body{padding:36px}
.catalog-heading h3{font-weight:500;letter-spacing:-.035em}
.catalog-heading>p{color:#65616b;line-height:1.75}
.focus-section,.approach-section{background:#f3f2f1}
.focus-summary-grid article{background:#fbfaf9;border-color:#e2dfe2;padding:34px}
.focus-summary-grid h3{font-weight:500}
.focus-summary-grid p,.section-heading>p,.process-item p{color:#65616b}
.range-guide{background:#2a282e}
.range-guide .product-kicker{color:#d2c6d5}
.range-guide a{color:#f0e8f3}
.process-number{color:#776278}
.process-rule{background:#d8d0da}
.process-rule:before{background:#776278;width:5px;height:5px;top:-2px}
.process-item{min-height:0}
.process-item h3{font-weight:500;color:#29262e}
.faq-layout{grid-template-columns:minmax(0,.41fr) minmax(0,.59fr);gap:30px}
.faq-title-block h2{font-weight:500;letter-spacing:-.04em}
.faq-list summary{font-size:16px;font-weight:500;color:#343039}
.faq-list details p{font-size:15px;color:#67616d}
.faq-title-block p{color:#67616d}
.contact-section{background:#f5f4f3;padding-block:104px}
.contact-section:before{display:none}
.contact-copy{padding:20px 64px 20px 0;min-width:0}
.contact-copy h2{font-size:clamp(40px,4.1vw,58px);font-weight:500;letter-spacing:-.04em}
.contact-copy h2 em{color:#66536e}
.contact-copy>p{margin-bottom:35px;color:#67616d}
.business-contact{font-size:15px;gap:12px}
.business-contact strong{font-weight:500}
.enquiry-card{border-color:#dedade;box-shadow:none;border-radius:0;padding:36px}
.enquiry-header{font-weight:500;color:#6e5c76;font-size:12px}
.enquiry-card label{font-size:13px;font-weight:500;color:#49434f}
.enquiry-card input,.enquiry-card select,.enquiry-card textarea{border-radius:0;background:#fff;border-color:#d2ced5;color:#332e39;font-size:16px}
.enquiry-card input::placeholder,.enquiry-card textarea::placeholder{color:#716a78}
.enquiry-card :is(input,select,textarea):focus{border-color:#7e668e;box-shadow:0 0 0 2px #7e668e16}
.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:6px}
.form-actions .form-submit{width:auto;flex:1}
.copy-enquiry{font-size:13px;color:#3b3442;border:0;border-bottom:1px solid #a49ca9;background:transparent;padding:12px 0;min-height:44px}
.form-hint{font-size:12px;line-height:1.75;color:#6c6572;overflow-wrap:anywhere}
.form-result{font-size:13px;line-height:1.75}
.form-result.success{color:#3d3547;background:#f4f1f6;border-color:#dcd4e2}
.detail-hero h1{font-weight:500;letter-spacing:-.04em;font-size:clamp(46px,5vw,72px);line-height:1.05}
.detail-page h2{font-weight:500;letter-spacing:-.035em}
.detail-name{font-weight:500}
.detail-hero .product-kicker{margin-bottom:20px}
.detail-hero-copy>p:not(.detail-name){color:#65616b}
.detail-subnav nav{font-weight:500}
.detail-subnav a{min-height:36px;display:inline-flex;align-items:center}
.benefit-grid h3,.care-details h3{font-weight:500}
.benefit-number{color:#765780}
.benefit-grid p,.care-details p,.ingredient-list span,.full-ingredients p{color:#65616b;font-size:15px;line-height:1.8}
.ingredient-list strong{font-weight:500}
.pack-note,.follicrise-gallery figcaption{color:#6d665c;font-size:12px}
.moisturizer-page{--product-accent:#087eaa}
.moisturizer-page h1 em,.moisturizer-page h2 em,.moisturizer-page .product-kicker,.moisturizer-page .benefit-number{color:var(--product-accent)}
.moisturizer-page .ingredient-section{background:#edf5f7}
.moisturizer-page .detail-subnav{background:#e9f2f5;border-color:#d9e8ed}
.moisturizer-page .product-pills span{border-color:#bcd6df;color:#356271}
.moisturizer-page .product-kicker,.moisturizer-page .benefit-number{color:#067497}
.follicrise-page .product-kicker,.melarise-page .product-kicker,.melarise-page .benefit-number{color:#805e2c}
.detail-back,.product-category-nav{font-size:13px}
.site-footer{background:#28262d}
.footer-top{gap:32px}
.footer-brand{box-shadow:none;border-radius:0;padding:8px 12px}
.footer-brand .brand-logo{width:168px}
.footer-top>p{font-weight:400;font-size:20px;letter-spacing:-.015em}
.footer-tagline-accent{color:#dad4df}
.footer-links{font-size:13px}
.footer-links a{display:inline-flex;align-items:center;min-height:36px}
.product-category-nav a{display:inline-flex;align-items:center;min-height:36px}
.footer-bottom{font-size:12px;line-height:1.7;gap:20px}
.footer-bottom a{color:#e6dce9}
:focus-visible{outline:2px solid #66536e;outline-offset:5px}
@media(max-width:1100px){
  .product-intro-main{gap:28px}
  .product-carousel .hero-grid{min-height:540px}
  .product-carousel .hero-content{padding-right:28px}
  .slide-title{font-size:60px}
  .contact-copy{padding-right:38px}
}
@media(max-width:900px){
  .shell{width:calc(100% - 48px)}
  .header-inner{min-height:96px;padding-block:14px}
  html{scroll-padding-top:116px}
  .mobile-nav:not([hidden]){max-height:calc(100dvh - 132px);overflow-y:auto}
  .product-carousel .hero-grid{grid-template-columns:1fr;min-height:0;padding-block:36px 24px;gap:24px}
  .product-carousel .hero-content{padding:0;min-height:370px}
  .product-carousel .hero-lede{min-height:0;max-width:650px}
  .product-carousel .hero-visual{aspect-ratio:16/10}
  .about-layout,.product-intro{grid-template-columns:1fr;gap:25px}
  .about-layout>.section-label{padding-top:0}
  .section,.contact-section,.product-section{padding-block:76px}
  .faq-layout{grid-template-columns:1fr;gap:35px}
  .faq-title-block{padding-right:0}
  .contact-grid{grid-template-columns:1fr;gap:38px}
  .contact-copy{padding:0}
  .business-contact{max-width:600px}
}
@media(max-width:640px){
  .shell{width:calc(100% - 40px)}
  .header-inner{min-height:90px;padding-block:14px}
  .site-header .brand-logo,.site-header.is-scrolled .brand-logo{width:130px}
  html{scroll-padding-top:106px}
  .menu-toggle{border-radius:0;min-width:44px;min-height:44px}
  .mobile-nav:not([hidden]){max-height:calc(100dvh - 126px)}
  .product-carousel .hero-content{min-height:390px}
  .slide-title{font-size:clamp(42px,12vw,58px);letter-spacing:-.035em;line-height:1.05}
  .product-carousel .hero-lede{font-size:15px;line-height:1.75;min-height:104px}
  .product-carousel .hero-actions{gap:12px 20px}
  .product-carousel .btn{font-size:12px;padding-inline:16px}
  .product-carousel .btn-text{padding-inline:0}
  .product-carousel .eyebrow{font-size:10px}
  .product-carousel .hero-footnote{font-size:10px;gap:10px;letter-spacing:.045em;white-space:normal}
  .carousel-dots button{min-width:36px;min-height:44px}
  .specialty-inner{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:10px;padding-block:18px;font-size:10px;white-space:normal;text-align:center}
  .band-divider{display:none}
  .section,.contact-section,.product-section{padding-block:64px}
  .about-main h2{font-size:38px}
  .about-bottom{grid-template-columns:1fr;gap:25px}
  .product-intro-main{display:block}
  .product-intro h2{font-size:42px}
  .category-nav{display:grid;grid-template-columns:1fr;gap:8px}
  .category-nav a{justify-content:space-between;padding:14px 18px;font-size:14px}
  .range-card-feature .range-card-body,.range-card-body{padding:25px}
  .catalog-heading h3{font-size:36px}
  .range-card h4{font-size:27px}
  .contact-copy h2{font-size:43px}
  .enquiry-card{padding:26px 20px}
  .field-row{grid-template-columns:1fr}
  .detail-hero h1{font-size:clamp(42px,12.5vw,58px)}
  .detail-hero-copy>p:not(.detail-name){font-size:16px}
  .detail-subnav nav{gap:8px 24px;font-size:13px;padding-block:14px}
  .detail-page h2{font-size:36px;line-height:1.12;overflow-wrap:normal}
  .footer-top{align-items:start;gap:28px}
  .footer-brand .brand-logo{width:160px}
  .footer-bottom{align-items:start}
  .process-item h3{font-size:17px}
  .process-item p{font-size:15px;line-height:1.75}
  .detail-subnav a,.footer-links a,.product-category-nav a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}