:root{--ink:#142e33;--muted:#617074;--mint:#b5f1b9;--green:#087960;--paper:#f7f8f3;--line:#d7dfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}p{line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #259b85;outline-offset:5px}button{border:0;background:none}em{font-style:normal}h2{font-size:clamp(32px,3.8vw,56px);line-height:1.1;letter-spacing:-2px;font-weight:500}h2 span{color:#73817e}h3{font-size:34px;line-height:1.16;letter-spacing:-1px;font-weight:500}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.section{padding-top:110px;padding-bottom:110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:25px;color:var(--green)}.eyebrow.light{color:var(--mint)}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;padding:19px 23px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#285057;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.mint{background:var(--mint);color:var(--ink)}.button.mint:hover{background:#d2f8cc}.button.small{padding:14px 18px;font-size:12px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;font-weight:600;padding:12px 0;border-bottom:1px solid #a8bab1}.text-link span{font-size:20px}.text-link:hover{color:var(--green)}.text-link.white{color:white;border-color:#6a8280}.fine{font-size:11px;color:var(--muted);line-height:1.6;margin-top:18px}.skip{position:fixed;left:16px;top:-80px;padding:15px;background:white;z-index:100}.skip:focus{top:15px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:28px;font-weight:800;letter-spacing:1px}.brand svg{width:35px;height:35px;color:var(--green)}.brand small{display:block;font-size:7px;letter-spacing:2.1px;font-weight:600;margin-top:4px}.site-header nav{display:flex;gap:28px;font-size:12px;font-weight:600}.site-header nav a:hover{color:var(--green)}.menu-toggle{display:none}.hero{height:720px;min-height:640px;position:relative;background:#10282d;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;object-position:center 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,31,.96) 0%,rgba(8,26,31,.88) 29%,rgba(8,26,31,.27) 67%,rgba(8,26,31,.08)),linear-gradient(0deg,rgba(8,26,31,.75),transparent 40%)}.hero-content{position:relative;padding-top:95px}.hero h1{font-size:clamp(60px,6.8vw,100px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin-bottom:28px}.hero h1 em{color:var(--mint)}.hero p{font-size:17px;color:#d7e4df;line-height:1.65}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:38px}.hero-bottom{position:absolute;bottom:39px;left:0;right:0;display:flex;align-items:center;gap:40px;padding-top:24px;border-top:1px solid #ffffff40;font-size:9px;letter-spacing:1.7px}.hero-bottom a{margin-left:auto;font-size:25px}.image-note{position:absolute;right:24px;bottom:10px;font-size:8px;color:#b7c3c0}.intro{padding:95px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:0 90px;border-bottom:1px solid var(--line)}.intro .eyebrow{grid-column:1/-1}.intro h2{font-size:39px;letter-spacing:-1.5px}.intro p{max-width:480px;color:var(--muted);font-size:15px;align-self:center}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-top>p{font-size:14px;color:var(--muted)}.metal-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:32px}.metal-tabs button{text-align:left;display:flex;justify-content:space-between;padding:22px 20px;font-size:16px;border-bottom:3px solid transparent;color:#6f7f7a}.metal-tabs button span{font-size:10px;align-self:center}.metal-tabs button[aria-selected=true]{border-color:var(--green);color:var(--ink);background:#eaf0e7}.material-panel{display:grid;grid-template-columns:1fr 1fr;background:#e9eee7;min-height:390px}.material-copy{padding:44px 50px}.tag{display:inline-block;font-size:9px;letter-spacing:1.6px;color:var(--green);font-weight:700;margin-bottom:23px}.material-copy h3{margin-bottom:20px}.material-copy>p{color:var(--muted);font-size:14px;max-width:420px}.application-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.application-list span{font-size:10px;padding:7px 10px;border:1px solid #c7d2c8}.material-image{position:relative;overflow:hidden}.material-image img{position:absolute;inset:0}.image-label{position:absolute;bottom:22px;left:24px;right:24px;background:#12292ee6;color:white;padding:19px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.image-label span{font-size:10px;color:#adc3bd}.image-label b{font-size:13px;font-weight:400}.product-section{background:#edf1eb}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.product-visual{background:var(--ink);color:white;min-height:560px;padding:44px;position:relative;overflow:hidden}.product-word{font-size:26px;letter-spacing:3px;font-weight:700}.product-code{font-size:70px;line-height:1.2;font-weight:500;letter-spacing:-3px;margin-top:7px}.product-code span{color:var(--mint);font-size:46px}.product-line{height:2px;background:var(--mint);width:48px;margin:25px 0}.product-visual>p{font-size:10px;letter-spacing:2px;color:#b4c5bd}.product-graphic{height:280px;position:absolute;right:-15px;bottom:40px;width:100%;transform:rotate(-25deg)}.orbit{border:1px solid #a8e8b64d;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:280px;height:150px}.o2{width:380px;height:210px}.o3{width:480px;height:270px}.drop{width:110px;height:150px;border-radius:60% 40% 65% 35% / 65% 50% 50% 35%;background:linear-gradient(140deg,#e8ffe1 0,#8fb7a1 15%,#1b655d 45%,#0b272d 65%,#94d1a4);box-shadow:inset -10px -5px 20px #0b2228,8px 20px 35px #001c2070;position:absolute;left:47%;top:21%;transform:rotate(35deg)}.product-visual-bottom{position:absolute;bottom:28px;left:44px;right:44px;border-top:1px solid #ffffff30;padding-top:17px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.product-visual-bottom span{font-size:7px;align-self:center;color:#a6bab3}.product-copy>p{font-size:14px;color:var(--muted);margin:20px 0 28px}.benefit{display:flex;gap:20px;padding:17px 0;border-top:1px solid #d1d9cf}.benefit>span{color:var(--green);font-size:11px;margin-top:3px}.benefit h4{font-size:15px;margin-bottom:6px;font-weight:600}.benefit p{font-size:12px;color:var(--muted)}.product-copy .button{margin-top:20px}.oil-line{margin-top:70px;border-top:1px solid #cbd6cb;padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.oil-line .eyebrow{font-size:9px}.oil-line h3{font-size:23px;max-width:350px;margin-top:12px}.oil-types{display:flex;flex-direction:column}.oil-types button{display:flex;justify-content:space-between;border-bottom:1px solid #cbd6cb;font-size:13px;padding:13px 0;text-align:left}.oil-types button:hover{color:var(--green)}.calculator-section{background:#142e33;color:#fff}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.calculator-copy h2{font-size:46px}.calculator-copy em{color:var(--mint)}.calculator-copy>p{font-size:14px;color:#b8cac4;margin-top:26px;max-width:420px}.ratios{display:flex;gap:34px;margin-top:40px}.ratios b{display:block;font-size:37px;font-weight:400;color:var(--mint);letter-spacing:-1px}.ratios span{font-size:10px;color:#b8cac4;display:block;margin-top:7px}.calculator-copy .calculator-note{font-size:11px;border-left:2px solid #9ac6a2;padding-left:17px;max-width:400px}.calculator{background:var(--paper);color:var(--ink);padding:32px}.calculator-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;gap:15px;margin-bottom:26px}.status-dot{font-size:7px;letter-spacing:1px;color:var(--green)}.status-dot:before{content:'●';margin-right:6px}.calc-tabs{display:flex;padding:4px;background:#e7ede5;margin-bottom:28px}.calc-tabs button{flex:1;font-size:11px;padding:12px 5px}.calc-tabs .active{background:var(--ink);color:white}.calculator label{font-size:12px;font-weight:600}.volume-input{display:flex;border-bottom:1px solid #bccdc1;align-items:center;margin-top:10px}.volume-input input{background:transparent;border:0;width:100%;min-width:0;font-size:45px;letter-spacing:-2px;padding:8px 0;color:var(--ink);outline-offset:0}.volume-input>span{font-size:13px;color:var(--muted)}.volume-presets{display:flex;gap:8px;margin-top:13px}.volume-presets button{padding:7px 10px;border:1px solid var(--line);font-size:10px}.volume-presets button:hover{background:#dcebd9}.calc-results{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:32px}.calc-results>div>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.calc-results strong{display:block;font-size:39px;font-weight:500;letter-spacing:-2px;margin-top:8px}.calc-results small{font-size:16px;letter-spacing:0}.calc-results>div:first-child strong{color:var(--green)}.plus{color:#97a69e;font-size:23px}.mix-bar{height:6px;background:#d9e2d6;margin-top:22px}.mix-bar span{display:block;height:100%;background:var(--green)}.mix-instruction{font-size:12px;margin-top:16px;line-height:1.5}.calculator .fine{font-size:9px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.service-grid article{border-top:1px solid #b8c9bc;padding-top:20px}.step-number{font-size:11px;color:var(--green)}.service-grid h3{font-size:27px;margin:32px 0 15px}.service-grid p{font-size:13px;color:var(--muted);min-height:86px}.step-label{display:block;margin-top:28px;font-size:8px;letter-spacing:1.5px;color:var(--green)}.knowledge{background:#eaf0e7}.knowledge-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.knowledge h2{font-size:43px}.download-card{display:flex;align-items:center;gap:17px;border-top:1px solid #c6d1c4;border-bottom:1px solid #c6d1c4;padding:25px 0;margin-top:40px}.pdf-icon{border:1px solid #a3b8aa;font-size:9px;padding:16px 9px}.download-card b{font-size:12px;display:block}.download-card div>span{font-size:10px;color:var(--muted);display:block;margin-top:7px}.download-card>span{margin-left:auto;font-size:22px}.faqs details{border-bottom:1px solid #c6d1c4}.faqs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5;padding:23px 0}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:22px;font-weight:400}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:12px;color:var(--muted);padding:0 28px 24px 0}.contact h2{font-size:clamp(45px,5.8vw,80px);letter-spacing:-3px}.contact em{color:var(--green)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:36px;gap:30px}.contact-bottom p{font-size:14px;color:var(--muted)}footer{background:#10272d;color:white;padding:55px 0 25px}.footer-main{display:grid;grid-template-columns:1.4fr 1.3fr 1fr 1fr;gap:40px}.footer-main .brand{align-self:start;font-size:30px}.footer-main>div>span{font-size:8px;letter-spacing:2px;color:#a0b7ad}.footer-main p{font-size:12px;margin-top:15px;color:#bfccc7;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:15px;font-size:11px;align-items:start}.footer-links button{padding:0;color:white;font-size:11px}.footer-links a:hover,.footer-links button:hover{color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:50px;padding-top:22px;font-size:8px;color:#9db3aa;gap:20px}dialog{border:0;background:var(--paper);color:var(--ink);width:min(720px,calc(100% - 32px));max-height:90vh;padding:46px;box-shadow:0 25px 100px #00191a50}dialog::backdrop{background:#051e25bc;backdrop-filter:blur(5px)}dialog h2{font-size:34px;letter-spacing:-1px;margin-bottom:22px}dialog>p{font-size:13px;color:var(--muted);margin:16px 0}.modal-close{position:absolute;right:14px;top:8px;font-size:32px;padding:5px 10px}dialog table{width:100%;border-collapse:collapse;margin-top:30px;font-size:13px}caption{text-align:left;font-size:10px;color:var(--muted);margin-bottom:12px}th,td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left}th{font-weight:500}td{color:var(--green)}dialog .fine{font-size:10px}dialog .button{margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}form label{display:block;font-size:11px;font-weight:600}form input,form select,form textarea{display:block;width:100%;border:1px solid #c9d5c8;background:white;padding:13px 11px;margin-top:8px;border-radius:0;font-size:12px;color:var(--ink)}textarea{resize:vertical}#request-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.7;background:#e8eee5;padding:24px}#request-result>p{font-size:12px;margin:15px 0;color:var(--muted)}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.outline:hover{color:white}[hidden]{display:none!important}
@media(min-width:1600px){.hero{height:780px}.hero-content{padding-top:120px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:18px}.header-cta{display:none}.product-layout,.calculator-layout,.knowledge-layout,.oil-line{gap:45px}.material-copy{padding:35px}.hero h1{font-size:80px}.product-code{font-size:62px}.product-visual{padding:35px}.service-grid{gap:22px}.hero-buttons{gap:20px}.footer-main{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.site-header{height:75px;padding:0 20px}.brand{font-size:24px}.brand svg{width:29px}.brand small{font-size:6px;letter-spacing:1.8px}.menu-toggle{display:block;font-size:24px;padding:10px}.site-header nav{display:none;position:absolute;left:0;right:0;top:75px;background:var(--paper);padding:20px;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #12292e15}.site-header nav.open{display:flex}.site-header nav a{padding:15px 5px;font-size:15px}.hero{height:700px;min-height:0}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0c242be8,#0c242b70),linear-gradient(0deg,#0c242b,transparent 55%)}.hero-content{padding-top:74px}.hero h1{font-size:clamp(47px,11.7vw,80px);letter-spacing:-2.5px;line-height:1.06}.hero p{font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px}.button{font-size:12px;padding:17px 18px;gap:20px}.hero-bottom{bottom:38px;gap:16px;flex-wrap:wrap;font-size:7px;letter-spacing:.8px}.hero-bottom a{display:none}.intro{padding:60px 0;grid-template-columns:1fr;gap:22px}.intro .eyebrow{margin:0;font-size:9px}.intro h2{font-size:30px;letter-spacing:-1px}.intro p{font-size:13px}.section{padding-top:65px;padding-bottom:65px}.section-top{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.section-top>p{font-size:12px}h2{font-size:36px;letter-spacing:-1.4px}.eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:1.5px}.metal-tabs{grid-template-columns:1fr 1fr;gap:2px;margin-bottom:20px}.metal-tabs button{font-size:13px;padding:17px 12px;background:#edf1eb}.material-panel{grid-template-columns:1fr}.material-copy{padding:30px 24px}.material-copy h3{font-size:30px}.material-copy>p{font-size:13px}.material-image{min-height:260px}.image-label{bottom:15px;left:15px;right:15px;padding:15px}.product-layout,.calculator-layout,.knowledge-layout,.oil-line{grid-template-columns:1fr;gap:36px}.product-visual{min-height:470px;padding:32px}.product-word{font-size:23px}.product-code{font-size:62px}.product-visual-bottom{left:32px;right:32px}.product-copy h3{font-size:34px}.product-copy>p{font-size:13px}.product-copy .tag{margin-bottom:16px}.oil-line{gap:20px;margin-top:45px}.calculator-copy h2{font-size:38px}.calculator-copy>p{font-size:13px}.ratios{gap:35px;margin-top:30px}.ratios b{font-size:34px}.calculator{padding:24px 20px}.calculator-heading{font-size:8px}.status-dot{font-size:6px}.calc-results strong{font-size:34px}.calculator .fine{font-size:10px}.service-grid{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:35px}.service-grid h3{font-size:24px;margin-top:23px}.service-grid p{font-size:12px;min-height:0}.step-label{font-size:7px;margin-top:20px}.knowledge h2{font-size:36px}.knowledge-layout{gap:20px}.download-card{margin-top:26px}.faqs summary{font-size:13px}.contact h2{font-size:clamp(36px,9vw,60px);letter-spacing:-1.5px}.contact-bottom{flex-direction:column;align-items:start;gap:25px}.contact-bottom p{font-size:13px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-main .brand{grid-column:1/-1}.footer-main>div:nth-child(2){grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px;font-size:9px;line-height:1.5}dialog{padding:35px 24px}dialog h2{font-size:28px}.form-grid{grid-template-columns:1fr}.result-actions{gap:10px}.result-actions .button{font-size:11px;padding:14px}.fine{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* COOLMATIC product-family catalogue */
.hero{height:640px;min-height:640px}.hero-content{padding-top:92px}.hero-brand{font-size:clamp(50px,7.6vw,112px);font-weight:800;letter-spacing:-5px;line-height:1.05;margin:15px 0 22px;color:white}.hero h1{font-size:clamp(26px,3vw,43px);letter-spacing:-1.2px;line-height:1.2;margin-bottom:25px;color:var(--mint)}.hero p{font-size:16px}.hero-shade{background:linear-gradient(90deg,rgba(8,26,31,.97),rgba(8,26,31,.85) 36%,rgba(8,26,31,.25) 78%),linear-gradient(0deg,rgba(8,26,31,.7),transparent 45%)}.catalog{padding-top:85px;padding-bottom:65px}.catalog .section-top{margin-bottom:36px}.family-filters{display:flex;gap:25px;border-bottom:1px solid var(--line)}.family-filters button{padding:16px 0;font-size:12px;border-bottom:3px solid transparent;color:var(--muted)}.family-filters button span{margin-left:10px;font-size:9px;opacity:.7}.family-filters button.active{color:var(--green);border-color:var(--green);font-weight:700}.family-row{display:grid;grid-template-columns:50px 1.1fr 1.3fr 50px;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:30px 16px 30px 0;transition:background .2s,padding .2s}.family-row:hover{background:#eaf0e7;padding-left:16px}.family-no{font-size:11px;color:var(--green);align-self:start;margin-top:8px}.family-name small{font-size:9px;letter-spacing:2px;color:var(--green);font-weight:700}.family-name h3{font-size:29px;letter-spacing:-1px;margin-top:8px}.family-row p{font-size:13px;color:var(--muted);max-width:450px}.family-arrow{justify-self:end;border:1px solid #b8c9bc;width:40px;height:40px;display:grid;place-items:center;font-size:22px;border-radius:50%}.family-row:hover .family-arrow{background:var(--ink);color:var(--mint);border-color:var(--ink)}.solutions{padding-top:55px;border-top:1px solid var(--line)}.category-hero{background:var(--ink);color:white;padding:30px 0 75px;position:relative;overflow:hidden}.category-hero:after{content:'';width:500px;height:500px;border:1px solid #ffffff12;position:absolute;right:-100px;top:-70px;transform:rotate(35deg);pointer-events:none}.breadcrumb{display:flex;flex-wrap:wrap;gap:13px;color:#a8bcb6;font-size:10px;padding:0 0 60px}.breadcrumb a:hover{color:var(--mint)}.category-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:80px;align-items:center}.category-heading h1{font-size:clamp(45px,5.7vw,82px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin-bottom:25px}.category-heading p{font-size:16px;color:#b8cac4;max-width:670px;margin-bottom:32px}.category-number{font-size:165px;line-height:1;font-weight:400;letter-spacing:-10px;color:#95c6a260;text-align:right}.category-number span{display:block;font-size:10px;color:#b5c9bd;letter-spacing:1px;margin-top:30px}.category-body{display:grid;grid-template-columns:250px 1fr;gap:80px;padding-top:70px;padding-bottom:90px}.category-body aside{align-self:start;position:sticky;top:125px}.category-body aside a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px;color:var(--muted)}.category-body aside a[aria-current=page]{color:var(--green);font-weight:700;border-color:var(--green)}.category-content h2{font-size:36px;letter-spacing:-1.3px}.category-lead{font-size:15px;color:var(--muted);margin:24px 0 40px}.selection-heading{padding-top:32px;border-top:1px solid var(--line)}.selection-heading>span{font-size:9px;letter-spacing:1.5px;color:var(--green);font-weight:700}.selection-heading h2{font-size:25px;margin-top:16px}.selection-steps{margin:28px 0 32px}.selection-steps article{display:grid;grid-template-columns:35px 170px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}.selection-steps article>span{font-size:10px;color:var(--green)}.selection-steps h3{font-size:16px;letter-spacing:0}.selection-steps p{font-size:12px;color:var(--muted)}.category-note{background:#e8eee5;border-left:2px solid var(--green);padding:22px 25px}.category-note b{font-size:12px}.category-note p{font-size:12px;color:var(--muted);margin-top:8px}.category-product{margin-top:35px;background:var(--ink);color:white;padding:30px;display:flex;align-items:center;gap:25px;justify-content:space-between}.category-product .eyebrow{color:var(--mint);font-size:8px}.category-product h3{font-size:24px}.category-product p{font-size:12px;color:#b9cec5;margin-top:13px}.category-product .button{white-space:nowrap;background:var(--mint);color:var(--ink);font-size:11px}.category-document{display:flex;align-items:center;gap:35px;justify-content:space-between;margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.category-document h3{font-size:22px}.category-document p{font-size:12px;color:var(--muted);max-width:470px;margin-top:15px}.category-document button{white-space:nowrap}
@media(max-width:1100px){.category-body{grid-template-columns:190px 1fr;gap:40px}.selection-steps article{grid-template-columns:30px 1fr;gap:12px}.selection-steps p{grid-column:2}.category-product{flex-direction:column;align-items:start}}
@media(max-width:760px){.hero{height:610px;min-height:610px}.hero-content{padding-top:65px}.hero-brand{font-size:clamp(39px,10.9vw,76px);letter-spacing:-2px;margin-bottom:20px}.hero h1{font-size:26px;line-height:1.2;max-width:300px;letter-spacing:-.8px}.hero p{font-size:14px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.catalog{padding-top:55px}.family-filters{gap:18px}.family-filters button{font-size:10px;text-align:left}.family-filters button span{display:none}.family-row{grid-template-columns:23px 1fr 32px;gap:15px;padding:25px 0}.family-name h3{font-size:26px}.family-row p{grid-column:2;grid-row:2;font-size:12px}.family-arrow{grid-column:3;grid-row:1;width:32px;height:32px;font-size:18px}.family-name small{font-size:8px}.family-row:hover{padding-left:0}.category-hero{padding:22px 0 50px}.breadcrumb{padding-bottom:45px;font-size:9px;gap:8px}.category-heading{grid-template-columns:1fr;gap:0}.category-heading h1{font-size:46px;letter-spacing:-2px}.category-heading p{font-size:14px}.category-number{display:none}.category-body{grid-template-columns:1fr;padding-top:35px;gap:40px}.category-body aside{position:static;display:flex;flex-wrap:wrap;gap:10px}.category-body aside .eyebrow{width:100%;margin-bottom:5px}.category-body aside a{font-size:10px;padding:10px 12px;border:1px solid var(--line)}.category-body aside a span{display:none}.category-body aside a[aria-current=page]{background:#e8eee5}.category-content h2{font-size:30px}.category-lead{font-size:14px}.selection-heading h2{font-size:24px}.selection-steps article{grid-template-columns:25px 1fr;gap:8px 12px}.category-document{flex-direction:column;align-items:start;gap:15px}.category-product{padding:25px}}
.multi-section{background:#e8eee5}.multi-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.multi-card{background:var(--ink);color:white;padding:38px;position:relative;overflow:hidden}.multi-card:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #b5f1b925;border-radius:50%;right:-135px;top:0;pointer-events:none}.multi-card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:var(--mint);gap:15px}.multi-card-top span:first-child{color:white;font-weight:700}.multi-card h3{font-size:52px;letter-spacing:-2px;margin:35px 0 23px}.multi-card p{font-size:14px;color:#b8cac4;max-width:420px;min-height:70px}.multi-card .button{margin-top:28px}.category-number.multi-mark{font-size:65px;letter-spacing:-3px}.category-body aside .related-label{margin:35px 0 5px}@media(max-width:760px){.multi-grid{grid-template-columns:1fr;gap:20px}.multi-card{padding:28px}.multi-card h3{font-size:43px}.multi-card-top{font-size:8px}.multi-card p{font-size:13px;min-height:0}.category-body aside .related-label{margin:15px 0 0}}
.grade-selector{margin:35px 0 45px;padding:30px;background:#e8eee5}.grade-selector h2{font-size:27px;letter-spacing:-1px}.grade-selector>p{font-size:12px;color:var(--muted);margin-top:15px}.grade-list{display:flex;flex-direction:column;margin-top:25px}.grade-list button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid #c3d3c5;font-size:13px;text-align:left}.grade-list button:hover{color:var(--green)}@media(max-width:760px){.grade-selector{padding:25px 20px}.grade-selector h2{font-size:24px}.grade-list button{font-size:12px}}
.grease-types{margin-top:25px}.grease-types article{border-top:1px solid #c3d3c5;padding:22px 0}.grease-types h3{font-size:20px;letter-spacing:-.5px}.grease-types p,.grease-guide p{font-size:12px;color:var(--muted);margin-top:10px}.grease-guide{border-top:1px solid #c3d3c5;padding-top:22px;margin-top:10px}.grease-guide b{font-size:12px}form>label+label{margin-top:18px}.brand small{font-size:6.5px;letter-spacing:1.8px}
.gear-showcase{margin:45px 0}.gear-showcase h2{margin-bottom:25px}.gear-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gear-gallery figure{margin:0;min-width:0}.gear-crop{aspect-ratio:412/228;position:relative;overflow:hidden;background:#16292d}.gear-crop img{position:absolute;width:341.75%;height:auto;max-width:none;top:-44.74%;object-fit:initial}.crop-one img{left:-10.44%}.crop-two img{left:-120.87%}.crop-three img{left:-231.55%}.gear-gallery figcaption{padding-top:14px}.gear-gallery figcaption b{font-size:12px;display:block}.gear-gallery figcaption span{font-size:11px;line-height:1.5;display:block;color:var(--muted);margin-top:8px}@media(max-width:760px){.gear-gallery{grid-template-columns:1fr;gap:25px}.gear-crop{aspect-ratio:412/228}}

/* Product range and bulletin library */
.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.range-card{border-top:4px solid var(--product-accent);background:#f2f5ee;padding:34px;color:#163034;display:flex;flex-direction:column}.range-card .eyebrow{font-size:10px;letter-spacing:1.3px;color:var(--product-accent)}.range-card h3{font-size:38px;margin:25px 0 18px;letter-spacing:-1.6px}.range-card p{font-size:15px;line-height:1.7;max-width:50ch;flex:1}.range-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #ccd8cf;margin-top:24px;padding-top:21px}.bulletin-link{font-size:13px;font-weight:700;white-space:nowrap}.knowledge .download-card{margin-top:14px}.bulletin-cover{padding:28px;width:260px;min-height:315px;background:#f4f5ef;color:#173335;border-top:7px solid var(--product-accent);transform:rotate(5deg);box-shadow:15px 20px 0 #ffffff0b;display:flex;flex-direction:column;gap:24px}.bulletin-cover>span{font-size:21px;font-weight:800}.bulletin-cover b{font-size:35px}.bulletin-cover>div{height:60px;background:linear-gradient(135deg,var(--product-accent),#173335)}.bulletin-cover small{line-height:1.7;letter-spacing:1px}.bulletin-cover em{font-size:10px;font-style:normal}.application-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.application-panels article{background:#e9eee7;padding:25px}.application-panels span{font-size:10px;letter-spacing:1.2px;color:#237767}.application-panels h3{font-size:21px}.application-panels p{font-size:14px;line-height:1.7}.compact-range{margin:35px 0 55px}.compact-range .range-card{padding:24px}.compact-range .range-card h3{font-size:29px}.compact-range .range-actions{flex-wrap:wrap}.product-hero .category-heading{align-items:center}.product-hero .hero-buttons{flex-wrap:wrap}
@media(max-width:760px){.range-grid,.application-panels{grid-template-columns:1fr}.range-card{padding:25px}.range-card h3{font-size:33px}.bulletin-cover{display:none}.range-actions{gap:14px;flex-wrap:wrap}.application-panels{margin:25px 0}.product-hero .category-heading{display:block}}

/* Business-card inspired metallic brand lockup */
.site-header .brand{flex-shrink:0;line-height:1}.site-header .brand-lockup{display:block;width:292px;height:auto;max-width:100%}@media(max-width:1100px) and (min-width:761px){.site-header .brand-lockup{width:248px}.site-header nav{gap:18px}}@media(max-width:760px){.site-header .brand-lockup{width:252px;max-width:calc(100vw - 100px)}}