:root{--ink:#122033;--ink-soft:#4a5b6e;--navy:#07192c;--navy-2:#0d2742;--blue:#0c6ebd;--blue-deep:#084e88;--foam:#f3f6f9;--paper:#fff;--line:#1220331f;--sand:#f4efe6;--sand-2:#e7dccb;--danger:#9f1239;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Instrument Sans", "Segoe UI", sans-serif;--shadow:0 30px 70px #07192c29;--chrome:113px;--max:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(900px 420px at 100% -10%, #0c6ebd17, transparent 60%), var(--foam);text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6;overflow-x:clip}h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}::selection{background:#cfe4f8}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sr{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:80;color:var(--navy);background:#fff;border-radius:999px;padding:.7rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.7rem}.wrap{width:min(var(--max), calc(100% - 2.75rem));margin-inline:auto}.wrap.narrow{width:min(760px,100% - 2.75rem)}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:.85rem;font-size:.75rem;font-weight:650}h1,.h-sans{letter-spacing:-.045em;font-weight:600;line-height:.98}.hero h1{font-size:clamp(3.1rem,6.4vw,5.7rem)}.h-sans,.h-serif{display:block}.h-serif{font-family:var(--serif);letter-spacing:-.03em;color:var(--blue);font-style:italic;font-weight:400}.lede{max-width:40rem;color:var(--ink-soft);margin-top:1.15rem;font-size:1.12rem}.page-hero{padding:3.2rem 0 .4rem}.page-hero.slim{padding-bottom:0}.page-hero h1,.product-layout h1{max-width:14em;font-size:clamp(2.5rem,5vw,4.35rem)}.block{padding:5.25rem 0}.block.tight{padding-top:2.2rem}.block-white{background:var(--paper)}.block-navy{background:radial-gradient(700px 280px at 90% 0%, #3aa0f02e, transparent 55%), var(--navy);color:#fff}.block-navy .lede,.block-navy .pillar p{color:#ffffffbd}.block-navy .kicker{color:#8ec8f5}.block-sand{background:linear-gradient(#f7f2ea 0%,#f3ecdf 100%)}.section-head{max-width:720px;margin-bottom:2.4rem}.section-head h2,.block-title,.story-grid h2,.supply-grid h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.15rem);font-weight:600;line-height:1.05}.btn{letter-spacing:-.01em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:48px;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-deep)}.btn-line{background:0 0;border-color:#1220332e}.btn-line:hover{border-color:var(--ink)}.btn .icon-arrow{transition:transform .2s}.btn:hover .icon-arrow,.text-link:hover .icon-arrow{transform:translate(3px)}.text-link{color:var(--blue-deep);border-bottom:1px solid #0c6ebd59;align-items:center;gap:.4rem;margin-top:1.2rem;padding-bottom:.12rem;font-weight:600;text-decoration:none;display:inline-flex}.text-link svg{width:16px;height:16px}.chrome{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.topbar{background:var(--navy);color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:36px;display:flex}.topbar a{color:#fff;text-decoration:none}.header-inner{justify-content:space-between;align-items:center;gap:1.25rem;min-height:76px;display:flex}.logo{color:var(--ink);min-width:148px;text-decoration:none;display:grid}.logo-word{letter-spacing:-.05em;font-size:1.55rem;font-weight:700;line-height:1}.logo-blue{color:var(--blue)}.logo sup{margin-left:1px;font-size:.45em}.logo-wave{width:100%;height:8px;color:var(--blue);margin-top:2px}.nav-desktop{align-items:center;gap:1.15rem;display:flex}.nav-desktop a{color:var(--ink-soft);font-size:.94rem;font-weight:550;text-decoration:none;position:relative}.nav-desktop a:hover,.nav-desktop a.active{color:var(--ink)}.nav-desktop a.active:after{content:"";background:var(--blue);border-radius:2px;height:2px;position:absolute;bottom:-.55rem;left:0;right:0}.header-tools{align-items:center;gap:.7rem;display:flex}.langs{background:var(--foam);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.langs a{text-align:center;letter-spacing:.06em;min-width:2.15rem;color:var(--ink-soft);border-radius:999px;padding:.32rem .4rem;font-size:.72rem;font-weight:700;text-decoration:none}.langs a[aria-current=true],.langs a[aria-current=page]{background:var(--navy);color:#fff}.menu-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-btn svg{width:22px;height:22px}.nav-panel{inset:var(--chrome) 0 0 0;z-index:39;background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:1.5rem 1.4rem 2rem;display:flex;position:fixed;overflow:auto}.nav-panel-links{gap:.35rem;display:grid}.nav-panel-links a{letter-spacing:-.04em;color:#fff;font-size:clamp(1.8rem,6vw,2.7rem);font-weight:560;text-decoration:none}.nav-panel-links a.active{color:#8ec8f5}.nav-panel-foot{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.nav-panel-foot>a{color:#fff;text-decoration:none}.hero{padding:1.6rem 0 4.2rem}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:3.2rem;display:grid}.hero-copy{min-width:0}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;display:flex}.stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2.2rem;padding-top:1.2rem;display:grid}.stat-row dt{letter-spacing:-.04em;font-size:1.35rem;font-weight:650}.stat-row dd{color:var(--ink-soft);margin:.15rem 0 0;font-size:.86rem}.hero-mosaic{grid-template-columns:1fr 1fr;gap:.75rem;min-height:100%;display:grid}.mosaic{background:#e4ebf1;border-radius:22px;min-height:230px;text-decoration:none;display:block;position:relative;overflow:hidden}.mosaic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mosaic span{z-index:1;max-width:calc(100% - 1.4rem);color:var(--ink);letter-spacing:-.02em;background:#fffffff0;border-radius:999px;padding:.32rem .65rem;font-size:.8rem;font-weight:650;position:absolute;bottom:.7rem;left:.7rem}.visual{background:#d7e4f0;border-radius:28px;min-height:360px;position:relative;overflow:hidden}.visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.product-essay{max-width:44rem;margin-bottom:2.5rem}.product-essay h2{margin-bottom:.85rem}.catalog-copy .more{margin-top:.75rem}.range-grid{display:block}.range-list{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;column-gap:3rem;display:grid}.range-thumb{object-fit:cover;background:#e4ebf1;border-radius:14px;width:76px;height:76px}.range-item{border-top:1px solid var(--line);grid-template-columns:76px 1fr auto;align-items:center;gap:1rem;padding:1.15rem .2rem;text-decoration:none;display:grid}.range-item:hover{background:#0c6ebd0a}.range-index{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:650}.range-item strong,.related-grid strong{letter-spacing:-.03em;font-size:1.2rem;display:block}.range-item em,.range-item small,.related-grid em{font-style:normal;display:block}.range-item em{color:var(--ink);margin-top:.15rem;font-size:.92rem}.range-item small,.related-grid em{color:var(--ink-soft);font-size:.92rem}.range-item svg{width:20px;height:20px;color:var(--blue)}.tone-antifreeze .range-index,.tone-antifreeze .kicker{color:#b42336}.tone-lubricants .range-index,.tone-lubricants .kicker{color:#8a5a22}.tone-adblue .range-index,.tone-adblue .kicker{color:#0e7490}.pillar-grid{grid-template-columns:repeat(5,1fr);display:grid}.pillar{border-left:1px solid #ffffff24;padding:.2rem 1.15rem}.pillar svg{width:28px;height:28px;margin-bottom:1rem}.pillar h3,.value-grid h3,.mini-steps h3{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.05rem}.story-grid,.supply-grid,.about-grid,.production-grid,.wholesale-grid,.contact-grid,.detail-grid,.product-layout{grid-template-columns:1.05fr .95fr;align-items:start;gap:3.5rem;display:grid}blockquote p{font-family:var(--serif);letter-spacing:-.03em;color:var(--navy);font-size:clamp(2.1rem,4vw,3.25rem);font-style:italic;font-weight:400;line-height:1.12}blockquote footer{color:var(--ink-soft);letter-spacing:.04em;margin-top:1.2rem;font-size:.92rem}.mini-steps{gap:1rem;margin-top:1.8rem;display:grid}.mini-steps li,.steps li,.include-list li{grid-template-columns:auto 1fr;align-items:start;gap:.9rem;display:grid}.mini-steps span,.steps span,.include-list span,.value-grid span,.check-grid span,.related-grid span{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:650}.mini-steps p,.value-grid p,.check-grid p,.steps p,.prose p,.catalog-copy p,.card-note,.caption-note,.supply-note{color:var(--ink-soft)}.supply-card,.fact-card,.form,.form-success{box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:1.5rem}.block-sand .supply-card{background:var(--navy);color:#fff}.supply-card .kicker{color:#8ec8f5}.supply-card>a{color:#fff;letter-spacing:-.04em;overflow-wrap:anywhere;margin:.2rem 0 1rem;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:600;text-decoration:none;display:block}.supply-note{color:#ffffffb8;margin:1rem 0 1.3rem}.crumbs{margin-bottom:1.15rem}.crumbs ol{color:var(--ink-soft);flex-wrap:wrap;gap:.35rem .15rem;font-size:.88rem;display:flex}.crumbs li:not(:last-child):after{content:"/";color:#9aabbc;margin-left:.45rem}.crumbs a{color:var(--ink);border-bottom:1px solid #12203333;text-decoration:none}.prose{gap:1rem;display:grid}.prose section{gap:.45rem;padding-top:.4rem;display:grid}.prose h2,.catalog-copy h2,.detail-grid h2,.contact-grid h2,.wholesale-grid h2,.check-grid h2,.steps h2,.fact-card h2{letter-spacing:-.03em;font-size:1.45rem;font-weight:620}.fact-card dl,.spec-list{margin-top:.8rem}.fact-card dl div,.spec-list div{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:.8rem;padding:.8rem 0;display:grid}.fact-card dt,.spec-list dt,.contact-list span{color:var(--ink-soft);font-size:.92rem}.fact-card a,.contact-list a{color:var(--blue-deep)}.card-note,.caption-note{margin-top:1rem;font-size:.95rem}.value-grid,.check-grid,.related-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.value-grid li,.check-grid li,.related-grid a{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:180px;padding:1.25rem}.related-grid a{flex-direction:column;gap:.35rem;height:100%;text-decoration:none;display:flex}.related-grid a:hover,.value-grid li:hover,.catalog-row:hover .visual{border-color:#0c6ebd59}.check-grid{grid-template-columns:repeat(6,1fr)}.check-grid li:nth-child(-n+3){grid-column:span 2}.check-grid li:nth-child(4),.check-grid li:nth-child(5){grid-column:span 3}.serve-grid,.catalog-row{grid-template-columns:.7fr 1.3fr;align-items:center;gap:2rem;display:grid}.serve-grid ul,.audience-list{gap:.7rem;display:grid}.serve-grid li,.audience-list li{letter-spacing:-.03em;border-top:1px solid #ffffff29;padding:.9rem 0;font-size:1.2rem}.audience-list li{border-top-color:var(--line);font-size:1.15rem}.catalog-row{border-top:1px solid var(--line);grid-template-columns:1.05fr .95fr;align-items:center;padding:2.4rem 0}.catalog-row:last-of-type{border-bottom:1px solid var(--line)}.catalog-row:nth-child(2n) .catalog-copy{order:2}.catalog-sizes{color:var(--ink);margin-top:.8rem;font-weight:650}.visual{border:1px solid #0000;min-height:360px}.visual-lubricants{background:linear-gradient(160deg,#fbf6ee,#e6d3b6)}.visual-adblue{background:linear-gradient(165deg,#e8f6fb,#b7e0ee)}.visual-fallback{flex-direction:column;justify-content:flex-end;min-height:360px;padding:1.6rem;display:flex}.visual-fallback p{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem;font-weight:700}.visual-fallback strong{font-family:var(--serif);letter-spacing:-.03em;max-width:8em;font-size:clamp(2.6rem,4vw,4rem);font-style:italic;font-weight:400;line-height:.95}.origin-line{letter-spacing:.14em;text-transform:uppercase;color:#a10f24;margin-top:1rem;font-size:.78rem;font-weight:700}.steps{display:grid}.steps li{border-top:1px solid var(--line);align-items:center;padding:1.35rem 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{font-size:1.2rem}.include-list{gap:.8rem;margin-top:.8rem;display:grid}.spaced{margin-top:2rem}.tick-list{gap:.7rem;margin-top:.9rem;display:grid}.tick-list li{padding-left:1.15rem;position:relative}.tick-list li:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:.55rem;left:0}.tick-list.quiet li:before{background:var(--sand-2);box-shadow:inset 0 0 0 1.5px #8a5a22}.callout{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:68rem;margin-top:1.5rem;padding:1.1rem 1.2rem}.contact-list{gap:.9rem;margin:1rem 0 1.3rem;display:grid}.contact-list li{gap:.15rem;display:grid}.contact-list a{letter-spacing:-.03em;font-size:1.25rem;font-weight:620;text-decoration:none}.map-frame{border:1px solid var(--line);border-radius:18px;height:280px;overflow:hidden}.map-frame iframe{border:0;width:100%;height:100%}.form-head{margin-bottom:1rem}.form-head p,.field-error{color:var(--ink-soft);font-size:.95rem}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.field{gap:.35rem;margin-bottom:.85rem;display:grid}.field label span{color:var(--ink-soft);font-weight:450}.field input,.field select,.field textarea,.form-success textarea{background:#fbfcfe;border:1px solid #d5deea;border-radius:12px;width:100%;min-height:48px;padding:.75rem .8rem}.field textarea,.form-success textarea{resize:vertical;min-height:140px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);outline:2px solid #0c6ebd59}.has-error input,.has-error select,.has-error textarea{border-color:var(--danger)}.field-error{color:var(--danger);margin:0}.form-success{gap:.8rem;display:grid}.form-success h2{letter-spacing:-.03em;font-size:1.6rem}.footer{background:var(--navy);color:#ffffffc7;padding:0 0 1.6rem;position:relative}.footer-wave{width:100%;height:42px;color:var(--navy);z-index:2;pointer-events:none;margin-top:-42px;display:block;position:relative}.footer-grid{grid-template-columns:1.4fr 1fr .8fr .8fr;gap:2rem;padding-top:1.4rem;display:grid}.footer .logo{color:#fff}.footer-tag{font-family:var(--serif);color:#fff;margin:.8rem 0 .45rem;font-size:1.45rem;font-style:italic}.footer h2{letter-spacing:.14em;text-transform:uppercase;color:#8ec8f5;margin-bottom:.8rem;font-size:.75rem}.footer a{color:#fff;text-decoration:none}.footer li+li{margin-top:.4rem}.footer-mail{margin-top:.7rem;font-weight:620;display:inline-block}.footer-base{border-top:1px solid #ffffff1f;justify-content:space-between;gap:1.5rem;margin-top:2.4rem;padding-top:1rem;font-size:.88rem;display:flex}.footer-base p:last-child{text-align:right;max-width:38rem}.footer-credit{text-align:center;margin:.9rem auto 0;font-size:.82rem}.footer-credit a{color:#ffffffb8;text-underline-offset:.18em;text-decoration:underline}.footer-credit a:hover{color:#fff}@media (width<=1180px){.nav-desktop{display:none}.menu-btn{display:inline-flex}}@media (width<=1100px){.pillar-grid,.check-grid,.value-grid,.related-grid{grid-template-columns:1fr 1fr}.check-grid li,.check-grid li:nth-child(-n+3),.check-grid li:nth-child(4),.check-grid li:nth-child(5){grid-column:auto}.hero-grid,.range-grid,.story-grid,.supply-grid,.about-grid,.production-grid,.wholesale-grid,.contact-grid,.detail-grid,.product-layout,.serve-grid,.catalog-row,.footer-grid{grid-template-columns:1fr}.catalog-row:nth-child(2n) .catalog-copy{order:0}.footer-base{flex-direction:column}.footer-base p:last-child{text-align:left}}@media (width<=760px){:root{--chrome:77px}.topbar{display:none}.wrap{width:min(var(--max), calc(100% - 1.6rem))}.mosaic{min-height:148px}.visual,.visual-fallback{min-height:240px}.range-list,.stat-row,.form-grid,.pillar-grid,.value-grid,.related-grid,.check-grid,.fact-card dl div,.spec-list div{grid-template-columns:1fr}.block{padding:3.4rem 0}.hero{padding-top:1.1rem}.nav-panel-foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn .icon-arrow,.text-link .icon-arrow{transition:none}}
