:root{--red:#ed202b;--ink:#0b0d10;--muted:#b1b5bb}html{scroll-behavior:smooth}body{background:var(--ink);color:#fff}h1,h2,h3,.brand,.nav-band a{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:.015em}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}.wrap{width:min(1380px,calc(100% - 100px))}.preview{display:none}header{position:absolute;z-index:20;top:0;left:0;width:100%;background:linear-gradient(#080a0ef5,#080a0ea6);color:#fff;border-bottom:1px solid #ffffff2b}.masthead{min-height:98px;gap:25px}.brand{font-size:22px;gap:15px}.brand small{font:11px Arial,sans-serif;letter-spacing:.28em}.brand .official-logo{width:76px;height:80px;background:white;padding:4px;border-radius:0}.masthead>p{font-size:13px;color:#bec1c7}.header-contact{font-size:12px}.header-contact strong{font-size:17px;color:white}.nav-band{background:transparent;color:white;box-shadow:none;border-block:1px solid #ffffff24}.nav-band nav{gap:32px;padding-block:0}.nav-band a,.nav-band a:first-child{font-size:18px;border-radius:0;min-height:55px;padding:12px 0;background:none;color:#fff}.nav-band a:hover,.nav-band a[aria-current=page],.nav-band a[aria-current=page]:hover{background:none;color:white}.nav-band a::after{content:'';position:absolute;left:0!important;right:0!important;bottom:0!important;height:3px;background:var(--red)!important;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-band a:hover::after,.nav-band a[aria-current=page]::after{transform:scaleX(1)}.nav-band a:last-child{margin-left:auto;background:var(--red);padding-inline:26px}.nav-band a:last-child:hover{background:#c6121d}.menu-toggle{display:none}.cinema{height:max(800px,100svh);max-height:1100px;position:relative;overflow:hidden;background:#181b20}.slides,.slide,.cinema-shade{position:absolute;inset:0;width:100%;height:100%}.slide{object-fit:cover;object-position:70% 52%;opacity:0;transition:opacity 1.2s ease;transform:scale(1.025)}.slide.active{opacity:1;animation:camera-drift 9s linear both}.cinema-shade{background:linear-gradient(90deg,#05070bcc 0%,#05070b80 36%,#05070b05 75%),linear-gradient(0deg,#05070bd9,transparent 35%)}.cinema-copy{position:relative;padding-top:220px;z-index:2}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#c7cbd1}.cinema h1{font-size:clamp(64px,7vw,105px);line-height:.98;margin:24px 0;max-width:700px}.cinema h1 span{color:var(--red)}.hero-description{font-size:17px;line-height:1.7;margin-bottom:25px;max-width:500px}.button{background:var(--red);border:0;border-radius:0;padding:17px 25px;font-size:14px;transition:background .25s,transform .25s}.button:hover{background:#c4121f;transform:translateY(-3px)}.button.white{color:#101216}.text-link{font-size:14px;display:inline-block;margin:15px 0 15px 25px}.cinema-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:3}.scroll-cue{font-size:11px;font-weight:bold;letter-spacing:.15em}.slide-controls{display:flex;align-items:center;gap:8px}.slide-controls>span{font-size:13px;letter-spacing:.1em;margin-right:15px}.slide-controls button{border:1px solid #ffffff70;background:#10131875;color:white;min-width:44px;height:44px;padding:0 13px}.slide-controls button:hover{background:var(--red)}.intro-band{padding-block:75px}.intro-band>.eyebrow{color:var(--red);margin-bottom:24px}.intro-band>div{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}h2{font-size:clamp(32px,4vw,58px);line-height:1.05}h3{font-size:27px}.intro-band p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.9;max-width:570px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.feature{position:relative;min-height:470px;overflow:hidden;display:flex;align-items:flex-end;padding:45px}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05070bed,#05070b00 100%)}.feature>div{z-index:1;position:relative;width:100%}.feature h2{margin:15px 0 28px}.feature-link{display:flex;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:18px;font-size:15px}.feature:hover{text-decoration:none}.feature:hover img{transform:scale(1.055)}.end-band{padding-block:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.end-band h2{font-size:40px;margin-top:15px}footer{background:#050609;padding-top:35px;border-top:1px solid #26292e}.footer-bottom{color:#9197a0;border-color:#24262b}.footer-main p{color:#9197a0}.page-heading{position:relative;padding:230px 0 70px;background:linear-gradient(90deg,#080b10df,#080b1033),url('images/scania-main.jpg') center 48%/cover;border:0;min-height:520px;display:flex;align-items:end}.page-heading h1{font-size:clamp(48px,6vw,86px);text-transform:uppercase;line-height:1.05}.page-heading .crumb{color:#ddd}.page-heading>.wrap>p:last-child{color:#fff;max-width:680px;font-size:18px}.content{padding-block:70px}.content p{color:var(--muted)}.stock-banner,aside{background:#171b21;border-color:var(--red)}.vehicle-grid article{background:#15191e;border-color:#2b3038;overflow:hidden}.vehicle-grid img{background:#20242b;transition:transform .7s}.vehicle-grid article:hover img{transform:scale(1.025)}.tag{color:#c1c6ce}.split{gap:60px}.split figure img{background:#171b21}.split h2{font-size:46px}.service-grid{gap:35px}.service-grid article{border-color:var(--red);padding:25px 0}.service-grid p{font-size:16px}.enquiry-strip{background:#171b21;border-color:#30343a;padding:40px 0}.enquiry-strip p{color:var(--muted)}.enquiry-strip h2{font-size:32px}.email{color:#ff626b}.reveal{animation:reveal-in .7s both}.motion-paused .slide{animation-play-state:paused}.skip{z-index:100}.skip:focus{color:#111}
@keyframes camera-drift{from{transform:scale(1.025)}to{transform:scale(1.10)}}@keyframes reveal-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.masthead>p{display:none}.nav-band nav{gap:25px}.cinema{height:900px}.cinema h1{font-size:86px}.cinema-copy{padding-top:240px}.feature{padding:30px;min-height:410px}.intro-band>div{gap:35px}.split{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{background:#090c10e8}.masthead{min-height:88px;gap:12px}.brand{font-size:18px}.brand .official-logo{width:59px;height:64px}.brand small{font-size:9px}.menu-toggle{display:block;color:white;border:1px solid #ffffff60;background:none;padding:11px 14px;font-size:14px}.nav-band nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 0}.nav-band a,.nav-band a:first-child,.nav-band a:last-child{font-size:18px;min-height:48px;padding:10px;margin:0;justify-content:flex-start}.js-menu .nav-band{display:none}.js-menu.menu-open .nav-band{display:block;background:#0b0d10}.cinema{height:860px;max-height:none;min-height:100svh}.cinema-copy{padding-top:200px}.cinema h1{font-size:clamp(58px,15vw,80px);margin:20px 0}.cinema-shade{background:linear-gradient(90deg,#05070bdc,#05070b45),linear-gradient(0deg,#05070b,transparent 65%)}.slide{object-position:60% 50%}.cinema-copy>.eyebrow{max-width:260px;font-size:10px}.hero-description{font-size:16px;max-width:290px}.text-link{display:block;margin-left:0}.cinema-bottom{bottom:25px;gap:20px}.scroll-cue{font-size:9px;max-width:85px}.slide-controls{gap:5px}.slide-controls>span{margin-right:3px;font-size:11px}.slide-controls button{padding-inline:10px;min-width:40px}.intro-band{padding-block:45px}.intro-band>div{grid-template-columns:1fr;gap:23px}.intro-band h2{font-size:43px}.feature-grid{grid-template-columns:1fr}.feature{min-height:400px;padding:30px 23px}.feature h2{font-size:48px}.end-band{padding-block:45px;display:block}.end-band h2{font-size:34px;margin-bottom:25px}.page-heading{padding:170px 0 45px;min-height:440px}.page-heading h1{font-size:49px}.page-heading>.wrap>p:last-child{font-size:16px}.split{grid-template-columns:1fr}.split h2{font-size:36px}.content{padding-block:45px}.service-grid,.vehicle-grid{grid-template-columns:1fr}.enquiry-strip h2{font-size:29px}}
.page-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.page-heading:has(.page-banner-photo)::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b10df,#080b1033)}.page-heading>.wrap{position:relative;z-index:1}#current-stock{margin:35px 0 70px;scroll-margin-top:30px}#current-stock h2{margin-bottom:25px}#current-stock article>a>div{padding:20px}#current-stock article img{aspect-ratio:4/3;object-fit:contain}
@media(max-width:400px){.brand{font-size:14px;gap:8px}.brand small{font-size:8px}.brand .official-logo{width:52px;height:59px}.menu-toggle{padding:10px}.cinema h1{font-size:56px}.slide-controls{gap:4px}.slide-controls button{min-width:36px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.slide{transform:none!important}}