@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;750&display=swap');
:root{--ink:#10171d;--night:#0b1015;--gold:#dbb567;--gold-dark:#795820;--ivory:#f7f4ed;--muted:#626b71;--line:#dcdedb;--teal:#176b70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fafaf7;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}button,input,select{font:inherit}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold-dark)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0 0 24px}h1{font-size:clamp(44px,4.8vw,72px)}h2{font-size:clamp(32px,3vw,46px)}h3{font-size:25px;letter-spacing:-.025em;margin-bottom:12px}p{margin:0 0 22px}em{font-style:normal;color:var(--gold)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;margin:0 0 20px;text-transform:uppercase}.lead{font-size:19px;color:var(--muted);max-width:650px;line-height:1.7}.topline{background:var(--night);color:#afb6ba;display:flex;justify-content:space-between;padding:8px 4.5%;border-bottom:1px solid #ffffff1c;font-size:10px;letter-spacing:.1em}.topline a{color:#d2d7d8}header{position:sticky;top:0;z-index:50;background:#090d11;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5%;min-height:106px;color:#eee}.brand{width:158px;flex-shrink:0}.brand img{width:158px;height:100px;object-fit:contain}header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header-actions{display:flex;align-items:center;gap:24px;font-size:13px}.search-open{border:0;background:none;color:#eee;padding:12px 0;font-size:20px;display:flex;align-items:center;gap:8px}.search-open span{font-size:13px}.trade{border-bottom:1px solid var(--gold);padding-bottom:6px;color:var(--gold)}.menu-button{display:none;background:none;color:white;border:1px solid #ffffff50;padding:8px 12px}.mega summary{list-style:none;display:flex;gap:10px;align-items:center}.mega summary::-webkit-details-marker{display:none}.mega-panel{position:absolute;left:0;right:0;top:100%;padding:40px 6%;display:grid;grid-template-columns:1fr 2fr;gap:60px;background:var(--ivory);color:var(--ink);box-shadow:0 16px 30px #0002;border-bottom:2px solid var(--gold)}.mega-panel h3{font-size:34px}.mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mega-links a{padding-bottom:14px;border-bottom:1px solid var(--line);font-size:15px}.mega-links small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:5px}#mobile-menu{position:fixed;top:91px;left:0;right:0;z-index:49;background:var(--night);color:#fff;max-height:calc(100dvh - 91px);overflow:auto;padding:16px 24px 32px}#mobile-menu a{display:block;padding:10px 0;border-bottom:1px solid #ffffff20}.skip{position:fixed;top:-100px;left:10px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.home-hero{display:grid;grid-template-columns:46% 54%;background:var(--night);color:#fff;min-height:590px;overflow:hidden}.hero-copy{padding:70px 0 56px 9.8%;position:relative;z-index:2}.hero-copy h1{font-size:clamp(40px,4.3vw,66px);letter-spacing:-.055em;line-height:1.16;white-space:nowrap}.hero-copy .eyebrow{color:var(--gold);margin-bottom:27px}.hero-copy p:not(.eyebrow){color:#bac3c8;font-size:16px}.hero-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--gold);color:#171a1b;border:1px solid var(--gold);padding:14px 21px;font-size:13px;font-weight:600;white-space:nowrap}.button:hover{background:#ecc988;color:#151b1d}.button.secondary{background:transparent;border-color:#6a7074;color:inherit}.button.secondary:hover{border-color:var(--gold);color:var(--gold)}.button span{font-size:20px;line-height:1}.hero-photo{position:relative;display:flex;align-items:center;background:#344659}.hero-photo>img{width:100%;height:auto;object-fit:contain}.hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--night),transparent 20%);pointer-events:none}.photo-caption{position:absolute;bottom:27px;left:35px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.15em;color:#e3eaf0}.hero-caption{display:flex;align-items:center;gap:14px;margin-top:43px;font-size:10px;letter-spacing:.12em;color:#d5dadd}.hero-caption small{color:#929da4;font-size:10px;letter-spacing:0}.mini-orbit{width:37px;height:37px;display:block;border:1px solid var(--gold);border-radius:50%;position:relative}.mini-orbit:after{content:'';position:absolute;border:1px solid #dbb56770;inset:5px;border-radius:50%;transform:skew(-20deg)}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);padding:0 4.5%;background:var(--ivory);border-bottom:1px solid var(--line)}.category-strip a{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;padding:23px 18px;border-right:1px solid var(--line)}.category-strip a:first-child{border-left:1px solid var(--line)}.category-strip span{color:var(--gold-dark)}.section{padding:88px 6.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p,.section-heading>div>p:not(.eyebrow){color:var(--muted);font-size:15px}.text-link{display:inline-block;font-size:14px;font-weight:500;border-bottom:1px solid #bb914a;padding:4px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.category-card{display:block}.category-card>div:first-child,.card-image{overflow:hidden;background:#e3e9ed;aspect-ratio:3/2}.category-card img,.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.category-card:hover img,.product-card:hover img{transform:scale(1.025)}.category-copy{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.category-copy h3{font-size:23px;margin-bottom:7px}.category-copy p{font-size:12px;color:var(--muted);margin:0}.number{font-size:11px;letter-spacing:.1em;color:var(--gold-dark);padding-top:3px}.card-arrow{margin-left:auto;font-size:24px;line-height:1.2}.editorial{display:grid;grid-template-columns:1fr 1fr;background:var(--ivory)}.editorial-image{background:#dce3e8;display:flex;align-items:center}.editorial-image img{width:100%;height:auto}.editorial-copy{padding:70px 13%}.editorial-copy p:not(.eyebrow){font-size:15px;color:var(--muted)}.editorial-copy .button{margin-top:15px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{display:block}.card-copy{padding:22px 0 25px;border-bottom:1px solid var(--line)}.card-copy .eyebrow{font-size:9px;color:var(--muted);margin-bottom:10px}.card-copy h3{display:flex;justify-content:space-between;font-size:24px}.card-copy h3 span{font-size:20px}.card-copy p{font-size:14px;color:var(--muted);margin:0}.finish-banner{background:var(--night);color:white;display:grid;grid-template-columns:1fr 1fr}.finish-banner>div{padding:65px 13%}.finish-banner img{width:100%;height:100%;object-fit:contain;background:#263442}.finish-banner .eyebrow{color:var(--gold)}.finish-banner p{font-size:15px;color:#b9c1c6}.about-strip{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.about-strip>div>p:not(.eyebrow){max-width:480px;color:var(--muted)}.region-list{display:flex;flex-direction:column;justify-content:center}.region-list span{padding:12px 0;border-bottom:1px solid var(--line);font-size:19px}.region-list a{font-size:13px;padding-top:24px;color:var(--teal)}.cta{margin:0 6.5% 85px;padding:45px;background:var(--ivory);border-top:2px solid var(--gold);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:36px;max-width:700px}.cta p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}.cta .eyebrow{color:var(--gold-dark)}footer{background:var(--night);color:#dce1e4;padding:60px 6.5% 18px}.footer-top{display:grid;grid-template-columns:1.4fr .8fr 1.3fr;gap:70px;padding-bottom:35px}footer h2{font-size:40px}footer h3{font-family:inherit;font-size:14px;letter-spacing:0;margin-bottom:20px}footer a{display:block;font-size:13px;margin-bottom:12px;color:#b4bdc3}footer p{font-size:13px;color:#89969f}footer .eyebrow{color:var(--gold)}.footer-base{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:20px;font-size:10px;color:#89969f}.footer-base a{font-size:11px}.whatsapp{position:fixed;right:22px;bottom:22px;padding:11px 18px;background:#176b70;color:#fff;border:1px solid #ffffff80;border-radius:40px;font-size:12px;z-index:30;box-shadow:0 5px 15px #0002}.whatsapp:hover{background:#10575b;color:#fff}.breadcrumb{padding:24px 6.5% 0;font-size:11px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.split-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:45px 6.5% 65px}.split-hero .eyebrow{color:var(--gold-dark)}.split-hero h1{font-size:clamp(42px,4.5vw,65px)}.split-hero .lead{font-size:17px}.hero-image img{width:100%;aspect-ratio:3/2;object-fit:contain}.hero-image{background:#dce3e8}.local-nav{padding:20px 6.5%;border-block:1px solid var(--line);display:flex;gap:32px;font-size:13px}.variant-list{border-top:1px solid var(--line)}.variant-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.variant-list h3{margin:0}.variant-list .text-link{font-size:13px}.options{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--ivory);margin-bottom:80px}.options p{color:var(--muted);font-size:15px}details:not(.mega){border-bottom:1px solid #cbd0ce;padding:20px 0}details:not(.mega) summary{font-weight:600;font-size:16px}details:not(.mega) p{margin:15px 0 5px}details:not(.mega) a{font-size:13px;color:var(--teal)}.catalogue h1{margin-bottom:24px}.catalogue h1 em{color:var(--teal)}.catalogue-controls{margin:35px 0 10px;display:flex;gap:24px;border-block:1px solid var(--line);padding:25px 0}.catalogue-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.catalogue-controls label:first-child{flex:1}.catalogue-controls input,.catalogue-controls select{min-height:49px;background:#fff;border:1px solid #a9b2b4;padding:10px 14px;border-radius:0}.catalogue-controls select{min-width:210px}.catalogue #result-count{font-size:12px;color:var(--muted);margin-bottom:25px}.catalogue-item[hidden]{display:none}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.article-grid h2{font-size:30px}.article-grid p{color:var(--muted);font-size:15px}.article-grid .number{display:block;margin-bottom:18px}.coating-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.coating-grid article{padding:28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.coating-grid .eyebrow{font-size:10px;color:var(--muted)}.coating-grid a{font-size:13px;color:var(--teal)}.treatment-section{padding-top:0}.simple{max-width:1000px;min-height:60vh}.simple p{max-width:670px}.contact-page{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;min-height:70vh}.contact-page h1{font-size:clamp(40px,4.6vw,65px)}.contact-card{padding:40px;background:var(--ivory);border-top:2px solid var(--gold)}.contact-card h2{font-size:30px}.contact-card p{font-size:15px;color:var(--muted)}.contact-card a{font-size:14px;overflow-wrap:anywhere}.contact-card hr{border:0;border-top:1px solid var(--line);margin:28px 0}dialog{border:1px solid var(--line);background:#fafaf7;padding:35px;width:min(760px,92vw);max-height:85dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#050a11bb;backdrop-filter:blur(5px)}.search-heading{display:flex;justify-content:space-between;gap:20px}.search-heading h2{font-size:35px}.search-heading button{background:none;border:0;font-size:22px;padding:0 10px;align-self:flex-start}dialog label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}dialog input{width:100%;padding:14px;border:1px solid #8c9ba1;background:white}#search-results a{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}#search-results small{color:var(--muted);font-size:11px}#search-results p{padding-top:20px;font-size:14px}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{padding-top:100px}.home-hero{min-height:690px}.section{padding-inline:max(6.5%,calc((100% - 1400px)/2))}}
@media(max-width:1100px){header nav{gap:18px}.header-actions{gap:14px}.trade{display:none}.home-hero{min-height:520px}.hero-copy{padding-top:50px}.hero-copy h1{font-size:46px;white-space:normal}.hero-photo{align-self:stretch}.hero-caption{margin-top:25px}.hero-buttons{gap:10px}.button{padding:12px 16px;font-size:12px;gap:18px}.category-strip a{padding:20px 10px;font-size:11px}.editorial-copy{padding:45px 10%}.finish-banner>div{padding:45px 10%}.section{padding:65px 5%}.about-strip{gap:55px}.cta{margin-inline:5%;padding:30px}.footer-top{gap:35px}}
@media(max-width:800px){.topline{font-size:8px;padding:7px 5%}.topline>span{letter-spacing:.08em}header{min-height:65px;padding:0 5%;gap:15px}.brand,.brand img{width:100px;height:65px}header nav{display:none}.header-actions{gap:18px}.search-open span{display:none}.search-open{font-size:26px}.menu-button{display:block;font-size:11px}.home-hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:40px 6% 35px}.hero-copy h1{font-size:clamp(39px,7.2vw,58px);white-space:normal}.hero-copy p:not(.eyebrow){font-size:15px}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.hero-buttons{margin-top:24px}.hero-caption{display:none}.hero-photo{min-height:0}.hero-photo:before{background:linear-gradient(180deg,var(--night),transparent 13%)}.hero-photo>img{width:100%;height:auto}.photo-caption{bottom:18px;left:23px;right:23px;font-size:8px}.category-strip{display:flex;overflow-x:auto;padding:0;scrollbar-width:thin}.category-strip a{min-width:155px;padding:17px 20px;font-size:11px;white-space:nowrap}.category-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px}.section{padding:52px 6%}.section-heading{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:28px}.section-heading h2{font-size:35px}.section-heading>div>p:not(.eyebrow){margin-bottom:8px}.category-copy{gap:8px;padding:13px 0}.category-copy h3{font-size:18px}.category-copy p{font-size:11px}.category-copy .number{display:none}.card-arrow{font-size:20px}.editorial{grid-template-columns:1fr}.editorial-copy{padding:38px 6%}.editorial-image img{max-height:480px;object-fit:contain}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.card-copy h3{font-size:21px}.card-copy p{font-size:13px}.product-grid>.product-card:last-child:nth-child(odd){grid-column:1/-1;max-width:560px}.finish-banner{grid-template-columns:1fr}.finish-banner>div{padding:40px 6%}.finish-banner>img{height:auto;max-height:500px}.about-strip{grid-template-columns:1fr;gap:30px}.region-list span{font-size:17px}.cta{margin:0 6% 55px;padding:28px;flex-direction:column;align-items:flex-start}.cta h2{font-size:30px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-top h2{font-size:36px}.footer-base{gap:10px;flex-wrap:wrap}.whatsapp{font-size:11px;right:15px;bottom:15px;padding:9px 14px}.breadcrumb{padding:18px 6% 0;font-size:10px}.split-hero{grid-template-columns:1fr;gap:28px;padding:30px 6% 40px}.split-hero h1{font-size:44px}.split-hero .lead{font-size:16px}.local-nav{padding:17px 6%;gap:25px;font-size:12px}.variant-list article{grid-template-columns:25px 1fr;gap:12px}.variant-list .text-link{grid-column:2;justify-self:start}.variant-list h3{font-size:24px}.options{grid-template-columns:1fr;gap:20px;margin-bottom:50px}.catalogue-controls{gap:15px;flex-direction:column}.catalogue-controls select{width:100%}.catalogue-controls input{width:100%}.article-grid{grid-template-columns:1fr;gap:35px}.article-grid article{border-bottom:1px solid var(--line);padding-bottom:25px}.coating-grid{grid-template-columns:repeat(2,1fr)}.coating-grid article{padding:22px}.coating-grid h3{font-size:23px}.contact-page{grid-template-columns:1fr;gap:30px}.contact-card{padding:28px}.desktop-only{display:none}dialog{padding:25px}.search-heading h2{font-size:29px}#search-results a{flex-direction:column;gap:1px}html{scroll-padding-top:80px}}
@media(max-width:420px){.hero-copy h1{font-size:39px}.category-grid{grid-template-columns:1fr}.category-copy h3{font-size:23px}.category-copy p{font-size:13px}.category-copy .number{display:block}.product-grid{grid-template-columns:1fr}.product-grid>.product-card:last-child:nth-child(odd){grid-column:auto}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.coating-grid{grid-template-columns:1fr}.hero-buttons{align-items:stretch}.hero-buttons .button{gap:15px;padding:12px;font-size:11px}.topline a{letter-spacing:0}.cta{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.arrow-icon{display:inline-block;width:14px;height:14px;vertical-align:middle;flex-shrink:0;margin-left:4px}.button .arrow-icon{width:17px;height:17px}
/* Hubble product discovery and knowledge */
.need-explorer{background:#f0eee7}.routine-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.routine-buttons button,.vision-controls button{border:1px solid #a5afb0;padding:12px 20px;background:transparent;font-size:14px;color:var(--ink);min-height:46px}.routine-buttons button[aria-pressed=true]{background:var(--night);color:white;border-color:var(--night)}.routine-result{display:grid;grid-template-columns:1fr 1fr;background:white;align-items:center;margin-bottom:20px}.routine-result img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.routine-result>div{padding:36px 12%}.routine-result h3{font-size:34px}.routine-result p{color:var(--muted);font-size:15px}.routine-result .eyebrow{font-size:10px;color:var(--gold-dark)}.explorer-note{font-size:13px;color:var(--muted);margin:16px 0 0}.explorer-note .text-link{font-size:13px}.vision-lab{background:#0d1d25;color:#eef3f3;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}.vision-lab .eyebrow{color:var(--gold)}.lab-heading>p:not(.eyebrow){color:#b6c5ca;max-width:480px}.vision-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.vision-controls button{color:#d3dfe3;border-color:#62777f;font-size:12px;padding:10px 16px}.vision-controls button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--night)}.zone-answer{padding-top:25px;min-height:155px;max-width:500px}.zone-answer h3{font-size:26px;color:#f2d49b;margin-bottom:12px}.zone-answer p{font-size:15px;color:#c1d0d5}.lens-stage{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse,#52758226 0,transparent 70%)}.lens-stage svg{width:100%;max-width:520px;overflow:visible}.lens-stage>p{font-size:11px;line-height:1.6;text-align:center;max-width:360px;color:#a1b3b9;margin-top:-15px}.zone-marker>circle:first-child{fill:#aecbd11c;stroke:#8caaae;stroke-width:1;transition:fill .3s,stroke .3s}.marker-dot{fill:#99afb4}.zone-marker text{fill:#b9cdd1;font-family:'DM Sans',Arial,sans-serif;font-size:14px;letter-spacing:.02em}.lens-stage[data-active-zone=distance] [data-marker=distance]>circle:first-child,.lens-stage[data-active-zone=intermediate] [data-marker=intermediate]>circle:first-child,.lens-stage[data-active-zone=near] [data-marker=near]>circle:first-child{fill:#dbb56722;stroke:var(--gold);stroke-width:2}.lens-stage[data-active-zone=distance] [data-marker=distance] .marker-dot,.lens-stage[data-active-zone=intermediate] [data-marker=intermediate] .marker-dot,.lens-stage[data-active-zone=near] [data-marker=near] .marker-dot{fill:var(--gold)}.lens-stage[data-active-zone=distance] [data-marker=distance] text,.lens-stage[data-active-zone=intermediate] [data-marker=intermediate] text,.lens-stage[data-active-zone=near] [data-marker=near] text{fill:#f2d49b}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.knowledge-card{background:var(--ivory);border-top:1px solid #c4a66c;padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-height:250px}.knowledge-card .eyebrow{font-size:10px;color:var(--gold-dark)}.knowledge-card h3{font-size:26px}.knowledge-card p:not(.eyebrow){font-size:14px;color:var(--muted)}.knowledge-card>span{margin-top:auto;align-self:flex-end}.knowledge-card:hover{background:#eeeadf;color:var(--ink)}.faq-section{padding-top:50px}.faq-list{max-width:900px}.faq-list summary{line-height:1.6}.faq-list p{font-size:15px;max-width:780px;color:var(--muted)}.compare-wrap{overflow:auto;border:1px solid var(--line);margin-top:28px;scrollbar-width:thin}.compare-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.65;min-width:620px}.compare-table caption{text-align:left;background:var(--ivory);padding:18px 22px;color:var(--gold-dark);font-size:13px;font-weight:600}.compare-table th,.compare-table td{text-align:left;padding:20px 22px;vertical-align:top;border-top:1px solid var(--line);border-right:1px solid var(--line)}.compare-table thead th{background:#e9eeec;font-size:13px}.compare-table tbody th{font-weight:600;width:25%}.compare-table td{color:#465158}.compare-table .text-link{font-size:13px}.source-note{font-size:12px!important;line-height:1.7;color:var(--muted);margin-top:18px;max-width:850px}.source-note a{text-decoration:underline}.comparison-section{padding-bottom:25px}.product-enquiry-link{padding:0 6.5% 28px}.guide{max-width:1150px;margin:auto}.guide h1{font-size:clamp(40px,4.7vw,66px);max-width:870px}.guide .lead{max-width:800px}.guide>h2{font-size:30px;margin-top:45px;line-height:1.3}.guide>p:not(.eyebrow){max-width:800px;color:var(--muted)}.guide .compare-wrap{margin-bottom:40px}.guide .knowledge-block{padding-top:30px}.guide .section-heading{display:none}.guide-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.guide-steps{max-width:800px;padding-left:24px;color:var(--muted)}.guide-steps li{padding:6px 0}.guide-end{margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.guide-end p{font-size:12px;color:var(--muted)}.trade-builder{background:var(--ivory);display:grid;grid-template-columns:.85fr 1.3fr;gap:65px}.trade-builder h2{font-size:40px}.trade-builder>div>p:not(.eyebrow){font-size:15px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.form-grid small{font-weight:400;color:var(--muted);display:inline}.form-grid input,.form-grid select{width:100%;min-width:0;border:1px solid #a1acab;background:#fff;color:var(--ink);padding:12px;font-size:14px;min-height:48px;border-radius:0}.form-grid label:first-child,.form-grid label:last-child{grid-column:1/-1}.message-review{margin:20px 0}.message-review summary{font-size:13px!important}.message-review pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 'DM Sans',Arial,sans-serif;color:#47555c;margin:16px 0}.trade-builder .button{cursor:pointer}.trade-builder .source-note{margin-bottom:0}
@media(max-width:1000px){.trade-builder{gap:35px;grid-template-columns:1fr 1.1fr}.vision-lab{gap:30px}.routine-result>div{padding:25px 8%}.routine-result h3{font-size:29px}.knowledge-card{padding:25px}}
@media(max-width:800px){.routine-buttons{display:grid;grid-template-columns:1fr 1fr}.routine-buttons button{padding:11px;font-size:12px}.routine-result{grid-template-columns:1fr}.routine-result>div{padding:25px}.routine-result img{max-height:350px}.routine-result h3{font-size:29px}.vision-lab{grid-template-columns:1fr;gap:15px}.lab-heading h2{font-size:37px}.zone-answer{min-height:142px}.lens-stage{max-width:500px;margin:auto}.lens-stage svg{max-width:420px}.lens-stage>p{max-width:320px}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:0;padding:25px}.knowledge-card h3{font-size:26px}.knowledge-card>span{margin-top:10px}.faq-section{padding-top:35px}.compare-table{font-size:14px}.compare-table td,.compare-table th{padding:15px}.product-enquiry-link{padding:0 6% 25px}.trade-builder{grid-template-columns:1fr;gap:25px}.trade-builder h2{font-size:34px}.form-grid{gap:17px}.guide h1{font-size:41px}.guide>h2{font-size:27px}.guide-links{flex-direction:column;align-items:flex-start;gap:13px}}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1!important}.vision-controls{gap:6px}.vision-controls button{font-size:11px;padding:10px 12px}.knowledge-card h3{font-size:24px}.guide h1{font-size:36px}.lens-stage svg{max-width:340px}.zone-answer{min-height:165px}}

@media(max-width:600px){.compare-table{display:block;min-width:0;font-size:13px}.compare-table caption{display:block;line-height:1.6}.compare-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compare-table tbody{display:block}.compare-table tbody tr{display:grid;grid-template-columns:1fr 1fr}.compare-table tbody th{display:block;width:auto;grid-column:1/-1;background:#edf0eb;padding:13px 16px}.compare-table tbody td{display:block;padding:15px;overflow-wrap:anywhere}.compare-table tbody td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:#795820;margin-bottom:9px}.compare-table .text-link{font-size:12px}}
/* Client-approved content and catalogue expansion */
header{min-height:126px;padding:0 4%;gap:22px}.brand{width:218px}.brand img{width:218px;height:120px}header nav{gap:22px;font-size:13px}.header-actions{gap:20px}.lead{color:#465158}p{overflow-wrap:break-word}.faq-list{max-width:1050px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.visible-answer{border-top:1px solid var(--line);padding:25px 0 8px}.visible-answer h3{font-size:21px;line-height:1.45;letter-spacing:-.02em}.visible-answer p{font-size:16px;line-height:1.8;color:#465158}.message-review h3{font-size:16px}.coating-jump{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 45px}.coating-jump a{padding:10px 17px;border:1px solid #bfc7c5;border-radius:30px;font-size:14px}.coating-details{display:grid;gap:38px}.coating-detail{display:grid;grid-template-columns:.95fr 1.1fr;background:#f0eee8;scroll-margin-top:150px;border:1px solid #deded5}.coating-visual{align-self:center}.coating-visual img{width:100%;height:auto;object-fit:contain}.coating-detail-copy{padding:38px 42px}.coating-detail h3{font-size:36px}.coating-detail .eyebrow{color:var(--gold-dark);font-size:12px}.coating-detail p{font-size:17px;line-height:1.8;color:#3d4b51}.coating-detail .coating-question{font-size:15px}.benefit-note{border-left:3px solid #b88e42;padding:4px 0 4px 18px;margin:20px 0}.benefit-note strong{font-size:13px;color:#795820;text-transform:uppercase;letter-spacing:.07em}.benefit-note p{margin:6px 0 0;font-size:16px}.coating-basics,.collection-help{background:#eeeee7}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}.benefit-grid article>span{font-size:13px;color:#795820;display:block;margin-bottom:22px}.benefit-grid h3{font-size:24px}.benefit-grid p{font-size:16px;color:#465158;line-height:1.8}.care-banner{margin-top:45px;border-top:1px solid #c7c8be;padding-top:32px;max-width:900px}.contact-options .benefit-grid,.collection-help .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-options a{overflow-wrap:anywhere}.contact-options h3{font-size:25px}.collection-hero{display:grid;grid-template-columns:1.1fr .9fr;background:#ede9df;align-items:center}.collection-hero>div{padding:60px 12%}.collection-hero h1{font-size:clamp(45px,5vw,74px)}.collection-hero h2{font-size:30px;line-height:1.35}.collection-hero>img,.collection-hero>.hero-image img{width:100%;height:auto;max-height:680px;object-fit:contain;background:#211c16}.collection-hero .button.secondary{color:var(--ink)}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.collection-card{background:#f1eee6;border:1px solid #dedcd4;overflow:hidden;border-radius:6px}.collection-card>a>img{width:100%;height:510px;object-fit:cover;object-position:center 30%}.collection-card-copy{padding:32px}.collection-card h3{font-size:35px}.collection-card p{font-size:17px;color:#465158}.collection-actions{display:flex;gap:22px;flex-wrap:wrap}.eyewear-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;margin-top:35px}.eyewear-item{border:1px solid #d7dad3;background:white;border-radius:5px;overflow:hidden}.eyewear-item img{width:100%;height:auto}.eyewear-item-copy{padding:25px}.eyewear-item h3{font-size:22px;line-height:1.4}.eyewear-item .eyebrow{font-size:10px;margin-bottom:14px;color:#795820}.catalogue-disclaimer{max-width:900px;font-size:16px;line-height:1.8;color:#465158}.eyewear-item .text-link{font-size:14px}.footer-top a{font-size:15px;line-height:1.7}.visible-answer pre{font-size:15px;line-height:1.8}.coating-visual{padding:10px}
@media(max-width:1250px){header nav{gap:16px;font-size:12px}.brand{width:195px}.brand img{width:195px;height:114px}.header-actions{gap:15px}header{padding:0 3%;gap:17px}}
@media(max-width:1100px){header nav{display:none}.menu-button{display:block}.brand{width:210px}.brand img{width:210px;height:120px}header{min-height:126px}#mobile-menu{top:126px;max-height:calc(100dvh - 126px)}.benefit-grid{grid-template-columns:1fr 1fr}.coating-detail-copy{padding:30px}.collection-hero>div{padding:42px 9%}}
@media(max-width:800px){header{min-height:110px}.brand{width:180px}.brand img{width:180px;height:106px}#mobile-menu{top:110px;max-height:calc(100dvh - 110px)}.coating-detail{grid-template-columns:1fr}.coating-visual img{max-height:340px}.coating-detail-copy{padding:30px}.faq-list{grid-template-columns:1fr;gap:8px}.coating-detail p{font-size:16px}.collection-hero{grid-template-columns:1fr}.collection-hero>div{padding:40px 6%}.collection-hero>img,.collection-hero>.hero-image img{max-height:600px}.collection-grid{gap:22px}.collection-card-copy{padding:25px}.collection-card>a>img{height:350px}.eyewear-gallery{gap:24px}.eyewear-item-copy{padding:20px}.eyewear-item h3{font-size:19px}.collection-help .benefit-grid,.contact-options .benefit-grid{grid-template-columns:1fr}.coating-jump{gap:8px}.coating-jump a{font-size:13px}.coating-detail h3{font-size:31px}}
@media(max-width:600px){.brand{width:168px}.brand img{width:168px;height:106px}.header-actions{gap:15px}.trade{display:none}.search-open span{display:none}.menu-button{font-size:12px;padding:9px}.benefit-grid,.collection-grid,.eyewear-gallery{grid-template-columns:1fr}.coating-detail-copy{padding:25px}.coating-details{gap:25px}.collection-hero h1{font-size:44px}.collection-hero h2{font-size:26px}.collection-card>a>img{height:auto}.collection-card-copy{padding:26px}.section-heading{align-items:flex-start}.eyewear-item h3{font-size:21px}.contact-options .benefit-grid{gap:20px}.coating-jump{margin-bottom:30px}.coating-jump a{padding:8px 12px}.benefit-grid{gap:22px}.footer-top a{font-size:15px}.visible-answer h3{font-size:21px}}
.eyewear-specs{font-size:16px;line-height:1.7;color:#465158}.collection-search{display:flex;flex-direction:column;gap:10px;max-width:540px;margin:28px 0;font-size:15px;font-weight:600}.collection-search input{border:1px solid #8f9f9e;padding:14px;font:inherit;background:white;min-height:48px}[hidden]{display:none!important}

.arrow-down{transform:rotate(90deg)}