@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0B2D5B;--ink2:#123963;--text:#142B47;--muted:#607389;--accent:#0066CC;--accent-strong:#3B8DFF;--accent-dark:#084787;--cream:#F7F9FC;--paper:#fff;--line:#DFE7F1;--warm:#EBF3FC;--soft-lime:#E4F0FF;--shadow:0 25px 90px rgba(20,34,30,.12);--r:20px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.62 'DM Sans',sans-serif;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img,svg{max-width:100%}img{display:block}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid #3181E8;outline-offset:4px}.wrap{max-width:var(--max);padding:0 28px;margin:auto}.skip{position:absolute;left:-10000px;top:0;z-index:100;background:var(--accent);padding:10px}.skip:focus{left:10px}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:800;color:#55728F}.eyebrow:before{content:"";display:block;width:22px;height:2px;background:#3181E8}.eyebrow.light{color:#C9D9ED}.eyebrow.light:before{background:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(44px,6vw,78px);line-height:1.08;font-weight:800}h2{font-size:clamp(32px,4vw,51px);line-height:1.17;font-weight:800}h3{font-size:23px;line-height:1.28}p{color:var(--muted)}.lead{font-size:clamp(17px,1.75vw,20px);line-height:1.8}.highlight{color:var(--accent)}.kicker{font-size:14px;color:var(--muted)}.section{padding:105px 0}.section-tight{padding:75px 0}.section-heading{max-width:750px;margin-bottom:44px}.section-heading h2{margin:13px 0 16px}.section-heading p{max-width:620px;font-size:17px}.center{text-align:center;margin-left:auto;margin-right:auto}.center .eyebrow{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 23px;background:var(--accent);border:1px solid var(--accent);border-radius:9px;color:#FFFFFF;font-weight:800;font-size:13px;line-height:1.3;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.button:hover{background:#3B8DFF;border-color:#3B8DFF;transform:translateY(-2px);box-shadow:0 14px 28px rgba(137,180,49,.18)}.button svg{width:17px;height:17px}.button.outline{background:transparent;color:var(--ink);border-color:#B9CADD}.button.outline:hover{background:#EEF5FE}.button.dark{background:var(--ink);color:white;border-color:var(--ink)}.button.dark:hover{background:#154B83}.button.ghost{background:transparent;color:#fff;border-color:#7990A8}.button.ghost:hover{background:#ffffff12}.button.small{min-height:43px;padding:0 16px}.button.wide{width:100%}.action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--ink);font-weight:800;font-size:13px}.text-link:hover{color:#005CB9}.text-link span{font-size:20px}.chip{border:1px solid #D5E0EC;padding:7px 12px;font-size:12px;font-weight:700;border-radius:99px;display:inline-flex;align-items:center;gap:7px}.chip.dot:before{content:"";width:7px;height:7px;background:#3B8DFF;border-radius:100%}
/* navigation */
.topbar{background:#081D3A;color:#D4E3F4;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px}.topbar a:hover{color:white}.topright{display:flex;gap:23px;align-items:center}.site-header{background:rgba(244,248,242,.97);border-bottom:1px solid #E1E8F2;position:sticky;top:0;z-index:60;backdrop-filter:blur(16px)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand img.brand-logo{display:block;width:auto;height:42px;max-width:min(48vw,215px)}.brand-copy{display:flex;flex-direction:column}.brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;line-height:1;letter-spacing:-.06em}.brand-sub{font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.19em;color:#61768C;margin-top:5px}.footer-brand img.brand-logo{height:44px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav>a,.nav-drop>button{font-weight:800;color:#233A54;font-size:12px;white-space:nowrap}.main-nav>a:hover,.main-nav a[aria-current="page"],.nav-drop>button:hover{color:#005FBE}.nav-drop{position:relative}.nav-drop>button{border:0;background:none;padding:12px 0}.dropdown{display:none;position:absolute;top:38px;left:-15px;background:white;box-shadow:0 16px 35px #0A305A20;border:1px solid var(--line);width:240px;padding:11px;border-radius:12px}.nav-drop:hover .dropdown,.nav-drop:focus-within .dropdown{display:grid}.dropdown a{padding:9px 12px;border-radius:7px;font-size:13px;font-weight:650}.dropdown a:hover{background:var(--warm);color:var(--ink)}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .button{min-height:44px}.mobile-toggle{display:none;background:transparent;border:0;padding:6px}.mobile-toggle svg{height:27px;width:27px}.mobile-nav{display:none}
/* hero */
.hero{background:linear-gradient(135deg,#081c3e 0%,#0b2d5b 52%,#0f4b8f 100%);overflow:hidden;position:relative;color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;opacity:.6;background:radial-gradient(ellipse 60% 100% at 82% 46%,rgba(59,141,255,.38) 0%,transparent 72%);z-index:-1}.hero > .wrap{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:10px;position:relative}.hero-left{padding:82px 0 107px;position:relative;z-index:2}.hero h1{margin:22px 0 27px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{color:#C8D8EB;max-width:510px;font-size:17px;margin-bottom:32px}.hero-visual{min-height:565px;align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center;margin-right:-70px}.hero-photo{position:absolute;inset:0 0 0 11%;background-image:linear-gradient(90deg,#0B2D5B 0%,rgba(16,26,32,.17) 53%,rgba(16,26,32,.2) 100%),url('https://images.unsplash.com/photo-1728839130827-9172e5cee8c3?auto=format&fit=crop&w=1250&q=78');background-position:center center;background-size:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 37%);opacity:.82}.hero-drawing{position:absolute;inset:auto -8% 7% -8%;width:110%;max-width:none;filter:drop-shadow(0 42px 60px rgba(0,0,0,.38));opacity:1}.hero-index{position:absolute;right:96px;bottom:85px;z-index:4;background:rgba(15,28,33,.8);backdrop-filter:blur(14px);border:1px solid #ffffff30;padding:15px 20px 15px 18px;display:flex;gap:12px;align-items:center;border-radius:12px}.hero-index strong{font-size:12px;font-family:Manrope}.hero-index small{display:block;color:#D0E0F2;font-size:11px}.hero-index i{height:9px;width:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #3B8DFF1B}.hero-rail{position:absolute;bottom:0;width:100%;background:#0A2449;border-top:1px solid #ffffff20;z-index:5}.hero-rail .wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.hero-rail strong{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#0066CC}.rail-logos{display:flex;align-items:center;flex-wrap:wrap;gap:28px;color:#BECEE1;font-family:Manrope;font-size:13px;letter-spacing:.055em;font-weight:800}.rail-logos span{white-space:nowrap}
/* features */
.benefit-bar{background:#fff;border-bottom:1px solid var(--line)}.benefits{display:grid;grid-template-columns:repeat(3,1fr)}.benefit{padding:26px 24px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.icon-square{height:46px;width:46px;background:var(--soft-lime);border-radius:11px;display:grid;place-items:center;flex:0 0 auto;color:#1E65B2}.icon-square svg{height:23px;width:23px}.benefit strong{font-size:13px;display:block}.benefit span{font-size:12px;color:#697F97}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{min-height:276px;background:white;border:1px solid var(--line);padding:25px;border-radius:14px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card .icon-square{background:#EAF3FC;margin-bottom:32px}.service-card h3{font-size:19px;margin:0 0 12px}.service-card p{font-size:13px;line-height:1.7;flex:1}.service-card .text-link{font-size:12px}.specialty{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#EBF3FC,#E1EEFB);border-radius:24px;overflow:hidden;min-height:540px}.specialty-copy{padding:clamp(35px,5.4vw,75px)}.specialty-copy h2{margin:17px 0 20px}.specialty-copy>p{max-width:500px;font-size:17px}.brands{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.brands span{background:#fff;border:1px solid #D6E3F1;border-radius:7px;font-size:12px;font-weight:800;padding:8px 12px}.specialty-photo{background:#0A2449;position:relative;overflow:hidden;min-height:480px}.specialty-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,transparent 35%,rgba(6,23,28,.88)),url('https://images.unsplash.com/photo-1559564505-c530068208b3?auto=format&fit=crop&w=1100&q=75');background-size:cover;background-position:center;opacity:.88}.specialty-overlay{position:absolute;bottom:32px;left:37px;color:white;max-width:340px}.specialty-overlay b{font:800 28px/1.2 Manrope;letter-spacing:-.04em}.specialty-overlay span{display:block;color:#DBE8F6;margin-top:9px;font-size:12px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark-panel{background:var(--ink);border-radius:24px;padding:50px;color:white;min-height:420px;position:relative;overflow:hidden}.dark-panel h2{margin:20px 0}.dark-panel p{color:#C4D7EB}.dark-panel .accent-sphere{position:absolute;right:-110px;bottom:-240px;width:490px;height:490px;border:1px solid #3B8DFF55;border-radius:50%;box-shadow:0 0 0 48px #3B8DFF0A,0 0 0 100px #3B8DFF08;pointer-events:none}.values{display:grid;gap:24px}.value{display:flex;gap:18px;align-items:flex-start}.value-bullet{width:14px;height:14px;border-radius:999px;flex:0 0 14px;background:#0B69C7;box-shadow:0 0 0 7px #E0ECF9;margin-top:8px}.value h3{font-size:19px;margin:0 0 6px}.value p{font-size:14px;margin:0}.sales-banner{background:var(--ink);color:#fff;position:relative;overflow:hidden}.sales-banner:after{content:"";position:absolute;right:0;top:0;width:60%;height:100%;background:radial-gradient(ellipse at 68% 49%,#3B8DFF55,transparent 68%);pointer-events:none}.sales-banner .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:460px;position:relative;z-index:2}.sales-banner h2{margin:20px 0}.sales-banner p{color:#D1E1F3;max-width:500px}.sales-banner .vehicle-art{width:118%;max-width:none;transform:translateX(-4%) scale(1.02);filter:drop-shadow(0 28px 34px rgba(0,0,0,.42))}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote-card{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column}.stars{letter-spacing:2px;color:#0B69C7;font-size:13px;margin-bottom:18px}.quote-card blockquote{margin:0;font-size:15px;font-weight:600;flex:1;line-height:1.8}.quote-card cite{display:block;color:#667F9A;font-size:12px;font-style:normal;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.last-cta{background:#0066CC;color:var(--ink)}.last-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:215px}.last-cta h2{font-size:clamp(27px,3.4vw,42px);margin:0 0 10px}.last-cta p{color:#486A8D;margin:0}
/* internal */
.page-hero{background:#0B2D5B;color:#fff;padding:88px 0 85px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-130px;top:-400px;height:900px;width:900px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 100px #ffffff08,0 0 0 210px #ffffff04;pointer-events:none}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(38px,5.2vw,66px);margin:18px 0}.page-hero p{color:#D2E0F1;max-width:730px;font-size:18px}.breadcrumb{display:flex;gap:10px;font-size:12px;color:#C1D2E5}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#F5F9FF}.content{padding:82px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.checklist{padding:0;list-style:none;margin:25px 0;display:grid;gap:14px}.checklist li{display:flex;gap:13px;align-items:start}.checklist li:before{content:'✓';font-weight:900;font-size:12px;background:#DDEEFF;color:#0F5EAE;min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-list article{padding:32px;background:white;border-radius:16px;border:1px solid var(--line)}.service-list article h3{font-size:21px;margin:0 0 10px}.service-list article p{font-size:14px}.service-list ul{padding-left:19px;color:#59718A;font-size:13px;margin:15px 0 0}.service-list li{margin:6px 0}.service-list .icon-square{margin-bottom:19px}.info-strip{background:#E4F0FF;padding:23px 28px;border-radius:14px;display:flex;gap:24px;align-items:center;justify-content:space-between}.info-strip p{margin:0;color:#3D5F82}.info-strip strong{font-size:16px}
.info-strip-note{justify-content:flex-start}.info-strip-note p{max-width:780px}
.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:70px}.panel-illustration{height:380px;border-radius:20px;background:#0B2D5B url('/assets/img/garage-grid.svg') center/cover;position:relative;display:flex;align-items:center;overflow:hidden}.panel-illustration img{width:122%;max-width:none;transform:translateX(-8%);filter:drop-shadow(0 25px 28px rgba(0,0,0,.42))}.panel-tag{display:none}.brand-table{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.brand-item{background:white;border-radius:11px;border:1px solid var(--line);padding:23px 12px;text-align:center;font-family:Manrope;font-weight:800;font-size:15px}.brand-item.secondary{background:transparent}.faq{max-width:830px}.faq details{background:white;border:1px solid var(--line);border-radius:10px;margin:10px 0}.faq summary{padding:20px 25px;cursor:pointer;font-weight:800;font-size:15px;list-style-position:inside}.faq details p{padding:0 25px 23px;margin:0;font-size:14px}.faint{background:#EAF2FB}
/* sales */
.inventory-toolbar{background:white;padding:22px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:13px;align-items:end}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:12px;font-weight:800;color:#2B4261}.field input,.field textarea,.field select{width:100%;border:1px solid #CEDCEB;border-radius:8px;min-height:48px;background:white;padding:11px 13px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1876D9;box-shadow:0 0 0 3px #3B8DFF44}.field textarea{min-height:135px;resize:vertical}.inventory-toolbar .field{margin:0}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.car-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.car-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.car-card-media{aspect-ratio:1.53;background:linear-gradient(140deg,#153A66,#527DAA);position:relative;display:grid;place-items:center}.car-card-media img{width:100%;height:100%;object-fit:cover}.car-card-media .placeholder{width:100%;height:auto}.car-status{position:absolute;left:14px;top:14px;border-radius:7px;background:#DCEBFF;padding:6px 10px;font-weight:800;font-size:11px;color:#1457A0}.car-status.sold{background:#fff;color:#4F6680}.car-card-content{padding:22px}.car-card h3{font-size:19px;margin:0 0 6px}.car-card p{font-size:12px;margin:0 0 15px}.car-price{font-size:22px;font-family:Manrope;font-weight:800;color:#133A67}.car-specs{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:17px;flex-wrap:wrap;font-size:12px;color:#697F96}.empty-inventory{margin-top:24px;padding:60px 28px;background:#EDF5FF;border-radius:18px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-inventory h3{margin:20px 0 7px}.empty-inventory p{max-width:530px;margin-bottom:23px}.demo-note{border-radius:10px;background:#fff0d4;padding:14px 20px;font-size:13px;color:#765023;margin:20px 0}.vehicle-detail{display:grid;grid-template-columns:1.3fr .7fr;gap:27px}.vehicle-big-img{border-radius:16px;background:#153B69;min-height:430px;display:grid;place-items:center;overflow:hidden}.vehicle-big-img img{width:100%;height:100%;object-fit:cover}.vehicle-aside{background:white;border:1px solid var(--line);padding:30px;border-radius:16px}.vehicle-aside h1{font-size:35px}.vehicle-aside .car-price{font-size:30px}.spec-table{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.spec-table>div{border-bottom:1px solid #E7EDF6;padding-bottom:9px;font-size:13px}.spec-table b{display:block;font-size:11px;color:#8094AC;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
/* forms/contact */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.form-card{background:white;border-radius:18px;border:1px solid var(--line);padding:35px;box-shadow:0 12px 35px #152e2610}.form-card h2{font-size:30px;margin:0 0 10px}.form-card>p{font-size:14px;margin-bottom:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.full{grid-column:1/-1}.form-status{display:none;background:#eef3e8;color:#2e5124;padding:13px;border-radius:8px;margin-bottom:16px;font-size:13px}.form-status.error{background:#fff1e8;color:#8a4028}.contact-panel{background:#0B2D5B;color:white;padding:38px;border-radius:18px}.contact-panel h3{font-size:23px;margin:0 0 20px}.contact-method{border-bottom:1px solid #34454a;padding:19px 0}.contact-method:first-of-type{padding-top:0}.contact-method span{display:block;color:#a1b6b5;letter-spacing:.13em;text-transform:uppercase;font-weight:800;font-size:10px;margin-bottom:7px}.contact-method a,.contact-method strong{font-size:18px;font-weight:800;word-break:break-word}.contact-method a:hover{color:var(--accent)}.map-link{display:block;margin-top:25px;background:#17416D;padding:18px;border-radius:9px;font-weight:800;font-size:13px}.map-link:hover{background:#225585}.privacy-text{max-width:840px}.privacy-text h2{font-size:26px;margin-top:40px}.privacy-text p,.privacy-text li{font-size:15px}
/* footer */
.footer{background:#081D3A;color:white;padding:68px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:55px}.footer .brand-name{color:white}.footer .brand-sub{color:#BACBE0}.footer p,.footer a,.footer small{color:#C1D0E5;font-size:13px}.footer a:hover{color:var(--accent)}.footer h4{font-size:11px;font-family:'DM Sans',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.22em;margin:0 0 24px;color:#FFFFFF}.footer-links{display:grid;gap:11px}.footer-note{max-width:320px;margin:25px 0 0}.footer-bottom{margin-top:56px;padding-top:23px;border-top:1px solid #274569;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:#90A6BF;font-size:11px}.footer-bottom a{color:#B3C5DD;font-size:11px}.footer-bottom p{font-size:11px;margin:0}
/* responsive */
@media(max-width:1080px){.main-nav{gap:17px}.header-actions .button{padding:0 12px}.hero > .wrap{grid-template-columns:1fr 1fr}.hero h1{font-size:59px}.rail-logos{gap:17px;font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:28px}.hero-photo{inset:0 -30px 0 0}}
@media(max-width:820px){.topbar .topright span{display:none}.site-header .wrap{height:72px}.main-nav,.header-actions{display:none}.mobile-toggle{display:block}.mobile-nav{display:none;background:var(--cream);border-top:1px solid var(--line);padding:15px 28px 27px}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px 7px;border-bottom:1px solid var(--line);font-weight:800;font-size:15px}.mobile-nav .button{margin-top:15px}.hero > .wrap{grid-template-columns:1fr;min-height:745px}.hero-left{padding:75px 0 300px}.hero h1{max-width:670px}.hero-visual{position:absolute;right:0;bottom:40px;width:100%;min-height:350px;opacity:1}.hero-photo{display:none}.hero-index{display:none}.hero-rail .wrap{padding:17px 28px}.rail-logos{justify-content:start}.benefits{grid-template-columns:1fr}.benefit,.benefit:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border:0}.specialty,.split-section,.sales-banner .wrap,.service-intro,.two-col,.contact-grid{grid-template-columns:1fr}.specialty-photo{min-height:380px}.sales-banner .wrap{padding-top:60px;padding-bottom:25px}.sales-banner .vehicle-art{max-width:650px;margin:auto}.quote-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.last-cta .wrap{padding-top:40px;padding-bottom:40px}.vehicle-detail{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,1fr)}.inventory-toolbar{grid-template-columns:1fr 1fr}.brand-table{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.wrap{padding:0 20px}.section{padding:65px 0}.section-tight{padding:55px 0}.topbar .wrap{gap:10px}.topright{gap:0}.hero > .wrap{min-height:690px}.hero-left{padding:65px 0 260px}.hero h1{font-size:clamp(42px,11vw,60px)}.hero .lead{font-size:15px}.hero-photo{inset:0 -140px 0 6%;opacity:.7}.hero-visual{min-height:320px}.hero-rail .wrap{padding:14px 20px}.hero-rail strong{font-size:10px}.rail-logos{gap:12px}.rail-logos span{font-size:10px}.rail-logos span:nth-child(n+5){display:none}.action-row .button{padding:0 15px}.service-grid,.service-list,.inventory-grid,.inventory-toolbar,.form-grid{grid-template-columns:1fr}.service-card{min-height:230px}.service-card .icon-square{margin-bottom:22px}.specialty-copy{padding:34px 25px}.specialty-photo{min-height:290px}.split-section{gap:33px}.dark-panel{padding:34px;min-height:400px}.value{gap:14px}.value-bullet{flex-basis:14px;min-width:14px;box-shadow:0 0 0 6px #E0ECF9}.last-cta .wrap{display:block}.last-cta .action-row{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{margin-top:34px}.page-hero{padding:60px 0}.content{padding:55px 0}.info-strip{flex-direction:column;align-items:start}.contact-panel,.form-card{padding:25px}.form-grid .full{grid-column:auto}.brand-table{gap:8px}.brand-item{font-size:13px;padding:16px 9px}.vehicle-big-img{min-height:250px}.panel-illustration{min-height:260px;aspect-ratio:4/3}}
@media(max-width:540px){.brand img.brand-logo{height:34px;max-width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.values-grid{grid-template-columns:1fr}}
.car-card[hidden]{display:none!important}.topbar svg{height:12px;width:12px;display:inline;vertical-align:middle}.demo-note strong{font-weight:900}

/* Graceful illustration fallback if remote licensed concept photography fails to load. */
.hero-real{display:none}.hero-drawing{opacity:1;z-index:2;transform:translateY(-5%)}.hero-photo{display:none}.specialty-photo::before{background-image:linear-gradient(160deg,rgba(17,29,36,.2) 25%,rgba(17,29,36,.88)),url('https://images.unsplash.com/photo-1559564505-c530068208b3?auto=format&fit=crop&w=1100&q=75'),url('/assets/img/garage-grid.svg')}.specialty-photo:after{content:"";position:absolute;inset:0;background:url('/assets/img/specialist-bmw-hd.png') center 42%/105% auto no-repeat;opacity:.58;pointer-events:none}.specialty-photo:has(.photo-loaded):after{display:none}.specialty-overlay{z-index:2}

.hero-real:not(.loaded){visibility:hidden}

/* Live, database-backed sales detail pages */
.vehicle-gallery{display:block;min-height:380px;background:#0B2D5B}.vehicle-photos{width:100%}.vehicle-primary-photo{width:100%;height:auto;max-height:570px;min-height:300px;object-fit:cover}.vehicle-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.vehicle-thumbnails img{width:100%;height:100px;object-fit:cover;border-radius:5px}.vehicle-no-photo{height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e7f0e3;gap:14px}.vehicle-no-photo img{max-width:92%;width:92%}.currency{font-size:12px;letter-spacing:.07em;color:#7a8a8a}.car-card-media img[src*="photo-pending.svg"]{object-fit:contain;padding:0;background:linear-gradient(145deg,#0a2b56,#0f4c8c)}.car-card .car-price .currency{font-family:DM Sans,sans-serif;font-size:10px}.vehicle-detail .car-price .currency{font-size:13px}@media(max-width:540px){.vehicle-no-photo{height:265px}.vehicle-thumbnails{grid-template-columns:repeat(3,1fr)}.vehicle-thumbnails img{height:82px}.vehicle-primary-photo{min-height:220px}}

/* STAGE 4 · MOTOR MEDICS ORIGINAL BLUE BRAND — 2026-10-23 */
:root{--ink:#0B2D5B;--ink2:#143A67;--text:#142B47;--muted:#607389;--accent:#0066CC;--accent-strong:#3B8DFF;--accent-dark:#004F9F;--cream:#F7F9FC;--paper:#FFFFFF;--line:#DFE7F1;--warm:#EBF3FC;--soft-lime:#E4F0FF;--shadow:0 24px 72px rgba(11,45,91,.11)}
body{background:var(--cream)}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.site-header .wrap{height:100px}
.brand img.brand-logo{height:77px;width:auto;max-width:202px;object-fit:contain}
.footer .brand{display:inline-flex;background:white;border-radius:11px;padding:10px 14px}
.footer .brand img.brand-logo{height:73px;max-width:192px}
.main-nav>a:hover,.main-nav a[aria-current="page"],.nav-drop>button:hover{color:#0066CC}
.button{background:#0066CC;border-color:#0066CC;color:white;box-shadow:0 7px 20px rgba(0,102,204,.14)}
.button:hover{background:#0055B1;border-color:#0055B1;box-shadow:0 12px 25px rgba(0,102,204,.24)}
.button.ghost{background:rgba(255,255,255,.03);color:white;border-color:#7694BB;box-shadow:none}
.button.ghost:hover{background:#ffffff18}
.button.dark{background:#0B2D5B;border-color:#0B2D5B;color:white}
.button.outline{background:transparent;color:#0B2D5B;border-color:#B8CDE6}
.button.outline:hover{background:#DCEBFF}
.topbar{background:#081D3A}
.hero{background:linear-gradient(125deg,#071A34 0%,#0B2D5B 74%,#103F78 100%)}
.hero:before{opacity:.38;background:radial-gradient(ellipse 65% 100% at 85% 43%,rgba(59,141,255,.45),transparent 72%)}
.hero h1 em,.highlight{color:#65ACFF}
.hero .lead{color:#CEDDF0}
.hero-rail{background:#0A2449}
.hero-rail strong{color:#7EBBFF}
.hero-index i{background:#3B8DFF;box-shadow:0 0 0 5px #3B8DFF25}
.eyebrow:before{background:#3B8DFF}
.eyebrow.light{color:#BDDBFF}.eyebrow.light:before{background:#65ACFF}
.text-link:hover{color:#0066CC}
.chip.dot:before{background:#3B8DFF}
.icon-square{background:#E4F0FF;color:#1163B9}
.service-card .icon-square{background:#EAF3FF}
.specialty{background:linear-gradient(120deg,#EDF5FF,#DFEBFA)}
.specialty-photo{background:#0B2D5B}
.dark-panel{background:#0B2D5B}
.dark-panel .accent-sphere{border-color:#3B8DFF66;box-shadow:0 0 0 48px #3B8DFF09,0 0 0 100px #3B8DFF06}
.sales-banner{background:#081D3A}
.sales-banner:after{background:radial-gradient(ellipse at 67% 52%,#3B8DFF33,transparent 68%)}
.last-cta{background:#E0EEFF;color:#0B2D5B;border-top:1px solid #C8DDF6}
.last-cta p{color:#466482}
.page-hero{background:linear-gradient(120deg,#09244A,#0B3970)}
.checklist li:before{background:#E0EEFF;color:#1262B9}
.stars{color:#0066CC}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#3B8DFF;box-shadow:0 0 0 3px rgba(59,141,255,.18)}
.car-status{background:#DFECFF;color:#144D90}
.empty-inventory{background:#EAF3FF}
.contact-panel{background:#0B2D5B}
.map-link{background:#154779}.map-link:hover{background:#1C5793}
.footer{background:#071B34}
.footer .brand-name{color:#0B2D5B}
.form-status{background:#E3F1FF;color:#175C9E}
@media(max-width:820px){.site-header .wrap{height:84px}.mobile-nav{background:#fff}}
@media(max-width:540px){.site-header .wrap{height:75px}.brand img.brand-logo{height:55px;max-width:145px}.footer .brand img.brand-logo{height:66px;max-width:182px}}

/* STAGE 6 — distinct vehicle visuals, controlled photographic color grade, no overlap */
:root{--ink:#0B2D5B;--ink2:#123963;--text:#142B47;--accent:#0066CC;--accent-strong:#3B8DFF;--cream:#F7F9FC;--line:#DFE7F1}
/* Full-car hero: no background image or car may sit behind another car. */
.hero{background:linear-gradient(118deg,#081B38 0%,#0B2D5B 64%,#102E5C 100%)}
.hero > .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:40px;min-height:602px}
.hero-left{padding:75px 0 105px;min-width:0}
.hero h1{font-size:clamp(39px,5.1vw,70px)}
.hero-visual{position:relative;inset:auto;min-width:0;min-height:410px;width:100%;max-width:100%;align-self:center;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;opacity:1}
.hero-drawing{display:block;position:relative;inset:auto;left:auto;right:auto;bottom:auto;top:auto;max-width:100%;width:100%;height:auto;transform:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));opacity:1;z-index:1;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%)}
.hero-index{right:14px;bottom:24px;z-index:2}
.hero-photo,.hero-real{display:none!important}
.hero-rail{position:absolute;bottom:0}
/* Separate BMW close-up for specialist section. A SINGLE, opaque photograph is rendered. */
.specialty-photo{background:#0B2D5B;isolation:isolate}
.specialty-photo::before{opacity:1;background:linear-gradient(180deg,rgba(6,20,44,.10) 10%,rgba(7,25,50,.22) 48%,rgba(5,20,42,.84) 100%),url('/assets/img/specialist-bmw-hd.png') center center/cover no-repeat}
.specialty-photo::after{content:none!important;display:none!important}
.specialty-overlay{z-index:2}
/* Service and sales each use a DIFFERENT model with the same dark-blue grade. */
.panel-illustration{background:#0B2D5B url('/assets/img/service-golf-r-blue.png') center center/cover no-repeat;min-height:340px;aspect-ratio:16/10;position:relative;isolation:isolate}
.panel-illustration::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,27,56,.18),rgba(8,27,56,.08) 38%,transparent 72%)}
.panel-illustration img{display:none}
.panel-tag{display:none}
.sales-banner::after{background:radial-gradient(ellipse at 72% 50%,rgba(59,141,255,.18),transparent 70%)}
.sales-banner .wrap{grid-template-columns:1fr 1fr;min-height:460px;gap:42px}
.sales-vehicle-photo{width:100%;height:325px;background:#0B2D5B url('/assets/img/sales-crossover.jpg') center center/cover no-repeat;border:1px solid rgba(163,201,255,.24);border-radius:18px;box-shadow:0 35px 58px rgba(0,0,0,.25)}
.sales-banner .vehicle-art{display:none}
/* Inventory WITHOUT real photos uses an explicit no-photo graphic, not fictitious vehicles. */
.car-card-media img[src*="photo-pending.svg"]{object-fit:contain;padding:0;background:#0c2f59}
.vehicle-no-photo img[src*="photo-pending.svg"]{max-width:100%;width:100%;height:auto}
@media(max-width:1080px){.hero > .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:22px}.hero h1{font-size:clamp(37px,5.2vw,58px)}}
@media(max-width:820px){
 .hero > .wrap{display:grid;grid-template-columns:1fr;min-height:0;gap:0;padding-bottom:0}
 .hero-left{padding:65px 0 12px}
 .hero h1{font-size:clamp(39px,8vw,62px)}
 .hero-visual{position:relative;right:auto;bottom:auto;left:auto;top:auto;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0 0 36px;opacity:1}
 .hero-drawing{position:relative;inset:auto;width:min(100%,710px);margin:auto;max-width:100%;height:auto;transform:none}
 .hero-index{display:none}.hero-rail{position:relative;bottom:auto}
 .sales-banner .wrap{grid-template-columns:1fr;gap:26px;padding-top:56px;padding-bottom:54px}
 .sales-vehicle-photo{height:330px}
 .specialty-photo{min-height:350px}
}
@media(max-width:540px){
 .hero > .wrap{min-height:0}
 .hero-left{padding:50px 0 4px}
 .hero h1{font-size:clamp(40px,10.3vw,54px)}
 .hero .lead{margin-bottom:22px}
 .hero-visual{min-height:0;padding-bottom:26px;margin:0}
 .hero-drawing{width:100%;max-width:100%}
 .hero-rail .wrap{padding:16px 20px}
 .specialty-photo{min-height:310px}
 .panel-illustration{height:300px;min-height:300px}
 .sales-vehicle-photo{height:245px;background-position:55% center}
}

/* Stage 6 final — fully transparent hero cutout, no gradient edge box */
.hero-drawing{mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.16))}


/* STAGE 7 — CONCEPT-TRUE HOMEPAGE REDESIGN. Scoped to avoid changing functional inner pages. */
.topbar { display:none }
.site-header .wrap{max-width:1560px;height:92px;padding-inline:clamp(20px,4vw,65px)}
.main-nav{gap:clamp(13px,1.6vw,26px)}
.main-nav>a,.nav-drop>button{font-size:13px;font-weight:700;color:#132f54}
.header-actions{gap:19px}
.header-phone{display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;font-weight:800;color:#0059b5}
.header-phone svg{width:17px;height:17px}
.brand img.brand-logo{height:74px;max-width:180px}
.site-header .button{min-height:48px;padding-inline:21px}
body{background:#f0f5fb}
.concept-hero{position:relative;min-height:435px;isolation:isolate;background:#061d3a;color:white;overflow:hidden}
.concept-hero-photo{position:absolute;inset:0 0 0 auto;width:65%;background:url('/assets/img/concept-hero-workshop.webp') center right/cover no-repeat;z-index:-2}
.concept-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061d3a 0%,#061d3a 25%,rgba(6,29,58,.94) 38%,rgba(6,29,58,.46) 57%,rgba(6,29,58,.03) 88%)}
.concept-hero-angle{position:absolute;top:-8%;left:45%;height:125%;width:120px;background:linear-gradient(92deg,rgba(0,102,204,.17),rgba(0,102,204,.02));transform:skewX(-24deg);pointer-events:none}
.concept-hero .wrap{max-width:1536px;padding-inline:clamp(22px,4.5vw,68px)}
.concept-hero-inner{min-height:435px;display:flex;align-items:center}
.concept-hero-copy{position:relative;z-index:2;max-width:700px;padding:48px 0}
.concept-eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:#8bc6ff;margin-bottom:16px}
.concept-hero h1{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(37px,3.65vw,57px);line-height:1.1;letter-spacing:-.055em;margin:0 0 17px;font-weight:800;text-wrap:balance}
.concept-hero h1 em{font-style:normal;color:#56adff}
.concept-hero-copy>p{font-size:17px;line-height:1.56;max-width:520px;color:#edf5ff;margin:0 0 28px}
.concept-hero .button{border:1px solid #438fec;min-height:50px;padding:0 22px}
.concept-hero .button.ghost{border:1px solid #d6e5fc;background:rgba(5,27,57,.5);box-shadow:none}
.concept-benefits{background:#f5f9ff;border-bottom:1px solid #dfebfa}
.concept-benefits .wrap{max-width:1536px;padding-inline:clamp(20px,4.5vw,68px)}
.concept-benefit-grid{min-height:104px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.concept-benefit{display:flex;align-items:center;gap:15px;padding:15px clamp(12px,2vw,27px);border-right:1px solid #b9d0ed;min-width:0}
.concept-benefit:first-child{padding-left:0}.concept-benefit:last-child{border-right:0}
.concept-benefit>svg{height:35px;width:35px;color:#0066cc;flex:0 0 auto;stroke-width:2.2}
.concept-benefit strong{font-size:14px;display:block;font-weight:800;color:#132f54;line-height:1.3}
.concept-benefit span{font-size:12px;color:#577496;display:block;line-height:1.5;margin-top:4px}
.concept-makes{background:linear-gradient(115deg,#061e39,#07315e 60%,#09519c);color:#fff;overflow:hidden}
.concept-makes .wrap{max-width:1536px;padding-inline:clamp(20px,4.5vw,68px)}
.concept-makes-inner{min-height:104px;display:flex;align-items:center;gap:27px;position:relative}
.concept-makes-list{display:flex;align-items:center;justify-content:space-between;gap:23px;flex:1}
.concept-makes-list span{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(13px,1.35vw,19px);letter-spacing:-.035em;color:#eff7ff;white-space:nowrap}
.concept-makes-list span:first-child{font-size:clamp(13px,1.35vw,19px);font-weight:800;border:0;padding:0;border-radius:0}
.concept-makes-inner>p{color:#d7e7fa;font-size:12px;margin:0;line-height:1.45;max-width:150px;border-left:1px solid #3c5f82;padding-left:25px}
.concept-makes-cta{align-self:stretch;min-width:310px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:15px 8px 15px 42px;isolation:isolate;position:relative;text-align:right}
.concept-makes-cta:before{content:"";position:absolute;z-index:-1;inset:-5px -100px -5px 5px;background:linear-gradient(110deg,transparent 0%,#086dcc 35%,#064488);transform:skewX(-25deg)}
.concept-makes-cta strong{font-size:21px;font-weight:800;line-height:1.3}
.concept-makes-cta span{font-size:16px;color:#69c0ff;font-weight:750}
.concept-makes-cta b{color:#fff}
.concept-tiles{padding:12px clamp(13px,1.7vw,26px) 24px;background:#eef4fb}
.concept-tile-grid{max-width:1536px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.concept-tile{height:295px;position:relative;overflow:hidden;border-radius:8px;background:#071d36;color:white;isolation:isolate}
.concept-tile-photo{position:absolute;inset:0 0 0 27%;z-index:-2;background-size:cover;background-position:center center}
.concept-tile-service .concept-tile-photo{background-image:url('/assets/img/concept-service-workshop.webp')}
.concept-tile-sales .concept-tile-photo{background-image:url('/assets/img/concept-sales-volvo.webp')}
.concept-tile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071d36 0%,rgba(7,29,54,.96) 22%,rgba(7,29,54,.47) 52%,rgba(7,29,54,.01) 93%)}
.concept-tile-copy{padding:28px clamp(20px,2.9vw,45px);position:relative;z-index:1;max-width:355px}
.concept-mini-label{font-size:9px;letter-spacing:.17em;font-weight:800;color:#a6d0ff;margin-bottom:10px}
.concept-tile h2{font-size:clamp(29px,2.6vw,39px);line-height:1.03;color:#fff;margin:0 0 12px;letter-spacing:-.05em}
.concept-tile p{font-size:13px;line-height:1.55;color:#e2eefe;max-width:240px;margin:0 0 18px}
.concept-tile .button{min-height:43px;padding:0 17px}
.concept-more-services{padding-top:85px}
.specialty-photo:before{background:#071c37 url('/assets/img/specialist-bmw-hd.png') center center/cover no-repeat!important;opacity:1!important}
.specialty-photo:after{display:none!important}
.specialty-photo .specialty-overlay{background:rgba(3,23,46,.72);padding:18px 20px;border-radius:12px;left:25px;bottom:25px}
@media(max-width:1200px){.header-phone{display:none}.concept-makes-cta{min-width:245px}.concept-makes-inner>p{display:none}}
@media(max-width:950px){.concept-hero-photo{width:70%}.concept-hero:before{background:linear-gradient(90deg,#061d3a 0%,rgba(6,29,58,.96) 32%,rgba(6,29,58,.55) 62%,rgba(6,29,58,.24) 100%)}.concept-hero-copy{max-width:560px}.concept-benefit-grid{grid-template-columns:repeat(2,1fr)}.concept-benefit:nth-child(2){border-right:0}.concept-makes-list{gap:14px}.concept-makes-cta{min-width:215px}.concept-tile{height:335px}}
@media(max-width:820px){.site-header .wrap{height:75px}.brand img.brand-logo{height:65px}.concept-hero-inner{min-height:430px}.concept-hero-photo{width:88%}.concept-makes-inner{flex-wrap:wrap;gap:0;padding-block:20px}.concept-makes-list{width:100%;flex:auto;gap:15px}.concept-makes-cta{align-items:center;text-align:center;min-width:0;flex:1;margin-top:18px;padding:14px 10px}.concept-makes-cta:before{inset:0 -50px;background:#0b4989;transform:none;border-radius:7px}.concept-tiles{padding:10px}.concept-tile-grid{grid-template-columns:1fr}.concept-tile{height:290px}.concept-tile-photo{inset:0 0 0 30%}}
@media(max-width:540px){.concept-hero{display:flex;flex-direction:column;min-height:0}.concept-hero-inner{min-height:0;order:0}.concept-hero .wrap{padding-inline:22px}.concept-hero-copy{padding:41px 0 31px}.concept-hero h1{font-size:clamp(32px,8.65vw,43px)}.concept-hero-copy>p{font-size:14px;max-width:360px;margin-bottom:20px}.concept-eyebrow{font-size:9px}.concept-hero-photo{position:relative;order:1;width:100%;height:215px;background-size:cover;background-position:56% 50%}.concept-hero:before{display:none}.concept-hero-angle{display:none}.concept-hero .action-row{gap:8px}.concept-hero .button{min-height:43px;padding:0 12px;font-size:11px}.concept-benefit-grid{grid-template-columns:1fr 1fr;min-height:0;padding-block:16px;gap:0}.concept-benefit{padding:15px 10px;align-items:flex-start;gap:8px}.concept-benefit:nth-child(1),.concept-benefit:nth-child(2){border-bottom:1px solid #dce8f8}.concept-benefit:nth-child(3){border-right:1px solid #b9d0ed}.concept-benefit>svg{width:24px;height:24px}.concept-benefit strong{font-size:12px}.concept-benefit span{font-size:10px}.concept-makes-list{flex-wrap:wrap;justify-content:center;gap:13px 20px}.concept-makes-list span{font-size:12px}.concept-makes-list span:first-child{font-size:15px}.concept-makes-cta{margin-top:12px}.concept-makes-cta strong{font-size:17px}.concept-makes-cta span{font-size:13px}.concept-tile{height:285px}.concept-tile-copy{padding:23px 20px}.concept-tile-photo{inset:0 0 0 20%}.concept-tile-shade{background:linear-gradient(90deg,#061d3c 0%,rgba(6,29,60,.92) 40%,rgba(6,29,60,.18) 100%)}.concept-tile h2{font-size:32px}.concept-tile p{font-size:12px;max-width:210px}}
/* Cleanly obscure lettering baked into illustrative card-source crops. */
.concept-tile-service .concept-tile-shade{background:linear-gradient(90deg,#071d36 0%,rgba(7,29,54,.995) 35%,rgba(7,29,54,.92) 44%,rgba(7,29,54,.26) 72%,rgba(7,29,54,.02) 100%)}
@media(max-width:540px){.concept-tile-service .concept-tile-shade{background:linear-gradient(90deg,#071d36 0%,rgba(7,29,54,.97) 55%,rgba(7,29,54,.33) 100%)}}

/* STAGE 8 — consistent desktop navigation; no lone Services chevron/dropdown. */
.main-nav > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 5px 0;
  text-decoration: none;
  color: #132f54;
  transition: color .18s ease;
}
.main-nav > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  background: #0066cc;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}
.main-nav > a:hover,
.main-nav > a:focus-visible,
.main-nav > a[aria-current="page"] { color: #0066cc; }
.main-nav > a:hover::after,
.main-nav > a:focus-visible::after,
.main-nav > a[aria-current="page"]::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  .main-nav > a, .main-nav > a::after { transition: none; }
}

/* STAGE 9: full-resolution BMW detail, no badges, text, tint, gradients or duplicate image layers. */
.specialty-photo {background:#072044; isolation:isolate; overflow:hidden;}
.specialty-photo::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:#072044 url('/assets/img/specialist-bmw-hd.png') center center / cover no-repeat !important;
  opacity:1 !important;
  filter:none !important;
}
.specialty-photo::after{content:none !important;display:none !important;}
.specialty-photo .specialty-overlay{display:none !important;}


/* STAGE 10 — history feature; European expertise remains a content link, not main navigation. */
.history-teaser{display:grid;grid-template-columns:minmax(210px,.43fr) minmax(0,1fr);gap:0;border:1px solid #cee0f3;border-radius:20px;background:#fff;overflow:hidden;margin-top:86px;box-shadow:0 12px 42px rgba(10,45,91,.05)}
.history-teaser-year{background:linear-gradient(145deg,#062245,#0b4c93);color:#fff;min-height:270px;padding:35px 34px;display:flex;flex-direction:column;justify-content:center}
.history-teaser-year small{font-size:11px;font-weight:800;letter-spacing:.18em;color:#a8d4ff}
.history-teaser-year strong{font:800 clamp(74px,10vw,118px)/1 Manrope,sans-serif;letter-spacing:-.08em;margin:13px 0 20px}
.history-teaser-year span{font-size:13px;color:#d4e5fb;max-width:190px}
.history-teaser-copy{padding:clamp(27px,4vw,55px)}
.history-teaser-copy h2{font-size:clamp(28px,3.25vw,40px);margin:12px 0 17px}
.history-teaser-copy p{font-size:15px;max-width:610px}
.history-teaser-copy .button{margin-top:9px}
.history-content{background:#f4f8fe}
.history-opening{display:grid;grid-template-columns:minmax(230px,.38fr) minmax(0,1fr);gap:clamp(25px,7vw,100px);align-items:center;margin-bottom:90px}
.history-opening-year{display:flex;flex-direction:column;background:#0b2d5b;color:white;border-radius:20px;padding:clamp(28px,4vw,55px);min-height:290px;justify-content:center}
.history-opening-year span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#aed5ff}
.history-opening-year strong{font:800 clamp(68px,9vw,112px)/1 Manrope,sans-serif;letter-spacing:-.085em;margin:14px 0 20px}
.history-opening-year small{color:#c8e1fb;font-size:13px}
.history-opening-copy h2{margin:14px 0 20px}
.history-opening-copy p{max-width:640px}
.history-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:90px}
.history-milestone{background:#fff;border:1px solid #d9e6f4;border-radius:14px;padding:25px;min-height:240px;display:flex;gap:22px;align-items:flex-start}
.history-marker{font:800 31px/1 Manrope,sans-serif;letter-spacing:-.06em;color:#0B2D5B;border-right:2px solid #d7e5f7;padding:1px 16px 0 0;min-width:50px;text-align:right;flex:0 0 auto}
.history-milestone span{font-size:11px;color:#387bbb;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.history-milestone h3{font-size:21px;margin:7px 0 10px}
.history-milestone p{font-size:14px;line-height:1.65}
.history-feature{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);color:#fff;border-radius:20px;background:linear-gradient(118deg,#061d3c,#0b3970);overflow:hidden;isolation:isolate;margin-bottom:85px}
.history-feature-index{display:flex;flex-direction:column;justify-content:center;padding:45px clamp(25px,4vw,52px);border-right:1px solid #ffffff1b;background:radial-gradient(ellipse at 40% 43%,#256ac333,transparent 80%)}
.history-feature-index>span{font-size:11px;font-weight:800;color:#9dcdff;letter-spacing:.18em}
.history-feature-index strong{font:800 clamp(68px,7vw,96px)/1 Manrope,sans-serif;letter-spacing:-.07em;margin:20px 0}
.history-feature-index strong span{color:#6cb5ff}
.history-feature-index small{color:#c0d7ef;max-width:200px}
.history-feature-copy{padding:clamp(31px,5vw,65px)}
.history-feature-copy h2{font-size:clamp(30px,3.4vw,45px);max-width:790px;margin:17px 0 20px}
.history-feature-copy p{font-size:15px;color:#d6e4f5;line-height:1.8;max-width:780px}
.history-feature-copy .history-attribution{font-size:12px;color:#b6cbe2;border-top:1px solid #ffffff2e;padding-top:20px;margin-top:25px}
.history-original{display:inline-flex;align-items:center;gap:15px;color:#fff;font-weight:800;font-size:13px;border-bottom:2px solid #4ca3fb;padding-bottom:7px;margin-top:14px}
.history-original:hover{color:#77bbff}
.history-end{display:flex;align-items:center;justify-content:space-between;gap:35px}
.history-end>div:first-child{max-width:700px}
.history-end h2{margin:15px 0}

.history-archive{margin-bottom:85px}.history-archive-shell{background:linear-gradient(180deg,#f7f0e2,#efe1c6);border:1px solid #decfb1;border-radius:24px;padding:clamp(20px,3vw,34px);box-shadow:0 18px 38px rgba(34,42,56,.08)}.history-archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}.history-archive-head h2{margin:10px 0 0}.history-archive-head p{max-width:760px;color:#5f5345;font-size:15px;line-height:1.8;margin:0}.history-clipping{display:block;border-radius:16px;overflow:hidden;box-shadow:0 18px 42px rgba(52,35,17,.18);border:1px solid #ccb898;background:#e8d7b7}.history-clipping img{display:block;width:100%;height:auto}.history-clipping-note{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:18px 4px 2px}.history-clipping-note p{margin:0;max-width:830px;color:#5f5345;font-size:14px;line-height:1.75}.history-archive .history-original{color:#213a5e;border-bottom-color:#2d73d5}.history-archive .history-original:hover{color:#0d5ecb}@media(max-width:850px){.history-archive-head{flex-direction:column;align-items:flex-start}.history-clipping-note{flex-direction:column}}
@media(max-width:850px){.history-opening{grid-template-columns:1fr;gap:25px}.history-opening-year{min-height:210px}.history-timeline{grid-template-columns:1fr}.history-milestone{min-height:0}.history-feature{grid-template-columns:1fr}.history-feature-index{padding:30px;border-right:0;border-bottom:1px solid #ffffff2b}.history-feature-index strong{font-size:70px;margin:10px 0}.history-end{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.history-teaser{grid-template-columns:1fr}.history-teaser-year{min-height:190px}.history-teaser-year strong{font-size:70px;margin:8px 0}.history-teaser-copy{padding:27px}.history-opening-year strong{font-size:75px}.history-feature-copy{padding:25px}.history-timeline{margin-bottom:45px}.history-opening{margin-bottom:45px}}

/* Stage 12: single About + History experience. */
#our-history{scroll-margin-top:115px;margin:94px 0 42px;}
.history-content #our-history{margin-top:0;}
.about-values{margin-top:80px;margin-bottom:34px;}
.history-timeline{margin-bottom:65px;}
.history-archive{margin-bottom:75px;}
.history-end{margin-bottom:30px;padding:36px 0;border-bottom:1px solid var(--line);}
.history-clipping{margin:0;}
.history-clipping img{display:block;width:100%;height:auto;}
@media(max-width:850px){#our-history{margin-top:60px}.history-timeline{margin-bottom:44px}.history-archive{margin-bottom:50px}.about-values{margin-top:58px;}}

/* Stage 13: genuine framed newspaper article, not a recreated image. */
.history-authentic{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(26px,5vw,74px);align-items:center;padding:clamp(28px,5vw,58px);border-radius:24px;background:linear-gradient(132deg,#edf4fc 0%,#fdfdfc 72%);border:1px solid #dce5ee;box-shadow:0 22px 60px rgba(13,41,77,.07)}
.history-authentic-copy h2{font-size:clamp(31px,3.1vw,47px);margin:18px 0 22px;line-height:1.18}
.history-authentic-copy p{color:#425a75;font-size:16px;line-height:1.85;max-width:510px}
.history-authentic-copy .history-original{color:#0757a4;border-bottom-color:#3b8dff;margin-top:22px}
.history-article-meta{margin:25px 0 27px;padding:22px 0;border-block:1px solid #d4dfed;display:grid;gap:4px}
.history-article-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#46739e;font-weight:800;margin-bottom:5px}
.history-article-meta strong{font:700 23px/1.25 Georgia,serif;letter-spacing:-.025em;color:#162f50}
.history-article-meta small{color:#58718c;font-size:13px}
.history-authentic-photo{margin:0;min-width:0}
.history-photo-button{display:block;width:100%;border:0;background:transparent;padding:0;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 46px rgba(23,27,35,.24);cursor:zoom-in;transition:transform .2s,box-shadow .2s}
.history-photo-button:hover{transform:translateY(-4px);box-shadow:0 25px 58px rgba(23,27,35,.30)}
.history-photo-button img{display:block;width:100%;height:auto;object-fit:contain}
.history-zoom-hint{position:absolute;bottom:17px;right:17px;color:#fff;background:rgba(12,34,62,.88);border:1px solid #ffffff45;border-radius:8px;font-weight:800;letter-spacing:.015em;font-size:12px;padding:10px 14px}
.history-authentic-photo figcaption{padding:14px 0 0;font-size:12px;color:#6d7c8e;text-align:center}
.history-photo-dialog{border:0;border-radius:14px;padding:14px;background:#132b46;max-width:min(96vw,1250px);max-height:94vh;box-shadow:0 32px 90px #0007;position:fixed;overflow:auto}
.history-photo-dialog::backdrop{background:rgba(1,12,28,.87)}
.history-photo-dialog img{display:block;width:min(90vw,1000px);height:auto;max-width:none;margin:auto}
.history-dialog-close{position:sticky;top:0;float:right;background:#fff;color:#102c50;border:0;border-radius:999px;width:40px;height:40px;font-size:27px;line-height:1;z-index:2;cursor:pointer;margin:0 0 -40px 0}
@media(max-width:900px){.history-authentic{grid-template-columns:1fr}.history-authentic-copy p{max-width:none}.history-authentic-photo{max-width:640px;width:100%;margin:auto}}
@media(max-width:540px){.history-authentic{padding:20px 16px;border-radius:16px}.history-article-meta strong{font-size:20px}.history-photo-dialog{max-width:100vw;max-height:96vh;padding:8px}.history-photo-dialog img{width:96vw}.history-zoom-hint{bottom:10px;right:10px;padding:7px 9px;font-size:11px}}


/* Stage 14: editorial scrapbook built from actual archived photographs, no fabricated event dates. */
.history-scrapbook{position:relative;display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.5fr);gap:clamp(26px,3.7vw,65px);align-items:center;padding:clamp(28px,4.4vw,68px);margin:0 0 85px;border:1px solid #d5e1ef;border-radius:23px;background:linear-gradient(112deg,#f8fbff 0%,#f3f7fb 38%,#dce7f3 100%);overflow:hidden;box-shadow:0 22px 48px rgba(13,39,79,.065)}
.history-scrapbook:before{content:"";position:absolute;right:-5%;top:-14%;width:60%;height:130%;background:radial-gradient(ellipse at center,rgba(28,96,169,.14),transparent 66%);pointer-events:none}
.history-scrapbook-story{position:relative;z-index:2}
.history-scrapbook-story h2{font-size:clamp(34px,3.4vw,51px);margin:15px 0 26px;line-height:1.16;letter-spacing:-.055em;color:#092d60}
.history-scrapbook-story>p{font-size:15.5px;line-height:1.85;color:#45617c;max-width:460px;margin-bottom:20px}
.history-scrapbook-story strong{color:#123c6e}
.history-pullquote{border-top:1px solid #c6d6e7;margin:33px 0 24px;padding:23px 0 0 17px;border-left:3px solid #2a75cb;font-family:Georgia,'Times New Roman',serif}
.history-pullquote p{color:#1b4172;font-size:clamp(17px,1.75vw,23px);font-style:italic;line-height:1.5;margin:0 0 11px}
.history-pullquote cite{display:block;font:700 10px/1.6 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#52779c}
.history-archive-source{display:grid;gap:8px}
.history-source-button{border:0;border-bottom:2px solid #2279d4;cursor:pointer;background:transparent;color:#064b94;font-size:13px;font-weight:800;padding:0 0 8px;justify-self:start}
.history-source-button:hover{color:#0066cc}
.history-archive-source small{font-size:12px;color:#64809c}
.history-scrapbook-art{position:relative;min-width:0;min-height:675px;isolation:isolate}
.history-scrapbook-art:before{content:"";position:absolute;inset:5% 1% -3% 0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 19px,#a5895740 20px),linear-gradient(132deg,#e6d3aa,#e9ddc6 35%,#f1e6cb 68%,#dfc7a7);clip-path:polygon(0 3%,8% 0,24% 1%,43% 0,64% 1%,83% 0,100% 3%,98% 22%,100% 46%,98% 74%,100% 98%,85% 100%,60% 99%,28% 100%,0 98%,1% 75%,0 49%);box-shadow:10px 17px 40px #102e5736;transform:rotate(-1.4deg);z-index:-1}
.archive-stamp{position:absolute;left:29%;top:-1%;z-index:8;background:#092d60;color:#fff;transform:rotate(-7deg);padding:12px 18px 10px;box-shadow:0 6px 16px #061e3940;font:800 12px/1.2 Manrope,sans-serif;letter-spacing:.11em}
.archive-stamp span{display:block;color:#bcd7f4;font-size:10px;letter-spacing:.22em;padding-top:6px}
.archive-photo{margin:0;position:absolute;background:#f9f4e6;border:9px solid #f7efdc;padding:0 0 30px;box-shadow:6px 15px 28px #172b3d50,0 0 0 1px #d8cbb7}
.archive-photo:after{content:"";position:absolute;left:0;right:0;top:0;bottom:30px;background:linear-gradient(135deg,rgba(222,169,97,.08),rgba(42,36,30,.11));mix-blend-mode:multiply;pointer-events:none}
.archive-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.13) contrast(.95) saturate(.86)}
.archive-photo figcaption{position:absolute;bottom:5px;left:11px;font:italic 14px/1.1 Georgia,serif;color:#514335}
.archive-photo-shop{width:58%;height:405px;top:5%;left:1%;transform:rotate(-5deg);z-index:3}
.archive-photo-car{width:49%;height:245px;bottom:3%;left:4%;transform:rotate(5deg);z-index:5}
.archive-newspaper{position:absolute;right:1%;top:16%;width:51%;min-height:464px;z-index:4;padding:24px 23px 29px;color:#2e251b;background:radial-gradient(ellipse at 90% 12%,#9b6a3214,transparent 50%),repeating-linear-gradient(0deg,#ead9b7 0px,#ead9b7 2px,#ebddc0 3px,#ebddc0 5px);clip-path:polygon(0 0,14% 1%,32% 0,59% 1%,75% 0,100% 2%,99% 27%,100% 59%,98% 97%,82% 100%,67% 99%,44% 100%,17% 98%,0 100%,1% 70%,0 35%);transform:rotate(4deg);box-shadow:10px 16px 30px #19263555;border:1px solid #d2b88d}
.archive-news-rule{font:700 10px/1.2 Georgia,serif;letter-spacing:.24em;border-top:2px solid #53402c;border-bottom:1px solid #53402c;padding:8px 0;margin-bottom:16px}
.archive-newspaper h3{font:700 clamp(23px,2.25vw,35px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0 0 17px;color:#291f15}
.archive-byline{font:italic bold 14px Georgia,serif;border-bottom:1px solid #8c765a;padding-bottom:10px;margin-bottom:12px}
.archive-news-columns{columns:1;column-gap:12px}
.archive-news-columns p{font:15px/1.47 Georgia,serif;color:#32291f;margin:0 0 13px}
@media(max-width:1150px){.history-scrapbook{grid-template-columns:minmax(0,.82fr) minmax(0,1.28fr);padding:30px;gap:18px}.history-scrapbook-art{min-height:575px}.archive-photo-shop{height:330px}.archive-photo-car{height:220px}.archive-newspaper{min-height:395px;padding:19px}.archive-news-columns p{font-size:13px}}
@media(max-width:840px){.history-scrapbook{grid-template-columns:1fr;padding:34px}.history-scrapbook-story>p{max-width:none}.history-scrapbook-art{min-height:650px;max-width:740px;width:100%;margin:auto}.archive-photo-shop{height:385px}.archive-photo-car{height:248px}.archive-newspaper{min-height:470px}.archive-news-columns p{font-size:15px}}
@media(max-width:550px){.history-scrapbook{padding:25px 17px;margin-left:-7px;margin-right:-7px;border-radius:16px;gap:8px}.history-scrapbook-story h2{font-size:35px}.history-scrapbook-art{min-height:610px}.archive-photo{border-width:5px;padding-bottom:24px}.archive-photo-shop{width:75%;height:260px;top:5%;left:0}.archive-photo-car{width:67%;height:218px;left:1%;bottom:1%}.archive-newspaper{width:65%;top:30%;right:-1%;min-height:360px;padding:15px 12px}.archive-stamp{left:28%;top:0;font-size:9px;padding:8px 11px}.archive-newspaper h3{font-size:22px}.archive-news-columns p{font-size:12px;line-height:1.35}.archive-news-rule{font-size:8px;margin-bottom:10px;padding:5px 0}.archive-byline{font-size:11px;margin-bottom:7px}.archive-photo figcaption{font-size:11px}}

/* Stage 16: scanned newspaper clipping look */
.history-scrapbook{grid-template-columns:minmax(290px,.72fr) minmax(0,1.58fr);align-items:start}
.history-scrapbook-art{position:relative;min-width:0;min-height:auto;display:flex;align-items:center;justify-content:center;padding:8px 0 0}
.history-scrapbook-art:before{content:"";position:absolute;inset:3% 2% 0 5%;background:radial-gradient(ellipse at center,rgba(212,197,161,.28),transparent 60%);pointer-events:none}
.archive-scan-full{position:relative;margin:0;max-width:780px;width:100%;transform:rotate(1.1deg)}
.archive-scan-full img{display:block;width:100%;height:auto;filter:sepia(.2) saturate(.88) contrast(.95) brightness(.98) drop-shadow(0 26px 40px rgba(31,23,14,.22))}
.archive-scan-full:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(65,46,26,.03) 0,rgba(65,46,26,.03) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 15% 22%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at 78% 58%,rgba(0,0,0,.05),transparent 20%);mix-blend-mode:multiply;pointer-events:none}
.archive-scan-full figcaption{margin-top:14px;font:italic 13px/1.5 Georgia,serif;color:#6f6556;text-align:center}
@media(max-width:980px){.history-scrapbook{grid-template-columns:1fr}.history-scrapbook-art{max-width:760px;width:100%;margin:auto;padding-top:6px}.archive-scan-full{max-width:720px;transform:rotate(.6deg)}}
@media(max-width:550px){.history-scrapbook{padding:24px 16px}.archive-scan-full{max-width:100%;transform:none}.archive-scan-full figcaption{font-size:11px;margin-top:10px}}

/* Stage 20: exact-style archival layout using the original photos. */
.history-scrapbook{grid-template-columns:1fr;align-items:stretch;gap:26px;padding:clamp(22px,3.4vw,48px)}
.history-scrapbook-story{max-width:none;display:grid;grid-template-columns:minmax(250px,.86fr) minmax(0,1.12fr);column-gap:44px;align-items:start}
.history-scrapbook-story .eyebrow{grid-column:1/-1;margin-bottom:10px}
.history-scrapbook-story h2{grid-column:1;grid-row:2/span 2;margin:0 0 16px}
.history-scrapbook-story>p{grid-column:2;max-width:880px;font-size:15px;line-height:1.7;margin:0 0 14px}
.history-pullquote{grid-column:1;grid-row:4/span 2;margin:8px 0 0;padding:14px 0 0 20px;border-left:2px solid #2d73d5}
.history-pullquote p{font-size:18px;line-height:1.45}
.history-archive-source{grid-column:2;align-self:end;margin:8px 0 0}
.history-scrapbook-art{position:relative;display:block;min-height:auto;width:100%;padding:0;margin:6px 0 0}
.exact-archive-layout{position:relative;display:block;background:linear-gradient(180deg,#ead4ac 0%,#e8d0a7 60%,#e4c89a 100%);padding:18px 20px 18px;border:1px solid #c6a77a;border-radius:3px;box-shadow:0 24px 45px rgba(33,28,17,.15);color:#2d241c;overflow:hidden}
.exact-archive-layout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 87% 84%,rgba(0,0,0,.05),transparent 20%),repeating-linear-gradient(0deg,rgba(118,86,46,.03) 0,rgba(118,86,46,.03) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply;pointer-events:none}
.exact-archive-layout:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(89,62,34,.12), inset 0 0 24px rgba(109,76,38,.12);pointer-events:none}
.exact-archive-layout h3{margin:0 0 14px;font-family:Baskerville,Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(43px,5.4vw,72px);line-height:.92;letter-spacing:-.055em;color:#231a12;text-wrap:balance}
.archive-composed-body{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(255px,.76fr);gap:14px;align-items:start}
.archive-left-column{display:grid;gap:12px}
.archive-inline-photo{margin:0;background:#e8dcc2;border:1px solid rgba(86,64,39,.18);padding:0;box-shadow:0 1px 0 rgba(255,255,255,.4) inset}
.archive-inline-photo img{display:block;width:100%;height:auto;object-fit:cover;filter:sepia(.34) saturate(.7) contrast(.93) brightness(.96)}
.archive-inline-photo-top img{aspect-ratio: 996 / 782;object-position:center}
.archive-inline-photo-bottom img{aspect-ratio: 565 / 415;object-position:center}
.archive-right-column{display:block;min-width:0}
.archive-byline-stack{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:14px;align-items:start;margin-bottom:10px}
.archive-byline-copy strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1;font-weight:700;color:#2a2119;margin-bottom:3px}
.archive-byline-copy span{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;color:#43362a}
.archive-reporter-portrait{margin:0;border:1px solid rgba(62,43,23,.22);background:#d5c4a2;padding:4px}
.archive-reporter-portrait img{display:block;width:100%;height:auto;filter:sepia(.22) saturate(.74) contrast(.93) brightness(.97)}
.archive-article-copy{column-count:1}
.archive-article-copy p{margin:0 0 7px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.1;color:#2e251b}
.archive-article-copy p.dropcap:first-letter{float:left;font-family:Georgia,'Times New Roman',serif;font-size:68px;line-height:.78;padding:.06em .08em 0 0;font-weight:700;color:#1f1710}
@media(max-width:1180px){.exact-archive-layout h3{font-size:56px}.archive-article-copy p{font-size:14px}.archive-byline-copy strong{font-size:24px}.archive-byline-copy span{font-size:15px}}
@media(max-width:940px){.history-scrapbook-story{grid-template-columns:1fr;row-gap:4px}.history-scrapbook-story h2,.history-scrapbook-story>p,.history-pullquote,.history-archive-source{grid-column:auto;grid-row:auto;max-width:none}.archive-composed-body{grid-template-columns:1fr}.archive-right-column{padding-top:4px}.exact-archive-layout h3{font-size:48px}}
@media(max-width:640px){.history-scrapbook{padding:22px 14px}.exact-archive-layout{padding:12px 12px 14px}.exact-archive-layout h3{font-size:34px;margin-bottom:10px}.archive-composed-body{gap:10px}.archive-byline-stack{grid-template-columns:minmax(0,1fr) 72px;gap:10px}.archive-byline-copy strong{font-size:22px}.archive-byline-copy span{font-size:13px}.archive-article-copy p{font-size:13px;line-height:1.12;margin-bottom:6px}.archive-article-copy p.dropcap:first-letter{font-size:54px}.history-pullquote p{font-size:16px}}

/* Stage 21: place the fixed photographic clipping as one image, no recreated text or portraits. */
.history-scrapbook .history-final-paper{display:flex!important;justify-content:center!important;align-items:flex-start!important;position:relative!important;width:100%!important;min-height:0!important;padding:0!important;background:none!important;transform:none!important}
.history-scrapbook .history-final-paper:before,.history-scrapbook .history-final-paper:after{display:none!important}
.history-authentic-figure{margin:0;width:min(100%,850px);position:relative;line-height:0}
.history-authentic-figure img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%;filter:none!important;transform:none!important;box-shadow:none!important}
@media(max-width:750px){.history-authentic-figure{width:100%}}

/* Stage 21: history archive layout refinement */
.history-scrapbook{
  grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr)!important;
  align-items:stretch!important;
  gap:clamp(28px,3vw,42px)!important;
  padding:clamp(24px,3vw,36px)!important;
  background:linear-gradient(135deg,#f7fbff 0%,#eef4fb 55%,#e8eff7 100%)!important;
  border:1px solid #d4e1ef!important;
  border-radius:24px!important;
  box-shadow:0 22px 48px rgba(16,46,87,.08)!important;
}
.history-scrapbook:before{
  content:"";
  position:absolute;
  inset:auto -8% -24% auto;
  width:48%;
  height:70%;
  background:radial-gradient(circle, rgba(28,96,169,.08), transparent 68%);
  pointer-events:none;
}
.history-scrapbook-story{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  max-width:none!important;
  padding:clamp(8px,1vw,14px) clamp(10px,1.1vw,18px) clamp(8px,1vw,14px) clamp(10px,1.1vw,16px)!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.history-scrapbook-story .eyebrow,
.history-scrapbook-story h2,
.history-scrapbook-story > p,
.history-pullquote,
.history-archive-source{
  grid-column:auto!important;
  grid-row:auto!important;
  max-width:none!important;
}
.history-scrapbook-story .eyebrow{margin:0 0 12px!important}
.history-scrapbook-story h2{
  margin:0 0 20px!important;
  font-size:clamp(38px,3.8vw,64px)!important;
  line-height:1.02!important;
  max-width:11ch;
}
.history-scrapbook-story>p{
  margin:0 0 18px!important;
  font-size:18px!important;
  line-height:1.75!important;
  color:#345471!important;
  max-width:62ch!important;
}
.history-pullquote{
  width:100%;
  margin:8px 0 20px!important;
  padding:18px 0 0 22px!important;
  border-left:3px solid #2c73d6!important;
  border-top:1px solid rgba(58,99,150,.2)!important;
}
.history-pullquote p{
  margin:0 0 10px!important;
  font-size:20px!important;
  line-height:1.55!important;
  color:#173d72!important;
}
.history-pullquote cite{
  display:block;
  font-size:12px!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#53739a!important;
  font-style:normal;
}
.history-archive-source{margin-top:6px!important}
.history-source-button{display:inline-flex;align-items:center;gap:8px;font-size:18px!important}
.history-archive-source small{display:block;margin-top:12px;font-size:14px!important;color:#6f86a0!important}
.history-scrapbook-art,
.history-scrapbook .history-final-paper{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.history-authentic-figure{
  width:100%!important;
  max-width:670px!important;
  margin:0!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.history-authentic-figure img{
  width:100%!important;
  border-radius:0!important;
  /* The clipping PNG is transparent outside its rough paper edge. A normal box shadow
     renders around the rectangular image element and looks like a mismatched panel. */
  box-shadow:none!important;
  filter:none!important;
  background:transparent!important;
}
@media (max-width:1100px){
  .history-scrapbook{grid-template-columns:1fr!important}
  .history-scrapbook-story{padding:0!important}
  .history-authentic-figure{max-width:760px!important}
}
@media (max-width:700px){
  .history-scrapbook{padding:18px!important;border-radius:18px!important}
  .history-scrapbook-story h2{font-size:clamp(34px,10vw,48px)!important;max-width:none}
  .history-scrapbook-story>p{font-size:16px!important;line-height:1.65!important}
  .history-pullquote p{font-size:18px!important}
  .history-authentic-figure img{border-radius:0!important}
}

/* STAGE 22 — timeline numerals use the same sans-serif typography as the site */
.history-timeline .history-milestone .history-marker {
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-size: 29px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.05 !important;
  letter-spacing: -0.065em !important;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
  color: #0B2D5B !important;
}


/* Stage 22: european makes list refinement */
.simple-brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:30px 0 4px}
.simple-brand-list .brand-item{
  background:transparent;
  border:none;
  border-bottom:1px solid #d5e0ec;
  border-radius:0;
  padding:18px 0 16px;
  text-align:left;
  font-family:'DM Sans',Manrope,Arial,sans-serif;
  font-weight:700;
  font-size:18px;
  letter-spacing:-.02em;
  color:#173a67;
}
.simple-brand-list .brand-item:last-child,
.simple-brand-list .brand-item:nth-last-child(2){border-bottom:1px solid #d5e0ec}
@media(max-width:820px){.simple-brand-list{grid-template-columns:1fr;gap:0}.simple-brand-list .brand-item{font-size:17px;padding:16px 0 14px}}
@media(max-width:540px){.simple-brand-list .brand-item{font-size:16px}}

/* Stage 23: source-of-truth European makes presentation */
.euro-makes-list{list-style:none;margin:28px 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px;max-width:880px}
.euro-makes-list li{list-style:none;padding:17px 0 16px;border-bottom:1px solid #cbd9e9;color:#16385f;font-family:'DM Sans',Arial,Helvetica,sans-serif;font-weight:700;font-size:19px;line-height:1.35;letter-spacing:-.025em}
.euro-makes-note{font-family:'DM Sans',Arial,Helvetica,sans-serif;color:#536b86;font-size:15px;margin:18px 0 0}
@media(max-width:620px){.euro-makes-list{grid-template-columns:1fr;gap:0}.euro-makes-list li{font-size:17px;padding:13px 0}.euro-makes-note{font-size:14px}}
/* Stage 27: keep Services image within mobile viewport. */
@media (max-width:820px){
  .service-intro{grid-template-columns:minmax(0,1fr);gap:28px}
  .service-intro > *{min-width:0}
  .panel-illustration{display:block;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;aspect-ratio:16/10;background-size:cover;background-position:center}
}


/* Stage 28 — genuine service page hover treatment */
/* The service detail cards are <article> elements, not .service-card links. */
.service-list > article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #d9e5f3;
  box-shadow: 0 4px 12px rgba(11,45,91,.025);
  transform: translateY(0) scale(1);
  transition: transform .27s cubic-bezier(.2,.8,.2,1),
              box-shadow .27s cubic-bezier(.2,.8,.2,1),
              border-color .27s ease,
              background-color .27s ease;
}
.service-list > article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #0066cc;
  border-radius: 4px;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform .27s cubic-bezier(.2,.8,.2,1);
}
.service-list > article .icon-square {
  transition: transform .27s cubic-bezier(.2,.8,.2,1),
              color .27s ease, background-color .27s ease;
}
.service-list > article h3 {
  transition: color .27s ease;
}
@media (hover:hover) and (pointer:fine) {
  .service-list > article:hover {
    transform: translateY(-9px) scale(1.012);
    border-color: #7db9f1;
    background: #ffffff;
    box-shadow: 0 24px 44px rgba(7,53,110,.18);
    z-index: 2;
  }
  .service-list > article:hover::before { transform: scaleY(1); }
  .service-list > article:hover .icon-square {
    transform: translateY(-3px) scale(1.1);
    color: #ffffff;
    background: #0066cc;
  }
  .service-list > article:hover h3 { color: #005cb9; }
}
@media (hover:none) {
  .service-list > article:active {
    transform: scale(.992);
    border-color: #7db9f1;
    box-shadow: 0 12px 26px rgba(7,53,110,.10);
  }
}
@media (prefers-reduced-motion:reduce) {
  .service-list > article,
  .service-list > article::before,
  .service-list > article .icon-square,
  .service-list > article h3 { transition: none !important; }
  .service-list > article:hover,
  .service-list > article:active { transform: none !important; }
}

/* Stage 28 — three service pillars and a satellite map under Contact */
.concept-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.concept-benefit:nth-child(2){border-right:1px solid #b9d0ed;}
.concept-benefit:last-child{border-right:none;}
.field-help{display:block;color:#647d99;font-size:12px;line-height:1.5;margin-top:7px}
#vin{text-transform:uppercase;letter-spacing:.055em;font-variant-numeric:tabular-nums}
.location-section{padding:6px 0 86px;background:var(--cream)}
.location-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:0 0 24px}
.location-heading h2{margin:10px 0 8px;font-size:clamp(30px,3.4vw,44px)}
.location-heading p{margin:0;color:#4b6683;font-size:16px}
.location-map{overflow:hidden;border-radius:20px;border:1px solid #cfdeef;background:#d9e7f5;box-shadow:0 16px 40px rgba(11,45,91,.1)}
.location-map iframe{width:100%;height:455px;display:block;border:0;background:#d9e7f5}
.location-caption{font-size:12px;margin:12px 0 0;color:#71839c}
.location-caption a{text-decoration:underline;color:#0B5FB2;font-weight:700}
@media(max-width:680px){
 .concept-benefit-grid{grid-template-columns:1fr;gap:0;padding-block:9px;}
 .concept-benefit,.concept-benefit:nth-child(1),.concept-benefit:nth-child(2),.concept-benefit:nth-child(3){border:0;border-bottom:1px solid #dce8f8;padding:15px 4px;align-items:center;}
 .concept-benefit:last-child{border-bottom:0;}
 .location-section{padding:0 0 55px}
 .location-heading{display:block;}
 .location-heading .button{margin-top:18px}
 .location-map{border-radius:14px}
 .location-map iframe{height:355px}
}

/* Mobile homepage: keep the European marques ribbon on desktop/tablet landscape,
   but remove it where the narrow layout made it feel visually disconnected.
   This one section contains both the marque labels and their blue CTA banner. */
@media (max-width: 820px) {
  .concept-makes { display: none; }
}


/* 2026-10-27 mobile QA: approved editorial history layout (restored from approved stage).
   This repairs a historical source-regression; it is not a new redesign. */
.history-opening{display:grid;grid-template-columns:minmax(200px,.33fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center;margin-bottom:64px}
.history-opening-year{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:0;padding:0;background:none;color:#0B2D5B;border:0;border-radius:0;box-shadow:none}
.history-opening-year span{font:800 12px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:.2em;color:#3A6798}
.history-opening-year strong{display:block;font:800 clamp(88px,10vw,142px)/.98 'Manrope',Arial,sans-serif;letter-spacing:-.09em;font-variant-numeric:lining-nums tabular-nums;color:#0B2D5B;margin:11px 0 18px}
.history-opening-year:after{content:'';display:block;width:62px;height:3px;background:#0066CC;border-radius:3px}
.history-opening-year small{display:none}
.history-opening-copy{border-left:1px solid #D6E3F2;padding-left:clamp(28px,3vw,45px)}
/* The scrapbook already follows the history introduction — no duplicate timeline cards. */
@media(max-width:850px){
  .history-opening{grid-template-columns:1fr;gap:22px}
  .history-opening-year{min-height:0}
  .history-opening-year strong{font-size:clamp(82px,15vw,116px)}
  .history-opening-year:after{width:52px}
  .history-opening-copy{border-left:0;padding-left:0}
}

/* Mobile/tablet touch, orientation and content-fit adjustments. */
@media (min-width:821px) and (max-width:1100px){
  .service-intro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-intro > *{min-width:0}
  .service-intro .panel-illustration{width:100%;min-width:0;aspect-ratio:auto}
}
@media(max-width:820px){
  .mobile-toggle{display:grid;place-items:center;width:48px;min-width:48px;height:48px;padding:8px;touch-action:manipulation;border-radius:9px}
  .mobile-toggle:focus-visible{outline:3px solid #3181E8;outline-offset:2px}
  .mobile-nav.open{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:540px){
  /* Give footer links a reliable touch target without changing wording. */
  .footer-links{gap:0}
  .footer-links a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px}
  .footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
  .history-source-button{min-height:44px;padding-block:6px}
  .location-caption a{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;margin-top:7px;border:1px solid #b6d3f3;border-radius:8px;font-size:14px;line-height:1.4;color:#0b55a7;font-weight:700;background:#f6faff}
  .inventory-toolbar label:has(input[type=checkbox]){display:flex;align-items:center;min-height:44px;gap:10px;cursor:pointer}
  .inventory-toolbar input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}
}
@media(max-width:820px) and (orientation:landscape){
 .mobile-nav.open{max-height:calc(100dvh - 72px)}
}

/* Smaller mobile-only image encodings; approved originals remain intact. */
@media(max-width:820px){
 .panel-illustration{background-image:url('/assets/img/service-golf-r-blue-mobile.webp')}
 .specialty-photo:before{background:#071c37 url('/assets/img/specialist-bmw-hd-mobile.webp') center center/cover no-repeat!important}
 .specialty-photo{background-image:url('/assets/img/specialist-bmw-hd-mobile.webp')!important}
}


/* Stage 31 — Unicode-free service card arrows and balanced ultra-wide layouts. */
.text-link svg.inline-link-arrow {
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  stroke:currentColor;
  vertical-align:middle;
  transition:transform .2s ease;
}
.service-card:hover .text-link svg.inline-link-arrow,
.service-card:focus-visible .text-link svg.inline-link-arrow {
  transform:translate(2px,-2px);
}
/* At normal desktop widths retain the approved design; on ultra-wide screens
   align all primary homepage content to the same centered reading width. */
@media (min-width:1600px) {
  .site-header .wrap,
  .concept-hero .wrap,
  .concept-benefits .wrap,
  .concept-makes .wrap,
  .concept-tile-grid {
    max-width:var(--max);
  }
  /* Keep the workshop photograph at a natural visual scale on very wide displays.
     The dark background still extends edge-to-edge; only the image is constrained. */
  .concept-hero-photo {
    width:min(65vw,1320px);
    right:max(0px,calc((100vw - 1536px)/2));
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 88%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 88%,transparent 100%);
  }
}
@media (prefers-reduced-motion:reduce) {
  .text-link svg.inline-link-arrow {transition:none}
}