/* Static, photograph-led SHACMAN editorial system. */
:root{--ink:#172b35;--muted:#5c686e;--paper:#fff;--line:#dce1e2;--rust:#314f5d;--yellow:#ffcf24;--blue:#f0f4f4;scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body{background:#fff}h1,h2,h3{font-weight:750;letter-spacing:-.05em}h1{line-height:1.02}h2{font-size:clamp(32px,3.5vw,50px)}
.wrap{max-width:1440px;padding-left:48px;padding-right:48px}
.review-bar{background:#edf2f3;color:#4a5960}
.header{max-width:1440px;background:#fff;color:var(--ink);height:84px;border-bottom:1px solid var(--line);gap:30px}
.brand-type>span{color:var(--muted)}.brand-symbol>span{background:var(--yellow);height:4px}.header a:hover{color:#456675}.header .nav-quote{background:transparent;color:var(--ink);border:1px solid #b9c3c7;border-radius:0}.header .language-link,.menu-toggle{color:var(--ink)}
.button{background:var(--yellow);color:var(--ink);border-radius:0;min-height:50px;font-weight:750}.button:hover{background:#f0bd08;color:var(--ink)}.button:focus-visible,.text-link:focus-visible{outline-color:#176c93}.button-outline,.button-copy,.button-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.button-whatsapp{background:#087e48;color:#fff}.button-whatsapp:hover{background:#066639;color:#fff}
/* The headline, introduction and image occupy separate editorial rows. */
.editorial-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"title intro" "image spotlight";gap:28px 24px;padding-top:32px;padding-bottom:0;align-items:end}
.hero-heading{grid-area:title;min-width:0}.hero-heading>.eyebrow{color:#4e626c;font-size:10px;letter-spacing:.18em;margin-bottom:17px}
.editorial-hero h1{margin:0;letter-spacing:-.065em;font-weight:750;line-height:.95}.editorial-hero h1 span{display:block;font-size:clamp(25px,2.6vw,37px);letter-spacing:-.04em;line-height:1.1;margin-bottom:7px}.editorial-hero h1 em{display:block;font-style:normal;font-size:clamp(62px,8.4vw,120px);line-height:.93;color:var(--ink);letter-spacing:-.075em}
.hero-intro{grid-area:intro;padding-bottom:3px}.hero-intro>p{font-size:13px;line-height:1.65;color:var(--muted);max-width:310px}.hero-intro .button{margin-top:18px;width:100%;max-width:260px;padding:15px 20px}
.hero-stage{grid-area:image;margin:0;min-width:0;position:relative;align-self:stretch;background:#e7eef1;overflow:hidden}
.hero-stage>img{position:static;display:block;max-width:100%;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:center center}
.hero-stage figcaption{position:static;padding:7px 12px;font-size:8px;letter-spacing:.06em;color:#394e59;background:rgba(255,255,255,.94);line-height:1.4}
.hero-spotlight{grid-area:spotlight;align-self:start;display:flex;flex-direction:column;justify-content:flex-start;gap:28px;background:#fff;border-top:6px solid var(--yellow);padding:24px 0}
.spotlight-index{font-size:10px;font-weight:600;letter-spacing:.1em;color:#51636c}.hero-spotlight .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:12px;color:#566a73}.hero-spotlight h2{font-size:46px;line-height:1.01;letter-spacing:-.06em}.spotlight-description{font-size:13px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:180px}.spotlight-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ccd5d8;padding-top:24px;font-size:12px;font-weight:650}.spotlight-link b{display:grid;place-items:center;background:var(--yellow);width:46px;height:46px;font-size:25px;font-weight:500;flex-shrink:0}
/* Model photographs take precedence; detailed guidance lives on model pages. */
.section{padding-top:88px;padding-bottom:64px}.section-title{align-items:end;margin-bottom:34px}.section-title .eyebrow{color:#5c6d76;font-size:10px;letter-spacing:.14em}.section-title h2{font-size:clamp(35px,3.8vw,54px);line-height:1.04}.section-title>p{max-width:320px;font-size:14px;line-height:1.7}
.range-grid{gap:42px 32px}.range-card{background:transparent;border:0;min-width:0}.range-image{border:0;border-radius:0;background:#f0f3f3}.vehicle-frame{border-radius:0;background:#f0f3f3;aspect-ratio:8/5}.vehicle-window{width:90%;height:86%;max-width:590px}.range-text{padding:23px 0 0;border-bottom:1px solid var(--line);padding-bottom:22px}.range-text .eyebrow{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.range-text h3{font-size:36px;font-weight:750;letter-spacing:-.04em}.range-text>p:not(.eyebrow){font-size:14px;line-height:1.75}.range-text .card-actions{margin-top:16px;gap:22px}.text-link{font-weight:650;border-color:#a8b7bd;min-height:36px;align-items:center}.range-text small{font-size:11px;margin-top:15px;color:var(--muted)}.range-text .catalogue-link{font-size:11px}.editorial-home .range-text>p:not(.eyebrow),.editorial-home .range-text small,.editorial-home .range-text .catalogue-link{display:none}.editorial-home .range-text .card-actions>a:nth-child(2){display:none}.editorial-home .range-text{position:relative;padding-right:160px;min-height:108px}.editorial-home .range-text .card-actions{position:absolute;right:0;bottom:24px;margin:0}.editorial-home .range-text .text-link{font-size:12px}.other-trucks{margin-top:28px;border-top:0;padding:15px 0;color:var(--muted)}
/* Shared light surfaces on inner pages. */
.breadcrumbs{font-size:11px;color:#657680;padding-top:21px;padding-bottom:18px}.products-page .page-intro{max-width:1440px;background:#fff;color:var(--ink);padding:28px 48px 42px;border-bottom:1px solid var(--line);position:relative}.products-page .page-intro::after{content:"";position:absolute;bottom:-2px;left:48px;width:72px;height:5px;background:var(--yellow)}.products-page .page-intro h1{font-size:clamp(42px,4.8vw,69px);max-width:980px;font-weight:750}.products-page .page-intro .eyebrow{color:var(--muted)}.products-page .page-intro>p:last-child{color:var(--muted)}.products-page .page-intro+.page-section{padding-top:28px;border-top:0}.filter-button{border-radius:0}.filter-button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.page-hero{max-width:1440px;background:#fff;color:var(--ink);grid-template-columns:1fr 1.15fr;gap:48px;padding:26px 48px 60px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(40px,4.4vw,64px);font-weight:750}.page-hero .eyebrow{color:var(--muted)}.page-hero .lead{color:var(--muted);font-size:16px;line-height:1.75}.page-hero .button{background:var(--yellow);color:var(--ink)}.page-hero .text-link{color:var(--ink)}.page-hero .page-image{margin:0;min-width:0;border-radius:0}.page-hero figcaption{color:var(--muted);font-size:10px;line-height:1.5;border-top:0}.page-hero .vehicle-frame{background:#f0f3f3}
.material-feature{display:grid;grid-template-columns:1.22fr 1fr;gap:72px;padding-top:48px;padding-bottom:88px;align-items:center}.material-feature figure{min-width:0}.material-feature img{width:100%;height:auto;object-fit:contain}.material-feature figcaption{color:var(--muted);font-size:10px;line-height:1.6;padding:10px 0}.material-feature .eyebrow{color:var(--muted);margin-bottom:18px}.material-feature h2{font-size:clamp(36px,4vw,55px);line-height:1.05;max-width:400px}.material-feature p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin:23px 0;max-width:390px}.material-feature .button{margin-top:3px}
.shipment-section{background:#eef3f4;color:var(--ink);padding:72px 0;border:0}.shipment-grid{grid-template-columns:1.15fr 1fr;gap:60px}.shipment-copy>.eyebrow{color:var(--muted)}.shipment-copy>p:not(.eyebrow),.shipment-copy li p{color:var(--muted)}.shipment-copy li{border-color:#cbd6db}.shipment-copy li>span{color:#526872;font-weight:750}.shipment-copy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.06}.shipment-grid>figure>img{aspect-ratio:auto;border-radius:0;height:auto}.shipment-grid figcaption{color:var(--muted);line-height:1.6;font-size:9px}.shipment-section .text-link{color:var(--ink)}
.about-section{padding-top:85px;padding-bottom:85px}.about-section h2{font-size:37px}.wide-cta{background:#f0f3f3;border-left:5px solid var(--yellow);border-radius:0}.known-product,.info-panel,.step-card{border-radius:0}.info-panel{background:#f0f3f3}.closing{background:var(--yellow);color:var(--ink);border:0;padding:58px 0 64px}.closing .eyebrow{color:#4e4c37}.closing h2{font-size:clamp(42px,4.9vw,70px);font-weight:750;line-height:1.03}.closing .button.light{background:#fff;color:var(--ink)}.footer{background:#fff;padding-top:44px;padding-bottom:44px}.footer-wordmark{font-size:15px}.inquiry-panel{border-radius:0;border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:none}.contact-page{background:#fff}.contact-intro h1{font-weight:750}.contact-intro h1 em{color:#536e7c}.image-dialog{border-radius:0}.quote-page .hero h1{font-weight:750}.quote-page .hero{border-bottom:1px solid var(--line)}
@media(max-width:1100px){.header{gap:20px}.navigation{gap:20px;margin-left:0}.wrap{padding-left:32px;padding-right:32px}.editorial-hero{grid-template-columns:minmax(0,1fr) 220px;gap:24px 20px}.hero-spotlight{padding:22px 0}.hero-spotlight h2{font-size:38px}.spotlight-link{gap:8px}.hero-intro>p{font-size:12px}.material-feature,.shipment-grid{gap:36px}.page-hero{padding-left:32px;padding-right:32px;gap:32px}.products-page .page-intro{padding-left:32px;padding-right:32px}.editorial-home .range-text{padding-right:0}.editorial-home .range-text .card-actions{position:static;margin-top:14px}}
@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.header{height:70px;padding:0 20px;gap:8px}.header .navigation.open{background:#fff;color:var(--ink);border:1px solid var(--line);top:70px}.header .nav-quote{padding:9px 11px;min-height:42px;border:0;background:var(--yellow)}.editorial-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "image" "intro";padding-top:26px;gap:20px}.hero-heading>.eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.14em}.editorial-hero h1 span{font-size:24px;margin-bottom:8px}.editorial-hero h1 em{font-size:clamp(49px,12.7vw,92px);letter-spacing:-.065em;line-height:.96}.hero-stage{overflow:hidden}.hero-stage>img{aspect-ratio:3/2;object-fit:cover;object-position:center center}.hero-stage figcaption{position:static;padding:8px 9px;background:#f0f3f3;font-size:7px;letter-spacing:.02em}.hero-spotlight{display:none}.hero-intro{display:grid;grid-template-columns:1fr;gap:15px;align-items:center;padding:0 0 25px;border-bottom:1px solid var(--line)}.hero-intro>p{font-size:13px;line-height:1.65;max-width:none}.hero-intro .button{margin:0;width:100%;min-width:118px;padding:14px 13px;gap:14px;font-size:12px}.hero-intro .button>span{font-size:19px}
.section{padding-top:48px;padding-bottom:40px}.section-title h2{font-size:37px}.section-title>p{font-size:13px}.range-grid{gap:30px}.range-text{padding:17px 0 20px}.range-text h3{font-size:30px}.editorial-home .range-text{padding-right:145px;min-height:95px}.editorial-home .range-text .card-actions{position:absolute;bottom:22px;right:0;margin:0}.editorial-home .range-text .text-link{font-size:11px;gap:15px}.range-text .eyebrow{font-size:9px}.other-trucks{padding-top:0}.products-page .page-intro{padding:23px 20px 32px}.products-page .page-intro h1{font-size:38px;line-height:1.04}.products-page .page-intro::after{left:20px}.products-page .page-intro+.page-section{padding-top:24px}.page-hero{display:flex;flex-direction:column;padding:24px 20px 36px;gap:26px}.page-hero h1{font-size:40px;line-height:1.04}.page-hero>div{width:100%}.page-hero .page-image{width:100%}.page-hero .lead{font-size:15px}.material-feature{display:flex;flex-direction:column;padding-top:25px;padding-bottom:48px;gap:20px;align-items:stretch}.material-feature h2{font-size:37px}.material-feature p:not(.eyebrow){margin:17px 0}.shipment-section{padding:44px 0}.shipment-grid{gap:30px}.shipment-copy h2{font-size:37px}.about-section{padding-top:48px;padding-bottom:48px}.about-section h2{font-size:30px}.closing{padding:39px 0 46px}.closing h2{font-size:42px}.footer{padding-bottom:88px}.contact-intro h1{font-size:43px}.whatsapp-float{box-shadow:0 4px 16px #17372c26}}
@media(max-width:380px){.hero-intro{grid-template-columns:1fr;gap:14px}.hero-intro .button{justify-self:start;min-width:150px}.editorial-home .range-text{padding-right:0}.editorial-home .range-text .card-actions{position:static;margin-top:10px}}
/* Keep the masthead compact enough to give the vehicle the largest share. */
@media(min-width:761px){.header{height:76px}.editorial-hero{padding-top:24px;row-gap:24px}.hero-heading>.eyebrow{margin-bottom:12px}.editorial-hero h1 span{font-size:clamp(25px,2.4vw,32px)}.editorial-hero h1 em{font-size:clamp(62px,7.4vw,106px)}.hero-intro>p{font-size:12px}.hero-intro .button{margin-top:14px}}