/* Client reference refresh: angular masthead, panoramic campaign, layered footer. */
.header{height:86px;border:0;isolation:isolate;box-shadow:0 2px 12px #14151b0a}
.header::after{content:'';position:absolute;inset:0 0 -16px;background:#fff;clip-path:polygon(0 0,100% 0,100% 84%,0 100%);z-index:-1;pointer-events:none}
.header-inner{position:relative;gap:24px}
.header .brand{width:265px;height:86px;position:relative;align-self:stretch;isolation:isolate;flex-shrink:0}
.header .brand::before{content:'';position:absolute;top:0;left:-30px;width:370px;height:135px;background:var(--orange);clip-path:polygon(0 0,100% 0,27% 100%);z-index:-1;transition:background .2s}
.header .brand:hover::before{background:#ee7600}
.header .brand>img{position:absolute;top:24px;left:29px;width:153px;height:auto;filter:brightness(0) invert(1)}
.brand-tagline{position:absolute;left:60px;top:62px;letter-spacing:3.1px;font-size:6px;font-weight:800;color:#33210e}
.header nav{gap:24px;justify-content:center;font-size:10px;letter-spacing:.75px}
.header nav>a,.nav-products>a{height:86px}
.header nav>a::after,.nav-products>a::after{bottom:22px}
.header-actions{gap:17px;margin-left:17px}
.mega-menu{top:83px;left:-70px}
.hero-reference{height:600px;background:#747266;overflow:hidden;isolation:isolate}
.hero-reference .hero-landscape{background-image:url('offroad-campaign.webp');background-position:50% 54%;background-size:cover;filter:none;transform:none;transition:filter .4s}
.hero-reference .hero-shade{background:linear-gradient(90deg,#1619120d 0%,#10150e24 33%,#0f140d20 52%,transparent 74%),linear-gradient(0deg,#10130fd4 0%,#10130f22 24%,#10130f10 72%,#12171020 100%)}
.hero-reference .hero-inner{height:100%;display:flex;justify-content:center;align-items:center;padding-bottom:60px}
.hero-reference .hero-copy{width:650px;max-width:58%;text-align:center;padding:10px 0 0;margin-right:16%;text-shadow:0 2px 26px #0005}
.hero-reference .hero-copy>.eyebrow{justify-content:center;font-size:8px;letter-spacing:2.1px;margin-bottom:17px;gap:13px;color:#fff}
.hero-reference h1{font-size:80px;line-height:.97;letter-spacing:.4px}
.hero-reference h1>span{color:#fff}
.hero-reference .hero-copy>p{font-size:11px;line-height:1.9;max-width:365px;margin:18px auto 0;color:#f4f3ef;text-shadow:0 1px 12px #0008}
.hero-reference .hero-ctas{justify-content:center;align-items:center;gap:23px;margin-top:26px}
.hero-reference .hero-ctas .button{font-size:8px;min-height:45px;padding:0 20px;gap:22px;text-shadow:none;box-shadow:0 5px 20px #0001}
.hero-partner-link{display:flex;align-items:center;gap:10px;padding:9px 0;color:#fff;font-size:8px;letter-spacing:.9px;font-weight:800;border-bottom:1px solid #fff6}
.hero-partner-link>.icon{width:14px;height:14px}
.hero-partner-link:hover{color:#ffb367;border-color:#ffb367}
.hero-reference .hero-bottom{position:absolute;bottom:0;left:0;right:0;height:115px;border:0;background:none}
.hero-reference .hero-bottom-inner{position:relative;gap:0;justify-content:flex-start;align-items:center}
.hero-reference .slide-control{gap:14px;font-size:10px}
.hero-reference .slide-control button{width:30px;height:30px;border:1px solid #ffffff4d;border-radius:50%;display:grid;place-items:center;padding:0;font-size:15px;background:#171b1820}
.hero-reference .slide-control button:hover{border-color:var(--orange);color:var(--orange)}
.hero-reference .slide-control>.muted{color:#e1dfd7}
.hero-reference .slide-track{width:75px;background:#ffffff50}
.hero-reference .scroll-cue{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.8px;gap:15px;color:#eceae2}
.hero-reference .scroll-cue>span:last-child{font-size:19px;color:#fff}
.hero-reference .hero-product{position:absolute;right:0;top:auto;bottom:24px;width:265px;height:80px;display:flex;align-items:center;background:#1c211dbb;border:1px solid #ffffff32;backdrop-filter:blur(12px);padding:9px 35px 9px 8px;gap:13px}
.hero-reference .hero-product::after{display:none}
.hero-reference .hero-product>img{position:static!important;object-fit:contain;width:82px!important;height:60px!important;flex-shrink:0;filter:drop-shadow(0 4px 5px #0005)}
.hero-reference .hero-model{position:static;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hero-reference .hero-model>.hero-model-eyebrow{font:700 5px var(--body);letter-spacing:1.2px;color:#e0ded3}
.hero-reference .hero-model>#hero-model-name{font:700 26px/.95 var(--tp-display);letter-spacing:.4px;border:0;padding:0;color:#fff}
.hero-reference .hero-model>#hero-model-label{font:600 5px var(--body);letter-spacing:.45px;border:0;padding:0;color:#c7c9c2;line-height:1.5}
.hero-reference .vehicle-hotspot{left:auto;right:9px;bottom:29px;background:var(--orange);color:var(--ink);width:23px;height:23px;display:grid;place-items:center;z-index:3}
.hero-reference .vehicle-hotspot>.icon{width:13px;height:13px}
.hero-reference .vehicle-hotspot:hover{background:#ffb367}
.benefits{background:#fff;border-bottom:1px solid #e7e7e3}
.benefit-grid{height:96px}
.benefit-grid>div{gap:14px}
.benefit-grid>div>svg{color:var(--orange-dark);width:26px;height:26px}
.benefit-grid b{font-size:10px;font-weight:800}
.benefit-grid p>span{font-size:9px}
/* The layered outline mirrors the reference's distinctive geometric footer edge. */
.contact-reference{background:#35363a;color:#fff;overflow:visible;isolation:isolate;padding-top:81px;margin-top:0}
.contact-reference::before{display:none}
.footer-ridge{position:absolute;left:0;right:0;top:0;height:115px;background:var(--paper);z-index:-1;overflow:hidden}
.footer-ridge>span{position:absolute;inset:0;display:block}
.ridge-accent{background:var(--orange);clip-path:polygon(0 85%,9% 85%,18% 65%,27% 72%,37% 15%,55% 62%,69% 37%,80% 59%,90% 58%,100% 88%,100% 100%,0 100%)}
.ridge-front{background:#35363a;clip-path:polygon(0 92%,7% 92%,7% 81%,16% 81%,29% 26%,43% 59%,51% 77%,64% 19%,76% 54%,92% 54%,92% 92%,100% 92%,100% 100%,0 100%)}
.contact-reference .contact-inner{display:grid;grid-template-columns:1.05fr .92fr 1.12fr;gap:75px;align-items:start;padding:67px 0 52px}
.contact-reference .eyebrow{font-size:7px;letter-spacing:1.4px;color:#d4d3cc;gap:8px}
.contact-reference .orange-line{width:19px}
.contact-reference h2{font-size:43px;letter-spacing:.15px;line-height:1.02;margin-top:14px;white-space:nowrap}
.contact-reference h2 em{color:#ffa23f}
.contact-reference p{font-size:11px;line-height:1.9;color:#d0d0ce;margin-top:18px}
.contact-reference h3{font-size:30px;line-height:1;letter-spacing:.3px;font-style:italic;margin:0 0 20px}
.footer-connect{padding-top:1px}
#footer-connect-form{display:flex;align-items:stretch;width:100%;max-width:330px;margin-top:23px;border:1px solid #ffffff48;background:#ffffff05;transition:border-color .2s}
#footer-connect-form:focus-within{border-color:var(--orange)}
#footer-connect-form>input{border:0;background:none;width:100%;min-width:0;padding:12px 14px;color:#fff;font-size:10px;outline:0}
#footer-connect-form>input::placeholder{color:#c6c6c3}
#footer-connect-form>button{width:46px;min-width:46px;background:var(--orange);display:grid;place-items:center;color:#171820}
#footer-connect-form>button:hover{background:#ffa23f}
#footer-connect-form>button>.icon{width:19px;height:19px}
.footer-form-note{display:block;font-size:8px;color:#b7b7b3;margin-top:10px}
.footer-follow{padding-top:21px}
.footer-follow>p{margin-top:0}
.footer-discovery-links{display:flex;gap:11px;margin-top:22px}
.footer-discovery-links>a,.footer-discovery-links>button{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #ffffff42;background:#ffffff0a;color:#deded8;transition:.2s}
.footer-discovery-links>a:hover,.footer-discovery-links>button:hover{color:#191b20;background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}
.footer-discovery-links .icon{width:17px;height:17px;stroke-width:1.4}
.footer-journal-link{display:inline-flex;align-items:center;gap:13px;margin-top:24px;font-size:6.5px;font-weight:800;letter-spacing:.8px;color:#e2e2da}
.footer-journal-link>.icon{width:12px;height:12px;color:#ffad55}
.contact-reference .footer-contact{padding-top:21px}
.footer-contact-row{display:flex;gap:16px;align-items:center;margin-bottom:18px;color:#f0f0ed}
.footer-contact-row>.icon{width:19px;height:19px;color:#aaa9a2;stroke-width:1.5}
.footer-contact-row>span{font-size:15px;letter-spacing:.1px}
.footer-contact-row:first-of-type>span{font:600 27px var(--tp-display);letter-spacing:.5px}
.footer-contact-row:hover{color:#ffad55}
.footer-contact-row:hover>.icon{color:#ffad55}
.footer-contact-row.footer-address{align-items:flex-start;margin-bottom:15px}
.footer-contact-row.footer-address>.icon{margin-top:3px}
.contact-reference .footer-contact-row>p{font-size:9px;line-height:1.9;margin:0;color:#cacac5;max-width:295px}
.footer-location{display:block;font-size:6px;letter-spacing:1.15px;color:#b2b3ab;margin-left:35px}
.footer-reference{background:#35363a;color:#cacbc7}
.footer-reference .footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff22;padding:31px 0}
.footer-reference .footer-brand{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.footer-reference .footer-brand>img{width:123px;filter:brightness(0) invert(1)}
.footer-reference .footer-brand>span{font-size:5.5px;letter-spacing:1px;color:#c1c1ba}
.footer-navigation{display:flex;align-items:center;gap:27px;font-size:7px;letter-spacing:.6px;font-weight:800}
.footer-navigation>button{font-size:7px;letter-spacing:.6px;font-weight:800;padding:0;color:#e3e3da}
.footer-navigation>button>span{color:#ffad55;margin-left:7px;font-size:13px}
.footer-navigation>a:hover,.footer-navigation>button:hover{color:#ffad55}
.footer-reference .footer-bottom{border-top:1px solid #ffffff20;padding:21px 0 25px;color:#bfc0b9;font-size:6px}
.footer-reference .footer-bottom>button,.footer-reference .footer-bottom>a{color:#d1d2cb;font-size:6px}
@media(min-width:1650px){.header .brand{width:285px}.header .brand::before{width:405px;height:142px}.header .brand>img{left:43px;width:165px}.brand-tagline{left:77px;top:66px}.header nav{font-size:11px;gap:30px}.hero-reference{height:655px}.hero-reference h1{font-size:91px}.hero-reference .hero-copy>p{font-size:12px;max-width:400px}.hero-reference .hero-copy>.eyebrow{font-size:9px}.hero-reference .hero-ctas .button{min-height:48px;font-size:9px}.hero-reference .hero-product{width:285px;height:85px}.hero-reference .hero-product>img{width:90px!important;height:65px!important}.contact-reference .contact-inner{gap:95px;padding-top:76px;padding-bottom:60px}.contact-reference h2{font-size:48px}.contact-reference h3{font-size:33px}.footer-contact-row>span{font-size:17px}.footer-navigation{font-size:8px;gap:32px}}
@media(max-width:1300px){.header .brand{width:220px}.header .brand::before{width:315px;height:125px;left:-24px}.header .brand>img{left:20px;width:140px}.brand-tagline{left:42px;top:60px}.header nav{gap:19px;font-size:9px}.header-actions{margin-left:8px;gap:12px}.hero-reference .hero-copy{margin-right:17%;max-width:59%}.hero-reference h1{font-size:73px}.contact-reference .contact-inner{gap:44px;grid-template-columns:1.1fr .9fr 1.15fr}.contact-reference h2{font-size:38px}.contact-reference h3{font-size:27px}.footer-navigation{gap:20px;font-size:6px}}

/* LOGO2.pdf: original gold emblem, with its circular proportions preserved. */
.header .brand::before{background:#25272c}
.header .brand:hover::before{background:#303238}
.header .brand::after{content:'';position:absolute;top:0;left:-30px;width:370px;height:4px;background:#ffb400;pointer-events:none}
.header .brand>img{top:10px;left:63px;width:74px;height:74px;object-fit:contain;filter:none}
.brand-tagline{left:58px;top:91px;font-size:5.5px;letter-spacing:2px;color:#e9e4d5}
.footer-reference .footer-brand{flex-direction:row;align-items:center;gap:18px}
.footer-reference .footer-brand>img{width:59px;height:59px;object-fit:contain;filter:none;mix-blend-mode:normal}
.footer-reference .footer-brand>span{max-width:130px;font-size:7px;line-height:1.9;letter-spacing:1.1px;color:#e4e1d8}
@media(min-width:1650px){.header .brand::after{width:405px}.header .brand>img{left:78px;width:78px;height:78px;top:9px}.brand-tagline{left:73px;top:94px}}
@media(max-width:1300px){.header .brand::after{width:315px;left:-24px}.header .brand>img{left:52px;width:68px;height:68px;top:9px}.brand-tagline{left:45px;top:85px}.footer-reference .footer-brand>span{max-width:105px;font-size:6px}}