/* EV Hub NG, option 2: light gallery. Loaded after style.css + contact.css (option2 pages only, see look.js). */
@font-face{font-family:'EV Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif.woff2) format('woff2')}
@font-face{font-family:'EV Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic.woff2) format('woff2')}
@font-face{font-family:'EV Inter Tight';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/inter-tight.woff2) format('woff2')}
:root{--bg:#F5F1EA;--bg2:#EDE7DC;--paper:#FBF9F5;--ink:#1C1B18;--fg:#1C1B18;--mute:#5E594F;--mut2:#7A746A;--silver:#1C1B18;--silver2:#7A746A;--line:#D9D2C5;--rule:#D9D2C5;--green:#1F4D3A;
 --serif:'EV Instrument Serif','Instrument Serif',Georgia,serif;--sans:'EV Inter Tight','Inter Tight',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans)}
::selection{background:var(--green);color:var(--bg)}
.wrap{width:min(1312px,calc(100vw - 128px))}
@media(max-width:760px){.wrap{width:calc(100vw - 40px)}}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.02}
h1{font-size:clamp(2.75rem,5.4vw,5.1rem)}
h2{font-size:clamp(2rem,3.4vw,3rem)}
h3{font-size:clamp(1.45rem,2vw,1.75rem)}
h1 i,h1 em,h2 i,h2 em{font-style:italic;color:var(--green)}
.eyebrow{font:500 .75rem/1.3 var(--sans);letter-spacing:.12em;color:var(--mut2)}
.lead{font-size:1rem;line-height:1.6;color:#4a463f;font-weight:400;max-width:44ch}
.silver{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
a{text-underline-offset:3px}
.pad{padding:clamp(64px,8vw,112px) 0}
/* top bar + masthead */
.o2-top{display:flex;justify-content:space-between;gap:16px;font:400 12px/1.4 var(--sans);letter-spacing:.02em;color:var(--mut2);padding:12px 64px;border-bottom:1px solid var(--rule);background:var(--bg)}
.nav{position:sticky;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 64px;background:var(--bg);border-bottom:1px solid var(--ink);backdrop-filter:none}
.nav.scrolled{background:rgba(245,241,234,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink)}
.nav .brand{grid-column:2;grid-row:1;justify-self:center;gap:12px;color:var(--ink)}
.nav ul{grid-column:1;grid-row:1;gap:30px;font-size:14px;letter-spacing:0;color:var(--ink)}
.nav ul a{border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .25s}.nav ul a:hover{color:var(--ink);border-color:var(--ink)}
.nav>.btn{grid-column:3;grid-row:1;justify-self:end;background:none!important;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0;padding:0 0 2px!important;min-height:0;font:500 14px var(--sans);color:var(--ink)}
.nav>.btn::after{display:none}
.nav .brand img:not(.wm){width:44px;height:44px;border-radius:50%}
.brand .wm{filter:brightness(0) saturate(100%) invert(9%) sepia(6%) saturate(600%) hue-rotate(10deg);height:20px;width:auto}
footer .brand .wm{height:18px}
@media(max-width:1020px){.nav ul li:nth-child(n+4){display:none}}
@media(max-width:860px){.nav{grid-template-columns:auto 1fr;padding:14px 20px}.nav .brand{grid-column:1;justify-self:start}.nav>.btn{grid-column:2}.o2-top{padding:10px 20px}.o2-top span+span{display:none}}
@media(max-width:700px){.nav .brand img:not(.wm){width:40px;height:40px}.brand .wm{height:18px}}
/* buttons: square ink + underlined text link */
.btn{border-radius:0;padding:16px 26px;min-height:50px;font:500 14px var(--sans);letter-spacing:0;transform:none!important}
.btn-primary{background:var(--ink);color:var(--bg)}
.btn-primary::after{display:none}
.btn-primary:hover{background:var(--green)}
.btn-ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn:active{transform:scale(.98)!important}
/* hero */
.hero{min-height:0;display:block;padding:64px 0 56px;background:none;overflow:visible}
.hero .floor{display:none}
.o2-hero{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end}
.hero-copy{max-width:none!important}
.hero-copy h1{margin:26px 0 28px}
.hero-copy .lead{margin-bottom:34px;color:#4a463f}
.o2-plate{margin:0}
.o2-plate img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:#0d0e10}
.o2-plate figcaption,.o2-cap{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);margin-top:14px;padding-top:12px;font-size:13px;color:var(--mut2)}
.o2-plate figcaption b{font-weight:500;color:var(--ink)}
@media(max-width:860px){.hero{padding:34px 0 40px}.o2-hero{grid-template-columns:1fr;gap:30px}.hero-copy h1{margin:16px 0 18px;font-size:2.75rem}}
/* intro + pinned sequence, as gallery plates */
.reveal-intro{padding:72px 0 40px;text-align:left;border-top:1px solid var(--ink)}
.reveal-intro .wrap{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end}
.reveal-intro h2{max-width:18ch;margin:14px 0 0}
.reveal-intro .lead{margin:0;max-width:52ch}
@media(max-width:860px){.reveal-intro{padding:48px 0 28px}.reveal-intro .wrap{grid-template-columns:1fr;gap:18px}}
.pin-sticky{background:var(--bg)}
.pin-panel{padding:120px 64px 70px}
.pin-panel .txt{max-width:440px}
.pin-panel .eyebrow{color:var(--green)}
.pin-panel h3{font-size:clamp(2.4rem,4.4vw,4rem)}
.pin-panel p{color:var(--mute)}
.pin-panel .vis{background:var(--bg2);border:1px solid var(--rule);padding:4%}
.stage::before{background:radial-gradient(ellipse at center,rgba(60,50,35,.28),transparent 70%)}
img.car{filter:drop-shadow(0 18px 14px rgba(40,32,20,.28))!important}
.shine::after{display:none}
.stat b{font-family:var(--serif);font-weight:400;color:var(--ink)}
.stat span{color:var(--mut2);letter-spacing:.1em}
.pin-progress i{background:var(--rule)}.pin-progress i.on{background:var(--green)}
.pin-count{color:var(--mut2);letter-spacing:.14em}
@media(max-width:700px){.pin.stacked .pin-panel{padding:28px 20px;border-top:1px solid var(--rule)}.pin-panel .vis{width:100%!important}}
/* collection grid: numbered plates */
#collection{border-top:1px solid var(--ink);padding-top:22px}
.grid-head{align-items:baseline;margin-bottom:28px}
.grid-head h2{margin-top:6px!important}
.grid{counter-reset:plate;gap:0!important;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
.card{counter-increment:plate;background:none;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0!important;padding:22px 22px 30px;overflow:visible;transform:none!important}
.card:hover{border-color:var(--rule)}
.card::before{content:counter(plate,decimal-leading-zero);display:block;font:400 12px var(--sans);color:var(--mut2);margin-bottom:14px}
.card .stage,.card .stage[class]{aspect-ratio:4/3;background:var(--bg2);padding:7%;border-radius:0}
.card .stage img.car{transition:transform .8s var(--ease)}
.card:hover .stage img.car{transform:scale(1.04)}
.card .body{padding:16px 0 0}
.card .eyebrow{font-size:11px}
.card h3{font-size:1.75rem;margin-top:8px!important}
.card p.l{color:var(--mute);font-size:.92rem}
.card .meta{border-top:1px solid var(--rule);margin-top:14px;padding-top:12px;font-size:13px}
.card .price{font:500 13px var(--sans);color:var(--green)}
.card .link{font-size:13px;letter-spacing:0;color:var(--ink);border-bottom:1px solid var(--ink)}
.card .body::after{content:"Plate " counter(plate,decimal-leading-zero);display:block;margin-top:10px;font-size:12px;color:var(--mut2)}
@media(min-width:861px){.grid .card:nth-child(3n){border-right:0}.grid .card:nth-child(3n+1){padding-left:0}.grid .card:nth-child(3n){padding-right:0}}
@media(max-width:860px){.grid{grid-template-columns:1fr 1fr!important}.grid .card{padding:16px 10px 22px}.grid .card:nth-child(odd){padding-left:0}.grid .card:nth-child(even){border-right:0;padding-right:0}}
@media(max-width:700px){.card .body{padding:12px 0 0}.card h3{font-size:1.3rem}.card .meta{margin-top:8px;padding-top:8px}.card .price{font-size:12px}.card .link{font-size:12px}.card .body::after{font-size:11px}}
/* instalments, plans, forms */
#instalments,#calc{background:var(--bg2)!important;border-top:1px solid var(--ink)}
.plan{border:0;border-top:1px solid var(--ink);border-radius:0;background:none;padding:24px 0 0}
.plan b{font-family:var(--serif);font-weight:400;color:var(--green);font-size:4.4rem}
.plan span{color:var(--mute);letter-spacing:.06em;font-size:.8rem}
#quote{border-top:1px solid var(--ink)}
.panel{background:var(--paper);border:1px solid var(--rule);border-radius:0}
label{color:var(--mut2);letter-spacing:.1em;font-size:.72rem}
input,select,textarea{background:var(--bg);border:1px solid var(--rule);border-radius:0;color:var(--ink);font:400 1rem var(--sans)}
input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:0}
select{appearance:auto}
.ok{color:var(--green);font-weight:500}
.note,.consent{color:var(--mut2)}
.consent a,.wa-plain,.foot-link,.faq-a a,.legal a,.lead a{color:var(--ink);text-decoration:underline}
.seg button{border-radius:0;border:1px solid var(--ink);color:var(--ink);font:500 .92rem var(--sans)}
.seg button.on{background:var(--ink);color:var(--bg)}
.calc table{width:100%;border-collapse:collapse;margin-top:6px}.calc td{padding:10px 0;border-bottom:1px solid var(--rule)}.calc td+td{text-align:right;font-family:var(--serif);font-size:1.3rem}
/* FAQ, showroom, contact */
#faq{border-top:1px solid var(--ink);padding-top:clamp(64px,8vw,112px)!important}
#showroom{border-top:1px solid var(--ink);padding-top:clamp(64px,8vw,112px)!important}
.faq{border-top:1px solid var(--ink)}
.faq-item{border-bottom:1px solid var(--rule)}
.faq-q{color:var(--ink);font:400 clamp(1.25rem,1.8vw,1.55rem)/1.3 var(--serif)}
.faq-ic:before,.faq-ic:after{background:var(--ink);height:1px}
.faq-a p{color:var(--mute);font-weight:400}
.faq-q:focus-visible,.cicon:focus-visible,.cmenu a:focus-visible,.cmenu button:focus-visible{outline-color:var(--green)}
.lead strong{font-weight:500;color:var(--ink);font-family:var(--serif);font-size:1.5rem}
.smap{border-radius:0;border-color:var(--rule);background:var(--bg2)}
.smap iframe{filter:grayscale(.35) sepia(.12)}
.map{border-radius:0;border-color:var(--rule);filter:grayscale(.35) sepia(.12)}
.map-ph{background:var(--bg2);color:var(--ink);font:500 14px var(--sans)}
.cicon{border-radius:0;border:1px solid var(--ink);background:none;color:var(--ink)}
.cicon:hover,.cicon[aria-expanded="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cmenu{background:var(--paper);border:1px solid var(--ink);border-radius:0;box-shadow:0 18px 40px rgba(28,27,24,.14)}
.cmenu .addr{color:var(--mut2)}
.cmenu a,.cmenu button{color:var(--ink);border-radius:0;font:500 .92rem var(--sans)}
.cmenu a:hover,.cmenu button:hover,.cmenu a:focus,.cmenu button:focus{background:var(--bg2)}
.cmenu hr{border-top-color:var(--rule)}
/* footer */
footer{border-top:1px solid var(--ink);color:var(--mut2);font-size:13px;padding:40px 0 110px}
footer .foot-link{color:var(--ink)}
/* whatsapp pill */
.wa{width:auto;height:auto;border-radius:40px;padding:13px 18px 13px 14px;gap:10px;display:flex;align-items:center;font:600 14px var(--sans);box-shadow:0 6px 20px rgba(0,0,0,.15);right:24px;bottom:24px}
.wa svg{width:22px;height:22px}
.wa span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
@media(max-width:760px){.wa{padding:14px}.wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wa svg{width:28px;height:28px}}
/* car page */
.car-hero{min-height:0;padding:56px 0 48px;background:none}
.car-hero.has-studio{gap:34px}
.car-hero picture.studio{width:min(1312px,calc(100vw - 128px));border-radius:0;border:0;background:#0d0e10}
.car-hero .stage{background:var(--bg2);border:0}
.car-hero .copy{border-top:1px solid var(--ink);padding-top:26px;align-items:end}
.car-hero h1{font-size:clamp(2.75rem,6vw,5.4rem)}
.car-hero .illus{color:var(--mut2);font-size:12px;opacity:1}
.tag{border-radius:0;border:0;padding:0;color:var(--green);letter-spacing:.12em;font-size:.72rem;font-weight:500}
.specs{border-top:1px solid var(--ink)}
.spec{border-bottom:1px solid var(--rule)}
.spec dt{color:var(--mut2);letter-spacing:.1em;font-size:.72rem}
.spec dd{font-family:var(--serif);font-weight:400;font-size:1.6rem}
.feats{border-top:1px solid var(--ink)}
.featlist li{border-top:1px solid var(--rule)}
.featlist li:before{background:var(--green);border-radius:0;width:7px;height:7px}
.hl{color:var(--ink)}.hl li::before{background:var(--green)}
@media(max-width:860px){.car-hero picture.studio{width:calc(100vw - 40px);max-width:none}.car-hero{padding:28px 0 36px}}
/* compare, legal, 404 */
.cmp .panel{border-radius:0}
.cmp .stage[style]{background:var(--bg2)!important;border-radius:0!important}
.cmp td{border-bottom-color:var(--rule)}
.cmp td:first-child{color:var(--mut2)}
@media(max-width:700px){.cmp tr{border-bottom-color:var(--rule)}}
.legal p{color:var(--mute);font-weight:400}
.legal h2{font-size:1.75rem}
.nf{min-height:70vh;padding:80px 0 60px}
.nf .eyebrow{font:400 clamp(5rem,14vw,10rem)/1 var(--serif);letter-spacing:0;color:var(--green);font-style:italic}
.rv{transform:translateY(18px)}
.card-photo .stage,.card-photo .stage[class]{padding:0!important;background:#0d0e10}
.card-photo .stage::before{display:none}
.card-photo .stage img.car{object-fit:cover!important;filter:none!important}
.hero .btns .btn-ghost{border:0;border-bottom:1px solid var(--ink);padding:0 0 3px;min-height:0;background:none;align-self:center}
.hero .btns .btn-ghost:hover{background:none;color:var(--green);border-color:var(--green)}
.hero .btns{gap:26px;align-items:center}
section.pad[style*="padding-top:140px"],main.pad[style*="padding-top:140px"]{padding-top:64px!important}
.reveal-intro .wrap{row-gap:0}.reveal-intro .eyebrow{grid-column:1;grid-row:1}.reveal-intro h2{grid-column:1;grid-row:2}.reveal-intro .lead{grid-column:2;grid-row:2;align-self:end}
@media(max-width:860px){.reveal-intro .wrap>*{grid-column:1!important;grid-row:auto!important}.reveal-intro .lead{margin-top:14px}}
.car-hero.has-studio .copy,.car-hero .copy{order:-1;border-top:0;padding-top:0}
.car-hero picture.studio{order:0}
.car-hero .illus{order:1;text-align:left!important;margin:-22px auto 0!important;width:min(1312px,calc(100vw - 128px));border-top:1px solid var(--rule);padding-top:10px}
@media(max-width:860px){.car-hero .illus{width:calc(100vw - 40px)}}
.o2-plate figcaption{flex-wrap:wrap}.o2-plate figcaption span:last-child{white-space:nowrap}