/* Precision automotive direction. Shared across all eleven pages. */
:root{--navy:#0b1d45;--yellow:#f7d116;--paper:#eef2f5;--ink:#0b1d45;--muted:#526675}
body{background:var(--paper)}
.site-header{top:18px;left:24px;right:24px;background:rgba(11,29,69,.94);border:1px solid #ffffff24;box-shadow:0 12px 45px #0b1d4526;backdrop-filter:blur(18px)}
.header-inner{height:74px;width:calc(100% - 44px);max-width:1380px}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:130px;background:var(--yellow)}
.desktop-nav{gap:28px}.desktop-nav a{font-size:11px;letter-spacing:.7px;text-transform:uppercase;position:relative;padding:20px 0}
.desktop-nav a:after{content:"";position:absolute;bottom:10px;left:0;width:0;height:2px;background:var(--yellow);transition:width .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current="page"]:after{width:100%}
.phone-button{background:var(--yellow);height:40px;padding:0 20px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.refined-hero{min-height:790px;height:94svh;max-height:1080px;background:#0b1d45;overflow:hidden}
.hero-bg{left:37%;background-position:52% center;opacity:.84;transform:scale(1.02);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.hero-shade{background:linear-gradient(90deg,#0b1d45 0%,#0b1d45 30%,#0b1d45c4 48%,#0b1d4512 85%),linear-gradient(0deg,#0b1d45f2,transparent 45%)}
.refined-hero:after{content:"";position:absolute;right:4.5%;top:20%;bottom:17%;width:1px;background:linear-gradient(transparent,#ffffff55,transparent);pointer-events:none}
.hero-content{padding-top:135px;padding-bottom:100px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.1px}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor;flex-shrink:0}
.hero h1{font-size:clamp(72px,8.8vw,128px);line-height:.88;letter-spacing:-1.4px;max-width:880px;position:relative}
.hero h1 em{display:inline-block;position:relative;color:var(--yellow)}
.hero-lead{max-width:450px;font-size:15px;color:#c8d7e2;line-height:1.85;margin-top:30px}
.hero-cta{gap:14px}.button{font-size:10px;min-height:52px;padding:0 25px;letter-spacing:1.2px;transition:transform .2s,background .2s,box-shadow .2s}
.button.primary{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.button:hover{transform:translateY(-3px)}.button.secondary{background:#ffffff04;border-color:#ffffff35}
.hero-bottom{bottom:30px;border-top:1px solid #ffffff26;font-size:9px;letter-spacing:1.8px;padding-top:23px}.hero-bottom>a{padding-right:22px}
.partner-band{position:relative;background:#0b1d45;padding:25px 0;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}
.partner-inner h2{font-size:26px;letter-spacing:.2px}.partner-logo{border-left:1px solid #ffffff1c;padding-left:30px}.partner-logo img{height:60px}.partner-logo.gy img{height:36px}.partner-logo.gy span{color:#c5d3dc;font-size:9px}
.section{padding:110px 0}.section-heading h2,.story-grid h2{letter-spacing:-.6px}.split-heading{gap:100px}.split-heading>p{font-size:13px;line-height:1.9}
.editorial-services{border:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.editorial-service{grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;padding:34px;min-height:310px;background:#fff;border:1px solid #dce3e9;position:relative;overflow:hidden;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}
.editorial-service:nth-child(4),.editorial-service:nth-child(5){grid-column:span 3;min-height:270px}
.editorial-service:before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--yellow);transition:width .3s}
.editorial-service:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #0b1d4508;border-radius:50%;right:-45px;top:-45px;box-shadow:0 0 0 20px #0b1d4503,0 0 0 40px #0b1d4502;pointer-events:none}
.service-index{font-size:11px;font-family:Inter,sans-serif;letter-spacing:2px;color:#7c8e9d}
.editorial-service h3{font-size:33px;line-height:1.05;margin-top:28px;max-width:250px}
.editorial-service p{font-size:12px;line-height:1.8;margin-top:14px;max-width:350px;padding-bottom:22px}
.service-arrow{position:absolute;right:25px;bottom:20px;width:33px;height:33px;display:flex;align-items:center;justify-content:center;font-size:23px;border:1px solid #dce3e9;color:var(--navy);transition:.25s}
.editorial-service:hover{transform:translateY(-5px);border-color:#abbccc;background:white;box-shadow:0 16px 30px #0b1d450a}.editorial-service:hover:before{width:100%}.editorial-service:hover .service-arrow{background:var(--yellow);border-color:var(--yellow)}
.editorial-service:first-child{background:var(--navy);border-color:var(--navy);color:#fff}.editorial-service:first-child p{color:#bdceda}.editorial-service:first-child .service-index{color:#a8bdcd}.editorial-service:first-child .service-arrow{color:var(--yellow);border-color:#ffffff30}.editorial-service:first-child:hover .service-arrow{color:var(--navy)}
.story-section{background:#fff}.story-grid{gap:85px}.story-image{height:500px;padding:20px 0 0 20px}.story-image:before{content:"";position:absolute;left:0;top:0;width:50%;height:55%;border-left:1px solid #acbcc8;border-top:1px solid #acbcc8}.story-image img{height:100%;position:relative;filter:contrast(1.05)}.story-image>span{left:20px;bottom:0;padding:20px 24px;letter-spacing:2px}.story-grid .large{line-height:1.7}.text-link{font-size:10px;letter-spacing:1.2px;padding-bottom:10px;border-bottom:1px solid #b9c7d1}
.cta-strip{position:relative;overflow:hidden;background:#0b1d45;padding:75px 0}.cta-strip:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff0b;border-radius:50%;right:20%;top:-170px;box-shadow:0 0 0 55px #ffffff02,0 0 0 110px #ffffff02;pointer-events:none}.cta-strip .shell{position:relative}.cta-strip h2{font-size:58px}.cta-strip .button{min-width:190px}
.page-banner{background:linear-gradient(115deg,#0b1d45 50%,#123a59);padding-top:160px;padding-bottom:70px;border-bottom:3px solid var(--yellow)}
.page-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}
.page-banner h1{font-size:clamp(60px,7vw,96px);max-width:900px}.page-banner .eyebrow{margin-top:32px}.page-lead{max-width:580px;line-height:1.8;font-size:14px}.banner-year{font-size:380px;color:#ffffff05;right:2%}
.story-photo{height:480px;object-fit:cover;border-bottom:5px solid var(--yellow)}.values-grid{gap:16px}.values-grid article{background:white;padding:32px;border:1px solid #dce3e9;border-top:3px solid var(--yellow)}.values-grid h3{font-size:29px;margin:26px 0 15px}.values-grid p{line-height:1.8}
.manufacturer-grid{border:0;gap:15px}.manufacturer-grid a{border:1px solid #dce3e9;min-height:210px;position:relative;transition:transform .2s,border-color .2s}.manufacturer-grid a:before{content:"";position:absolute;bottom:0;left:0;height:3px;width:35px;background:var(--yellow);transition:width .3s}.manufacturer-grid a:hover{transform:translateY(-3px);border-color:#a9bbc9}.manufacturer-grid a:hover:before{width:100%}.manufacturer-grid strong{font-size:36px}.manufacturer-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.6px}
.detail-grid{gap:80px}.service-aside{border:1px solid #ffffff20;box-shadow:15px 15px 0 #dce4ea}.service-aside .button{width:100%}.service-aside img{height:240px}.steps{list-style:decimal-leading-zero}.steps li{padding:16px 8px}
.photo-grid{gap:24px}.photo-grid a{overflow:hidden;background:#fff;position:relative;border:1px solid #dce3e9}.photo-grid img{display:block;transition:transform .5s}.photo-grid a:hover img{transform:scale(1.025)}.photo-grid span{position:relative;background:#fff;padding:20px;font-size:11px;letter-spacing:.4px}.contact{background:#0d304d}.contact-grid{gap:15px;border:0}.contact-card{border:1px solid #ffffff25;background:#ffffff03;padding:32px;min-height:315px}.contact-card.accent{border-color:var(--yellow)}.contact-card strong{font-size:32px}.contact-card b{font-size:10px}.contact-card small{letter-spacing:2px}.contact-card:hover{background:#174263}.contact-card.accent:hover{background:#ffdf42}
.location-art{border:1px solid #c5d0d9}.location-panel p{font-size:14px;color:#5c6f7d}.footer-inner{gap:30px}footer{border-top:1px solid #ffffff15;padding:42px 0;background:#061d31}.footer-inner>a:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.shell{max-width:1280px}.hero-content{padding-top:145px}}
@media(max-width:1100px){.desktop-nav{gap:18px;margin-right:18px}.desktop-nav a{font-size:10px}:root .original-logo{width:195px}.editorial-service{padding:26px}.editorial-service h3{font-size:30px}.header-inner{width:calc(100% - 32px)}}
@media(max-width:950px){.site-header{left:15px;right:15px;top:12px}.mobile-menu.open{background:#0b1d45}.editorial-services{grid-template-columns:repeat(2,1fr)}.editorial-service,.editorial-service:nth-child(4),.editorial-service:nth-child(5){grid-column:span 1;min-height:310px}.editorial-service:last-child{grid-column:1/-1;min-height:240px}.story-grid{gap:40px}.story-image{height:420px}.hero-bg{left:22%}.hero h1{font-size:88px}.refined-hero{min-height:740px}.hero-bottom span:nth-child(2){display:none}.contact-card{padding:24px}.contact-card strong{font-size:28px}.cta-strip h2{font-size:48px}}
@media(max-width:700px){.site-header{top:10px;left:10px;right:10px}.header-inner{height:62px;width:calc(100% - 28px)}:root .original-logo{width:177px}.site-header .brand{max-width:177px}.refined-hero{height:88svh;min-height:700px;max-height:850px}.hero-bg{left:0;clip-path:none;opacity:.5;background-position:48% center}.hero-shade{background:linear-gradient(90deg,#0b1d45ed,#0b1d4588),linear-gradient(0deg,#0b1d45,transparent 70%)}.hero-content{padding-top:155px;padding-bottom:110px}.hero h1{font-size:65px;line-height:.91;letter-spacing:-.7px}.hero-lead{font-size:14px;max-width:340px;margin-top:25px;line-height:1.8}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;gap:8px}.hero-cta{flex-direction:row;max-width:100%;gap:9px}.hero-cta .button{font-size:9px;padding:0 16px;min-height:49px}.hero-bottom{bottom:25px;font-size:8px}.hero-bottom>a{padding-right:0}.refined-hero:after{display:none}.section{padding:72px 0}.partner-band{padding:26px 0}.partner-inner>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.partner-inner .eyebrow{margin:0;font-size:8px}.partner-inner h2{font-size:21px}.partner-logo{padding-left:0;border:0}.partner-logo img{height:58px}.partner-logo.gy img{height:31px}.partner-inner{gap:15px}.split-heading{gap:20px}.editorial-services{grid-template-columns:1fr;gap:12px}.editorial-service,.editorial-service:nth-child(4),.editorial-service:nth-child(5),.editorial-service:last-child{grid-column:auto;min-height:230px;padding:27px}.editorial-service h3{margin-top:19px;font-size:30px;max-width:100%;padding-right:10px}.editorial-service p{max-width:100%;padding-right:20px;padding-bottom:18px;font-size:12px}.service-index{font-size:9px}.service-arrow{bottom:19px;right:20px;width:29px;height:29px}.story-image{height:340px;padding:13px 0 0 13px}.story-image>span{left:13px;font-size:9px;padding:17px 20px}.story-grid .large{font-size:17px}.story-grid h2{font-size:44px}.story-photo{height:330px}.cta-strip{padding:55px 0}.cta-strip h2{font-size:41px}.cta-strip .eyebrow{font-size:9px}.page-banner{padding-top:122px;padding-bottom:45px;min-height:380px}.page-banner h1{font-size:57px}.page-banner .eyebrow{font-size:9px}.page-lead{font-size:13px}.banner-year{font-size:250px;bottom:-25px;right:-20px}.values-grid{gap:14px}.values-grid article{padding:27px}.manufacturer-grid{gap:10px}.manufacturer-grid a{min-height:165px;padding:22px 10px}.manufacturer-grid strong{font-size:28px}.manufacturer-grid span{font-size:8px;letter-spacing:.3px}.manufacturer-grid img{max-width:125px}.contact-card{min-height:260px;padding:29px}.contact-card strong{font-size:32px}.service-aside{box-shadow:8px 8px 0 #dce4ea}.detail-grid{gap:35px}.photo-grid img,.photo-grid a:first-child img{height:260px}.footer-inner{gap:22px}.mobile-call{box-shadow:0 -3px 18px #0002;padding:13px 18px}.mobile-call a{font-size:10px;letter-spacing:.5px}.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Remove the legacy blue rectangle while retaining the original white mark. */
.original-logo{filter:grayscale(1) contrast(3);mix-blend-mode:screen}
.partner-logo.gy img{filter:brightness(0) invert(1)}
.partner-logo.gy span{color:#fff}
.home-manufacturers{grid-template-columns:repeat(4,1fr)}
.home-manufacturers a{min-height:155px;padding:25px 15px;gap:24px}
.home-manufacturers img{max-width:180px;max-height:45px;object-fit:contain}
.home-manufacturers strong{font-size:30px}
.home-manufacturers a:last-child{grid-column:span 2}
.brand-showcase{background:#fff;border-bottom:1px solid #dde5eb}
.manufacturer-grid img[src$="dunlop.png"]{width:135px;height:65px}
.manufacturer-grid img[src$="continental.svg"]{width:180px;height:50px}
@media(max-width:950px){.home-manufacturers{grid-template-columns:repeat(2,1fr)}.home-manufacturers a:last-child{grid-column:span 2}}
@media(max-width:700px){.home-manufacturers a{padding:20px 10px;min-height:135px}.home-manufacturers img{max-width:125px}.home-manufacturers strong{font-size:26px}.home-manufacturers span{font-size:8px}.manufacturer-grid img[src$="continental.svg"]{width:125px}}
