/* Egle's brand palette, with the compact header, panoramic carousel,
   pill controls and asymmetric image grid of the client-selected reference. */
:root{--heading:'DM Sans','Arial',sans-serif;--ink:#333;--taupe:#827863;--sand:#f2f2f2;--taupe-dark:#675f4f}body{background:#f2f2f2}h1,h2,h3{letter-spacing:-.035em;font-weight:700}h2{font-size:36px}html{scroll-padding-top:76px}.header{height:64px;padding:0 22px;gap:36px;border:0;box-shadow:0 1px 0 #00000007}.header .identity{gap:10px}.header .identity img{width:56px;height:40px}.header .identity>span{font-size:17px;letter-spacing:.055em;white-space:nowrap}.header nav{margin:0;gap:30px;flex:1}.header nav a,.header nav button{font-size:14px;font-weight:500;padding:21px 0;color:#333}.header nav a:hover,.header nav button:hover{color:var(--taupe)}.header-contact{padding:6px;display:grid;place-items:center;margin-left:auto}.header-contact svg{width:24px;height:24px}.hero{height:27.1vw;min-height:340px;max-height:590px;background:#c2bcae}.hero-image{object-position:center 56%;transition:opacity .3s}.hero[data-theme="electric"]{background:#d4d1c7}.hero[data-theme="electric"] .hero-image{object-fit:contain;width:63%;left:auto;right:4%;height:115%;top:-7%;mix-blend-mode:multiply}.hero[data-theme="commercial"] .hero-image{object-position:center 44%}.hero[data-theme="ownership"]{background:#d4d6ce}.hero[data-theme="ownership"] .hero-image{object-fit:contain;width:64%;left:auto;right:2%;height:115%;top:-8%;mix-blend-mode:multiply}.hero-shade{background:linear-gradient(0deg,rgba(18,21,19,.65),transparent 85%),linear-gradient(90deg,#1d24294d,transparent 75%)}.hero-content{position:absolute;left:4.7%;bottom:32px;padding:0;max-width:70%}.hero h1{font-size:42px;line-height:1.15;margin:0 0 25px;font-weight:750;letter-spacing:-.04em}.hero-content>p:not(.eyebrow){font-size:17px;color:white;line-height:1.5;margin-bottom:33px}.button{border-radius:999px;font-size:14px;font-weight:650;min-height:46px;padding:12px 25px;gap:25px}.hero-explore{background:#d9cfb9;border-color:#d9cfb9;color:#2e302a;min-height:44px;padding:11px 27px;font-weight:700}.hero-explore:hover{background:#c4b69b;border-color:#c4b69b}.carousel-controls{position:absolute;bottom:24px;right:20px;display:flex;align-items:center;gap:17px}.carousel-pages{display:flex;gap:8px}.carousel-pages button{width:49px;height:24px;padding:10px 0;position:relative}.carousel-pages button:before{content:'';display:block;background:#ffffff40;border-radius:4px;height:4px}.carousel-pages button span{height:4px;position:absolute;top:10px;left:0;width:0;background:#fff;border-radius:4px}.carousel-pages .current span{width:100%}.carousel-pages .current.running span{animation:slide-progress 7s linear forwards}.carousel-controls.paused .current span{animation-play-state:paused}.carousel-pause{background:#ffffff14;border-radius:100%;height:48px;width:48px;color:#fff;font-size:24px;line-height:1}.carousel-pause:hover{background:#ffffff35}.discovery{padding:84px 4.7%;background:#f2f2f2}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1600px;margin:0 auto}.discovery-tile{min-width:0;height:clamp(280px,29vw,480px);position:relative;overflow:hidden;display:block;padding:0;background:#d1d2ca;text-align:left;color:white}.discovery-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101414bd,transparent 65%);pointer-events:none}.discovery-tile>img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.discovery-tile:hover>img{transform:scale(1.04)}.discovery-tile>span{position:absolute;left:30px;bottom:30px;font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-.04em;z-index:2}.discovery-tile>i{position:absolute;right:26px;bottom:30px;font:400 24px/1 var(--body);z-index:2;opacity:0;transition:opacity .2s}.discovery-tile:hover>i{opacity:1}.tile-wide{grid-column:span 2}.tile-photo>img{object-position:center}.tile-finance{background:#514b3e}.tile-art{position:absolute;left:34px;top:30px;color:#ece7da}.tile-art>span{font-size:8px;letter-spacing:.17em}.tile-art strong{display:block;font-size:clamp(32px,4vw,64px);line-height:1.04;letter-spacing:-.06em;margin:20px 0 13px}.tile-art small{font-size:10px;color:#d3cbb8}.tile-service>img{object-position:48% center}.tile-range{background:linear-gradient(165deg,#e1e2dc,#a8b1a3)}.range-art{position:absolute;inset:0}.range-art img{position:absolute;object-fit:contain;mix-blend-mode:multiply}.range-art img:nth-child(1){width:41%;height:76%;left:1%;top:6%}.range-art img:nth-child(2){width:43%;height:68%;left:30%;top:16%;z-index:1}.range-art img:nth-child(3){width:43%;height:70%;right:-5%;top:10%}.tile-company>img{object-position:center 60%}.tile-fleet{background:#9da195}.tile-fleet>img{object-fit:contain;padding:15px 0 45px;mix-blend-mode:multiply}.tile-passenger{background:#a4b6b5}.tile-passenger>img{object-fit:contain;mix-blend-mode:multiply;padding:35px 0}.tile-commercial{background:linear-gradient(140deg,#c9c6bb,#8b8c7e)}.tile-commercial>img{object-fit:contain;width:86%;margin-left:14%;mix-blend-mode:multiply;padding-bottom:25px}.section{padding:70px 4.7%;background:white}.section-heading{align-items:center;margin-bottom:30px}.section-heading .eyebrow{display:none}.section-heading>p{font-size:14px}.category-tabs{margin-top:25px;gap:30px}.vehicles{padding-top:65px}.vehicle-card{background:#f2f2f2}.vehicle-card h3{font-size:26px}.card-tag{border-radius:15px;padding:4px 11px}.card-actions>.text-link{background:white;border-radius:25px;padding:8px 13px;font-size:11px}.card-actions .text-link span{display:none}.catalogue-bottom .button{font-size:12px}.finance-section{margin:0;background:#3d3b35;padding:70px 7%;gap:9%}.calculator{border-radius:0}.calculator h3{font-weight:700}.finance-story h2{font-size:44px}.ownership{background:#f2f2f2}.ownership>.eyebrow{display:none}.ownership-grid h3{font-size:23px}.about-section{background:#e5e2da}.about-copy h2{font-size:36px}.brands{background:#f2f2f2}.brand-grid h3{font-size:25px}.brand-grid>a{background:white;padding:30px;border:0;min-height:245px}.brand-grid .eyebrow{font-size:8px}.faq{background:white}.faq>.eyebrow{display:none}.contact-banner{background:#827863;padding:65px 4.7%}.contact-banner h2{font-size:38px}footer{padding:60px 4.7% 0}.footer-main{grid-template-columns:1.3fr 1fr 1fr 1.2fr}.floating-contact{width:48px;height:48px;justify-content:center;padding:0;bottom:20px;right:20px}.floating-contact>span{display:none}.form-note{border-radius:5px}.header .menu{margin-left:0}.button.compact{border-radius:40px}.detail-actions>.button{font-size:12px}.compare-bar{border-radius:6px}.eyebrow{font-size:10px}.footer-identity small{display:none}@keyframes slide-progress{from{width:0}to{width:100%}}
@media(min-width:1600px){.hero-content{bottom:45px}.hero h1{font-size:50px}.discovery{padding-top:90px;padding-bottom:90px}.section{padding-left:max(4.7%,calc((100vw - 1600px)/2));padding-right:max(4.7%,calc((100vw - 1600px)/2))}}
@media(max-width:1150px){.header{gap:25px;padding:0 20px}.header nav{gap:22px}.header nav a,.header nav button{font-size:12px}.header .identity>span{font-size:15px}.header .identity img{width:47px}.discovery-grid{gap:24px}.discovery-tile>span{font-size:27px;left:25px;bottom:25px}.tile-art{left:26px;top:22px}.tile-art strong{font-size:42px}.brand-grid>a{padding:23px}.brand-grid h3{font-size:22px}}
@media(max-width:850px){.header{height:64px;gap:15px}.header nav{top:64px;gap:8px;margin:0}.header nav a,.header nav button{font-size:16px;padding:9px 0;text-align:left}.header nav.open{display:flex}.header .identity img{width:50px}.header .identity>span{font-size:17px}.header-contact{margin-left:auto}.hero{height:420px;min-height:420px;max-height:none}.hero-content{left:5%;bottom:50px;max-width:83%}.hero h1{font-size:36px;margin-bottom:15px}.hero-content>p:not(.eyebrow){font-size:15px;margin-bottom:25px}.carousel-controls{bottom:13px;right:15px;gap:12px}.carousel-pages button{width:35px}.carousel-pause{width:35px;height:35px;font-size:19px}.discovery{padding:50px 5%}.discovery-grid{gap:20px}.discovery-tile{height:280px}.discovery-tile>span{font-size:23px;left:20px;bottom:23px}.discovery-tile>i{display:none}.tile-art{left:20px}.tile-art strong{font-size:37px}.tile-art small{font-size:9px}.tile-art>span{font-size:6px}.section{padding:55px 5%}.finance-story h2{font-size:40px}.brand-grid>a{min-height:210px}.finance-section{padding:55px 7%;gap:35px}.footer-main{grid-template-columns:1fr 1fr}.footer-identity{display:flex}.contact-banner h2{font-size:34px}.range-art img:nth-child(1){width:48%;left:-4%}.range-art img:nth-child(2){width:48%;left:27%}.range-art img:nth-child(3){width:48%;right:-7%}}
@media(max-width:550px){.header{height:60px;padding:0 18px}.header .identity img{width:46px;height:33px}.header .identity>span{font-size:15px}.header nav{top:60px}.header-contact svg{width:21px;height:21px}.hero{height:540px;min-height:540px}.hero-image{object-position:61% 40%}.hero-shade{background:linear-gradient(0deg,#1c2728d9,transparent 85%)}.hero-content{left:24px;right:24px;bottom:77px;max-width:none}.hero h1{font-size:32px;line-height:1.18;margin-bottom:14px}.hero-content>p:not(.eyebrow){font-size:15px;max-width:290px;margin-bottom:23px}.hero-explore{font-size:14px;min-height:44px;padding:11px 25px}.carousel-controls{bottom:20px;left:24px;right:24px;justify-content:space-between}.carousel-pages button{width:42px}.carousel-pause{width:36px;height:36px}.hero[data-theme="electric"] .hero-image{width:105%;height:70%;top:0;right:-4%}.hero[data-theme="ownership"] .hero-image{width:110%;height:67%;top:0;right:-6%}.hero[data-theme="electric"] .hero-shade,.hero[data-theme="ownership"] .hero-shade{background:linear-gradient(0deg,#252d2ee6,transparent 85%)}.discovery{padding:32px 20px}.discovery-grid{grid-template-columns:1fr;gap:20px}.discovery-tile,.tile-wide{grid-column:auto;height:300px}.discovery-tile>span{font-size:27px;left:24px;bottom:24px}.discovery-tile.tile-wide{height:260px}.tile-finance{height:320px}.tile-art{top:24px;left:27px}.tile-art>span{font-size:8px}.tile-art strong{font-size:48px;margin:16px 0 10px}.tile-art small{font-size:10px}.tile-service>img{object-position:center 54%}.tile-range .range-art img:nth-child(1){width:48%;left:-4%;top:0}.tile-range .range-art img:nth-child(2){width:49%;left:26%;top:12%}.tile-range .range-art img:nth-child(3){width:47%;right:-8%;top:5%}.tile-commercial>img{width:100%;margin:0;padding:0 0 20px}.section{padding:45px 20px}.section-heading h2,h2{font-size:31px}.section-heading>p{font-size:13px}.category-tabs{gap:24px}.vehicle-grid{gap:20px}.vehicle-card{background:#f2f2f2}.card-media{height:220px}.card-actions>.text-link{padding:9px 15px;font-size:12px}.finance-section{padding:45px 20px}.finance-story h2{font-size:35px}.calculator{padding:26px 22px}.ownership-grid h3{font-size:23px}.about-copy{padding:40px 20px}.about-copy h2{font-size:32px}.brand-grid{grid-template-columns:1fr;gap:20px}.brand-grid>a{padding:25px;min-height:0}.brand-grid h3{font-size:25px;margin:15px 0}.brand-grid p{font-size:13px}.brands .section-heading h2{font-size:31px}.faq h2{font-size:31px}.contact-banner{padding:45px 20px}.contact-banner h2{font-size:32px}.contact-banner>.button{font-size:13px}footer{padding:40px 20px 0}.footer-main{grid-template-columns:1fr 1fr}.footer-identity>span{font-size:16px}.footer-identity img{width:90px}.floating-contact{width:43px;height:43px;right:15px;bottom:15px}.button.outline{font-size:12px}.compare-bar .button{font-size:10px}.carousel-pages .current.running span{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.carousel-pages .current.running span{animation:none;width:100%}.hero-image,.discovery-tile>img{transition:none}}
