/*
Theme Name: BSKL
Author: BSKL
Description: Thème léger pour Breizh Spartan Karrerezh & livour.
Version: 0.5.5
Requires PHP: 8.1
Text Domain: bskl
*/
@font-face{font-family:"Anton";src:url("assets/fonts/anton-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Monoton";src:url("assets/fonts/monoton-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Work Sans";src:url("assets/fonts/work-sans-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Work Sans";src:url("assets/fonts/work-sans-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Work Sans";src:url("assets/fonts/work-sans-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--red:#ff0015;--action-red:#e00012;--deep-red:#b40000;--ink:#0a0a0a;--black:#000;--chrome:#f4f3ef;--steel:#a6a8ad;--dark-steel:#48494c;--line:rgba(10,10,10,.2);--width:1360px;--section-space:clamp(2rem,3vw,3rem);--font-display:"Anton",Impact,sans-serif;--font-body:"Work Sans",Arial,sans-serif;--font-signature:"Monoton",cursive}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;background:var(--chrome);color:var(--ink);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{overflow-wrap:anywhere}
.about-grid>*{min-width:0;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.2em}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--deep-red);outline-offset:3px}
.hero :focus-visible,.site-header :focus-visible,.site-footer :focus-visible,.contact-band :focus-visible{outline-color:var(--red)}
.skip-link{position:absolute;left:1rem;top:-6rem;background:var(--chrome);color:var(--ink);padding:.7rem 1rem;z-index:100}
.skip-link:focus{top:1rem}
.wrap{width:min(90%,var(--width));margin-inline:auto}
.site-header{position:relative;z-index:10;background:var(--ink);color:var(--chrome);border-bottom:1px solid rgba(244,243,239,.15)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:88px}
.brand{display:flex;align-items:center;gap:.8rem;min-width:0;text-decoration:none!important}
.brand-image{width:54px;height:54px;display:grid;place-items:center;flex:none}
.brand-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 .6px #a3a3a3)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap}
.brand-copy strong{font:400 2rem/1.1 var(--font-display);letter-spacing:.03em}
.brand-copy small{font-size:.72rem;letter-spacing:.02em;color:var(--steel);margin-top:.3rem}
.site-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);font:400 1rem/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.06em}
.site-nav a{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.site-nav a:hover{color:var(--chrome);text-decoration-color:var(--red);text-decoration-thickness:2px}
.site-nav a[aria-current=page]:not(.nav-contact){text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:.4em}
.site-nav .nav-contact{background:var(--red);color:var(--ink);padding:1rem 1.5rem;font:700 .875rem/1.2 var(--font-body)}
.site-nav .nav-contact:hover{background:var(--chrome);color:var(--ink);text-decoration:none}
.lang-link{border:1px solid rgba(244,243,239,.65);padding:.8rem 1rem;min-width:44px;justify-content:center;font:600 .875rem/1.2 var(--font-body)}
.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:none;border:0;color:var(--chrome);padding:.3rem;min-width:48px;min-height:48px;font-size:.75rem;font-weight:700;text-transform:uppercase}
.eyebrow{display:block;color:var(--deep-red);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.8125rem;line-height:1.4}
.eyebrow-light{color:var(--red)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:400}
h1,h2,.service-card h3,.vehicle-card h3,.project-card h2,.project-card h3{font-family:var(--font-display);text-transform:uppercase;line-height:1.05;letter-spacing:.015em}
h1{font-size:clamp(2.5rem,4.7vw,4.4rem)}
h2{font-size:clamp(2rem,3.5vw,3.25rem)}
h3{font-size:clamp(1.8rem,2.6vw,2.55rem)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:44px;padding:.85rem 1.7rem;border:1px solid transparent;font-size:.875rem;line-height:1.3;font-weight:700;letter-spacing:.045em;text-transform:uppercase;text-align:center;transition:background-color .15s ease,color .15s ease}
.button:hover{text-decoration:none}
.button-primary{background:var(--action-red);color:#fff}
.button-primary:hover{background:var(--ink);color:var(--chrome);border-color:var(--ink)}
.hero .button-primary:hover,.action-panel .button-primary:hover,.contact-band .button-primary:hover{background:var(--chrome);color:var(--ink);border-color:var(--chrome)}
.button-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
.button-secondary:hover{background:var(--ink);color:var(--chrome)}
.button-outline{border-color:rgba(244,243,239,.52);color:var(--chrome)}
.button-outline:hover{border-color:var(--chrome);background:var(--chrome);color:var(--ink)}
.button-dark{background:var(--ink);color:var(--chrome)}
.button-dark:hover{background:var(--deep-red);color:var(--chrome)}
.button-wide{width:100%}
.text-link{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font-size:.875rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--deep-red);text-underline-offset:.5em}
.hero{background:radial-gradient(ellipse at 70% 40%,#101010,var(--ink) 75%);color:var(--chrome);border-bottom:3px solid var(--red)}
.hero-grid{width:min(86%,1272px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:2rem;padding-block:2.5rem .75rem}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(3.5rem,7.1vw,6.85rem);line-height:1.06;letter-spacing:0;margin:.8rem 0 1rem;max-width:none}
.hero-lead{max-width:690px;font-size:clamp(1rem,1.55vw,1.4rem);line-height:1.45;color:var(--chrome);margin-bottom:1.75rem}
.hero-actions{display:flex;gap:1.25rem;flex-wrap:wrap}
.hero-caption{font-size:.875rem;color:var(--steel);margin:.8rem 0 0}
.hero-art{position:relative;align-self:center;justify-self:end;min-width:0;width:100%;max-width:470px}
.section-light{background:var(--chrome)}
.services,.stock,.about,.projects,.faq{padding-block:var(--section-space)}
.services{padding-bottom:1.5rem}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}
.section-heading h2{margin:.4rem 0 0}
.section-heading p{max-width:320px;margin:0;font-size:.9rem;color:var(--dark-steel)}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.service-card{display:flex;flex-direction:column;min-width:0;padding:0 1.75rem;border-left:1px solid var(--line)}
.service-card:first-child{border:0;padding-left:0}
.service-card:nth-child(even){background:transparent}
.service-number{font-size:.875rem;line-height:1.4;color:var(--deep-red);font-weight:600;margin:1rem 0 .4rem}
.service-card h3{font-size:clamp(1.55rem,2.2vw,2.1rem);letter-spacing:0;margin:0 0 .65rem;line-height:1.05}
.service-card p{font-size:1.0625rem;line-height:1.5;margin-bottom:.8rem;overflow-wrap:anywhere}
.service-discover{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;gap:.6rem;align-self:start;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--deep-red);text-decoration:underline;text-underline-offset:.45em}
.service-card:hover{text-decoration:none}
.service-card:hover .service-discover{color:var(--ink)}
.service-card:focus-within{background:transparent}
.stock{border-bottom:1px solid var(--line);padding-block:2rem}
.stock>.wrap,.about>.wrap,.faq>.wrap,.contact-band>.wrap,.site-footer>.wrap{width:min(82%,1232px)}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.vehicle-card{border:1px solid var(--line);background:#fff}
.vehicle-card-link{display:block;height:100%;text-decoration:none!important}
.vehicle-card-media{aspect-ratio:1.52;background:rgba(10,10,10,.08);display:grid;place-items:center;overflow:hidden;color:var(--dark-steel);text-transform:uppercase;font:400 1.6rem var(--font-display)}
.vehicle-card-media img{height:100%;width:100%;object-fit:cover;transition:transform .2s ease}
.vehicle-card-link:hover img{transform:scale(1.025)}
.vehicle-card-body{padding:1.25rem}
.status-label{display:inline-block;background:var(--ink);color:var(--chrome);padding:.25rem .5rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.vehicle-card h3{font-size:2rem;margin:.9rem 0 .2rem}
.vehicle-card p{font-size:.83rem;color:var(--dark-steel)}
.vehicle-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-top:1px solid var(--line);padding-top:1rem;font-size:.77rem;text-transform:uppercase;font-weight:700}
.vehicle-card-bottom strong{font-size:1rem}
.empty-state{border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.75rem 2rem;background:transparent}
.empty-mark{display:none}
.empty-state h2,.empty-state h3{font-size:clamp(1.8rem,2.6vw,2.6rem);margin:0 0 .35rem}
.empty-state p{margin:0;font-size:.88rem;color:var(--dark-steel);overflow-wrap:anywhere}
.about{border-bottom:1px solid var(--line);padding-block:2rem}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.about-grid h2{margin:.5rem 0 0}
.about-grid p{max-width:640px;font-size:1.125rem;line-height:1.5;margin-bottom:1rem}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.project-card{border-top:3px solid var(--ink);padding-top:.7rem}
.project-card img{aspect-ratio:1.5;width:100%;object-fit:cover}
.project-card h2,.project-card h3{font-size:2rem;margin:.9rem 0}
.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,5vw,4rem)}
.faq{padding-block:1.125rem}
.faq h2{margin:.5rem 0}
.faq-list{border-top:2px solid var(--ink)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-weight:600;list-style:none;min-height:56px;padding:.8rem 0;display:grid;grid-template-columns:1fr 24px;gap:1.5rem;align-items:center;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--deep-red)}
.faq-icon{width:24px;height:24px;position:relative}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;inset:11px 5px auto;height:1.5px;background:currentColor}
.faq-icon::after{transform:rotate(90deg);transition:transform .15s ease}
.faq-list details[open] .faq-icon::after{transform:rotate(0deg)}
.faq-list details[open] summary{color:var(--ink)}
.faq-list p{margin:0 2.5rem 1rem 0;max-width:760px;color:var(--dark-steel);font-size:.9375rem;line-height:1.6}
.contact-band{background:radial-gradient(ellipse at 70% 40%,#101010,var(--ink));color:var(--chrome);padding:1.75rem 0;border-bottom:1px solid rgba(244,243,239,.15)}
.contact-band-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.contact-band h2{margin:.3rem 0 .15rem}
.contact-band p{margin:0;color:var(--steel)}
.site-footer{background:var(--ink);color:var(--chrome);padding:1.5rem 0 1rem}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem}
.footer-wordmark{font:400 3rem/1.15 var(--font-display);color:var(--chrome)}
.site-footer p{font-size:.875rem;max-width:450px;color:var(--steel);margin:.45rem 0}
.site-footer h2{font:400 1.1rem/1.3 var(--font-display);margin:0 0 .3rem}
.site-footer a{display:flex;align-items:center;min-height:30px;font-size:.875rem;color:var(--steel);margin:0;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid rgba(244,243,239,.25);margin-top:1rem;padding-top:.6rem;font-size:.8125rem;color:var(--steel)}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;margin:0}
.interior{min-height:60vh;padding:var(--section-space) 0}
.page-intro{max-width:900px;margin-bottom:2.5rem}
.page-intro h1{margin:.45rem 0 .6rem}
.page-intro p{font-size:1.04rem;color:var(--dark-steel);max-width:720px}
.page-subtitle{font-size:.8rem!important;text-transform:uppercase;letter-spacing:.12em}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,5rem)}
.content-layout:not(:has(.action-panel)){grid-template-columns:minmax(0,860px)}
.entry-content,.prose{max-width:760px;font-size:1.02rem;line-height:1.75}
.garage-page .content-layout{display:block}
.garage-page .entry-content{max-width:none}
.garage-page .page-intro{margin-bottom:1.5rem}
.garage-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:0 0 2rem}
.garage-photos figure{margin:0;min-width:0}
.garage-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line)}
.garage-photos figcaption{font-size:.875rem;color:var(--dark-steel);margin-top:.5rem}
.garage-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,5rem);border-block:1px solid var(--line);padding-block:2rem;margin-bottom:2rem}
.garage-story section h2{margin:.5rem 0 .8rem}
.garage-page .entry-content>p{max-width:75ch}
.garage-story p:last-child{margin-bottom:0}
@media(min-width:901px){.vehicle-grid:has(>.vehicle-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.garage-photos,.garage-story{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}.garage-story{padding-block:1.5rem}.garage-page .page-intro{margin-bottom:1.25rem}}
.prose{margin-bottom:2rem}
.entry-content h2,.prose h2{margin:2.5rem 0 .7rem;font-size:clamp(2rem,3vw,2.7rem)}
.prose h2:first-child{margin-top:0}
.entry-content h2:first-child{margin-top:0}
.entry-content h3,.prose h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:1.6rem 0 .5rem}
.entry-content p{margin-bottom:1.25rem}
.entry-content a,.prose a{color:var(--deep-red);text-decoration:underline;text-underline-offset:.2em}
.action-panel{align-self:start;background:var(--ink);color:var(--chrome);padding:1.6rem}
.panel-index{font-size:.75rem;letter-spacing:.1em;color:var(--red)}
.action-panel h2{font-size:2.35rem;margin:1.25rem 0 .7rem}
.action-panel p{font-size:.86rem;color:var(--steel)}
.breadcrumb{font-size:.78rem;margin-bottom:2rem;color:var(--dark-steel)}
.breadcrumb a{text-decoration:underline}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.breadcrumb li+li::before{content:"/";margin-right:.5rem}
.entry-content,.contact-details{overflow-wrap:anywhere}
.pagination{flex-wrap:wrap}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:clamp(2rem,5vw,5rem)}
.contact-form-panel{border-top:3px solid var(--ink);padding-top:1.4rem}
.contact-form-panel h2,.contact-details h2{font-size:2.65rem}
.contact-details{border:1px solid var(--line);padding:1.5rem;align-self:start}
.contact-details p{font-size:.9375rem}
.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}
.contact-layout-direct{grid-template-columns:1fr;gap:2rem}
.contact-layout-direct .contact-form-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2rem}
.contact-layout-direct .contact-form-panel h2{grid-column:1;margin-bottom:.75rem}
.contact-layout-direct .notice-box{grid-column:1;margin-bottom:0}
.contact-layout-direct .contact-actions{grid-column:2;grid-row:1/3;align-self:center}
.contact-layout-direct .contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 3rem}
.contact-layout-direct .contact-details h2,.contact-layout-direct .privacy-note{grid-column:1/-1;margin:0}
.contact-layout-direct .contact-details p{margin:0}
.contact-details strong{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em}
.contact-details a{text-decoration:underline}
.privacy-note{border-top:1px solid var(--line);padding-top:1rem;color:var(--dark-steel)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{margin-bottom:1.1rem}
.field label{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:700}
.field input,.field select,.field textarea{width:100%;min-height:48px;background:#fff;color:var(--ink);border:1px solid var(--dark-steel);border-radius:0;padding:.65rem .7rem}
.field textarea{min-height:135px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--deep-red)}
.form-note,.small-note{font-size:.8125rem;color:var(--dark-steel)}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-message,.notice-box{border-left:4px solid var(--deep-red);background:#fff;padding:1rem;margin-bottom:1.3rem;font-size:.86rem}
.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:.8rem;border:1px solid var(--line);border-top:3px solid var(--ink);padding:1.2rem}
.filter-bar .field{margin:0}
.filter-bar .button{margin-bottom:0}
.result-count{font-size:.82rem;font-weight:700;margin:1.3rem 0}
.pagination{display:flex;gap:.45rem;margin-top:2rem}
.pagination .page-numbers{border:1px solid var(--line);padding:.5rem .85rem}
.pagination .current{background:var(--ink);color:var(--chrome)}
.vehicle-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.vehicle-detail-heading h1{margin:.4rem 0 .7rem}
.status-line{display:flex;align-items:center;gap:1rem;font-size:.75rem}
.detail-price{font-size:1.5rem;white-space:nowrap}
.vehicle-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:2rem}
.gallery-main{background:#fff;aspect-ratio:1.5;display:grid;place-items:center;overflow:hidden}
.gallery-main img{width:100%;height:100%;object-fit:contain}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:.7rem 0}
.gallery-controls button{background:var(--ink);color:var(--chrome);border:0;width:44px;height:44px}
.gallery-count{font-size:.78rem;font-weight:700}
.gallery-thumbs{display:flex;gap:.6rem;overflow-x:auto}
.gallery-thumb{border:2px solid transparent;background:#fff;padding:0;flex:none}
.gallery-thumb[aria-current=true]{border-color:var(--deep-red)}
.gallery-thumb img{width:88px;height:70px;object-fit:cover}
.gallery-empty{min-height:300px;display:grid;place-items:center;background:rgba(10,10,10,.08)}
.vehicle-facts{border-top:3px solid var(--ink);padding-top:1rem}
.vehicle-facts h2{font-size:2.2rem}
.vehicle-facts dl{margin:0 0 1.5rem}
.vehicle-facts dl div{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--line);padding:.6rem 0;font-size:.81rem}
.vehicle-facts dt{color:var(--dark-steel)}
.vehicle-facts dd{text-align:right;font-weight:700;margin:0}
.engine-mileage-note{font-size:.9375rem;line-height:1.55;color:var(--dark-steel);margin:0 0 1.25rem}
.vehicle-description{margin-top:3.5rem}
.vehicle-search{margin-top:2.5rem;border-left:3px solid var(--deep-red);padding-left:1.5rem}
.alternatives{margin-top:4rem}
.alternatives h2{margin-bottom:1.5rem}
.error-page{min-height:45vh}
.error-page h1{margin:.5rem 0}

.menu-bars{display:grid;gap:5px;width:30px}
.menu-bars i{display:block;height:2px;background:currentColor}
.hero h1>span{display:block}
.hero h1>span:last-child{white-space:nowrap}
.hero-art img{width:100%;height:auto;filter:drop-shadow(0 0 1px #a3a3a3)}
.hero-actions .button{min-width:240px}
.service-icon{display:block;width:56px;height:56px;flex:none;overflow:visible}
.text-link-red{color:var(--deep-red)}
.stock-empty{grid-template-columns:56px minmax(0,1fr) auto;gap:2rem}
.stock-empty h3{font:600 clamp(1.1rem,1.9vw,1.65rem)/1.35 var(--font-body);text-transform:none;letter-spacing:0;margin:0 0 .3rem}
.stock-empty p{font-size:1rem}
.footer-wordmark span{color:var(--red)}
.footer-grid>div+div{border-left:1px solid rgba(244,243,239,.25);padding-left:3rem}
.footer-legal{display:flex;gap:1.25rem;flex-wrap:wrap}
.footer-legal a+a{position:relative}
.footer-legal a+a::before{content:"";height:1em;width:1px;background:var(--steel);position:absolute;left:-.65rem}

@media(min-width:1201px){.hero:lang(en) h1{font-size:clamp(3.5rem,6.4vw,6.15rem)}}
@media(max-width:1200px){
  .brand-copy small{display:none}
  .site-nav{gap:1rem;font-size:.875rem}
  .site-nav .nav-contact{padding:.9rem 1rem}
  .hero-grid{width:90%;grid-template-columns:1.4fr 1fr}
  .hero h1{font-size:clamp(3.25rem,6.7vw,5.2rem)}
  .hero-actions{gap:.75rem}
  .hero-actions .button{min-width:0}
  .service-card{padding-inline:1.1rem}
  .service-card h3{font-size:clamp(1.35rem,2.15vw,1.8rem)}
  .service-card p{font-size:1rem}
}
@media(max-width:900px){
  .site-footer a{min-height:44px;min-width:44px}
  .breadcrumb a,.entry-content a,.prose a,.contact-details a,.privacy-note a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  .header-inner{min-height:72px}
  .brand-image{width:44px;height:44px}
  .brand-copy strong{font-size:1.8rem}
  .menu-toggle{display:flex}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:1rem 5%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid rgba(244,243,239,.2);box-shadow:0 20px 30px rgba(0,0,0,.25);font:600 1rem/1.5 var(--font-body)}
  .site-nav.is-open{display:flex}
  .site-nav a{min-height:48px;padding:.75rem;border-bottom:1px solid rgba(244,243,239,.13)}
  .site-nav .nav-contact{margin-top:.6rem;justify-content:center}
  .site-nav .lang-link{align-self:start;margin-top:.7rem}
  .hero-grid{display:block;padding-block:2rem}
  .hero-art{display:none}
  .hero h1{font-size:clamp(3rem,8.8vw,5rem)}
  .hero-lead{font-size:1.125rem;max-width:640px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2rem}
  .service-card:nth-child(3){border:0;padding-left:0}
  .service-card h3{font-size:1.9rem}
  .stock-empty{grid-template-columns:48px minmax(0,1fr)}
  .stock-empty .button{grid-column:2;justify-self:start}
  .content-layout,.contact-layout{grid-template-columns:1fr}
  .contact-layout-direct .contact-form-panel{display:block}
  .contact-layout-direct .contact-actions{margin-bottom:0}
  .action-panel{max-width:600px}
  .filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-grid{gap:1.5rem}
  .footer-grid>div+div{padding-left:1.5rem}
  html:not(.bskl-js) .header-inner{flex-wrap:wrap}
  html:not(.bskl-js) .menu-toggle{display:none}
  html:not(.bskl-js) .site-nav{display:flex;position:static;flex-basis:100%;box-shadow:none}
}
@media(max-width:700px){
  .header-inner{min-height:56px}
  .wrap,.hero-grid{width:82%}
  .hero-grid{padding-block:.5rem}
  .hero .eyebrow{margin:0}
  .hero h1{font-size:clamp(2.9rem,13.3vw,5.3rem);line-height:1.02;margin:.25rem 0 .5rem}
  .hero h1>span:last-child{white-space:normal}
  .hero-last-word{display:block}
  .hero-lead{font-size:1rem;line-height:1.4;margin-bottom:.5rem}
  .hero-actions{flex-direction:column;gap:.375rem}
  .hero-actions .button{width:100%;min-height:44px;padding:.7rem 1rem;font-size:.875rem}
  .hero-caption{font-size:.875rem;line-height:1.4;margin-top:.375rem}
  .eyebrow{font-size:.8125rem}
  h2{font-size:clamp(1.8rem,7.5vw,3rem)}
  .services,.stock,.about,.projects,.faq{padding-block:1.5rem}
  .services{padding-top:.75rem}
  .section-heading{align-items:start;flex-direction:column;gap:.5rem;margin-bottom:.25rem}
  .services-title>span{display:block}
  .section-heading p{max-width:500px;font-size:1rem}
  .services-grid{grid-template-columns:1fr;row-gap:0}
  .service-card,.service-card:first-child,.service-card:nth-child(3){display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:1rem;border:0;border-bottom:1px solid var(--line);padding:.625rem 0;min-height:44px}
  .service-card:last-child{border-bottom:0}
  .service-card .service-icon{grid-column:1;grid-row:1/5;width:44px;height:44px;margin-top:.5rem}
  .service-number{grid-column:2;margin:0}
  .service-card h3{grid-column:2;font-size:clamp(1.25rem,5.8vw,2rem);margin:0 0 .25rem;line-height:1.15}
  .service-card p{grid-column:2;font-size:1rem;line-height:1.4;margin-bottom:0}
  .service-discover{grid-column:2;font-size:.875rem;min-height:24px}
  .vehicle-grid,.project-grid,.about-grid,.faq-grid,.vehicle-detail-grid{grid-template-columns:1fr;gap:1.5rem}
  .empty-state{grid-template-columns:1fr;padding:1.25rem}
  .stock-empty{grid-template-columns:44px minmax(0,1fr);gap:1rem}
  .stock-empty .service-icon{width:44px;height:44px}
  .stock-empty .button{grid-column:1/-1;width:100%}
  .stock,.about,.faq{padding-block:1rem}
  .stock .section-heading{gap:0;margin-bottom:.5rem}
  .stock-empty{padding:.75rem;gap:.75rem}
  .stock-empty .button{min-height:44px;padding:.7rem 1rem}
  .about-grid,.faq-grid{gap:.5rem}
  .about-grid h2{margin-top:.25rem}
  .about-grid p{font-size:1rem;margin-bottom:.25rem}
  .faq h2{margin:.25rem 0}
  .faq-list summary{min-height:44px;padding:.5rem 0;gap:1rem;font-size:1rem}
  .faq-list p{margin-right:0;margin-bottom:.5rem;font-size:1rem}
  .contact-band-inner{align-items:start;flex-direction:column;gap:1rem}
  .contact-band .button{width:100%}
  .contact-band p{font-size:1rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid>div+div{padding-left:0;border-left:0}
  .site-footer a{min-height:44px;min-width:44px;font-size:.9375rem}
  .footer-bottom{align-items:start;flex-direction:column;gap:0}
  .footer-legal{gap:1.25rem}
  .footer-bottom a{font-size:.875rem}
  .filter-bar{grid-template-columns:1fr 1fr}
  .vehicle-detail-heading{align-items:start;flex-direction:column;gap:0}
  .form-grid,.contact-layout-direct .contact-details{grid-template-columns:1fr}
  .page-intro{margin-bottom:1.5rem}
  .breadcrumb{margin-bottom:1.25rem}
  .entry-content h2,.prose h2{margin-top:1.75rem}
  .entry-content h2:first-child,.prose h2:first-child{margin-top:0}
  .contact-details{padding:1.25rem}
  .contact-actions .button{width:100%}
  .pagination .page-numbers{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:480px){.filter-bar{grid-template-columns:1fr}.empty-state .button{width:100%}.vehicle-search{padding-left:1rem}}
@media(max-width:320px){.wrap,.hero-grid{width:88%}.brand-copy{display:none}.hero h1{font-size:2.6rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
