/* Site-wide additions: footer, WhatsApp, trust strip, factory sections, FAQ, model pages. */
:root{--wy-ink:#151616;--wy-ink-2:#71746d;--wy-line:#d2d3cc;--wy-soft:#eeede7;--wy-orange:#f56819;--wy-orange-deep:#bd430b}

/* ---------- footer ---------- */
.site-footer{margin-top:clamp(56px,7vw,96px);background:#151616;color:#d9dad4;font-size:14px;line-height:1.7}
.sf-inner{max-width:1584px;margin:auto;padding:clamp(48px,6vw,80px) clamp(24px,5vw,72px) 28px}
.sf-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px)}
.sf-brand .sf-word{font-family:'Arial Black',Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.8px;color:#fff}
.sf-brand p{margin:14px 0 0;max-width:34ch;color:#a9aca3}
.sf-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.sf-badges span{border:1px solid #3b3d39;padding:6px 12px;font-size:12px;letter-spacing:.12em;color:#fff}
.sf-col h2{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#8d9088}
.sf-col a,.sf-col address{display:block;color:#d9dad4;font-style:normal;padding:5px 0}
.sf-col a:hover{color:#fff}
.sf-col a:focus-visible{outline-color:#ff9460}
.sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid #31332f;font-size:12px;color:#8d9088}
@media(max-width:900px){.sf-top{grid-template-columns:1fr 1fr}.sf-brand{grid-column:1/-1}.sf-inner{padding-bottom:96px}}
@media(max-width:520px){.sf-top{grid-template-columns:1fr}.sf-col a{padding:9px 0}}

/* ---------- language switcher (EN / ES / FR) ---------- */
.lang-switch{display:flex;align-items:center;gap:12px;margin-left:40px;font-size:13px;letter-spacing:.08em}
.lang-switch a{display:inline-flex;align-items:center;min-height:44px;color:#71746d}
.lang-switch a:hover{color:#d94d09}
.lang-switch a[aria-current]{color:#151616;text-decoration:underline;text-decoration-color:#f56819;text-underline-offset:6px}
.header .lang-switch+.contact-link{margin-left:32px}
@media(max-width:1000px){.lang-switch{margin-left:24px;gap:10px}.header .lang-switch+.contact-link{margin-left:20px}}
@media(max-width:800px){.lang-switch{margin-left:auto}.header .lang-switch+.contact-link{margin-left:16px}}

/* ---------- WhatsApp ---------- */
.wa-float{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:50;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:999px;background:#1f8f4e;color:#fff;font-size:14px;font-weight:500;box-shadow:0 10px 28px rgba(21,22,22,.22);transition:transform .2s,background .2s}
.wa-float:hover{background:#187a41;transform:translateY(-2px)}
.wa-float svg{width:22px;height:22px;flex:none}
.dialog-open .wa-float{display:none}
/* On the homepage the button waits until the visitor scrolls past the first screen, so it never covers the hero links. */
.editorial-home .wa-float{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}
.editorial-home.scrolled .wa-float{opacity:1;visibility:visible;transform:none}
@media(max-width:520px){.wa-float{padding:0;width:54px;justify-content:center}.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

/* ---------- home: hero tabs (UTV / EA009 / E100-2Y / Unmanned / Recumbent) ---------- */
/* Each vehicle is sized by its visible outline, not its PNG canvas (measured from the alpha bounds):
   --ih  image-box height that gives the target visible height
   --dx  horizontal shift that centres the visible vehicle (canvases have uneven side padding)
   --dy  vertical shift that puts the wheels on the ground line --g (canvases have bottom padding)
   --shw ground-shadow width. All lengths are in --u: min(1vw,1.3vh,16px) on desktop (so headline,
   vehicle and model buttons fit a 1440x900 first screen), 1vw on phones.
   The stage keeps one height for every model, so switching never moves the page. */
.home .hx-stage{--u:min(1vw,1.3vh,16px);--ih:37.39;--dx:-1.91;--dy:-.81;--g:1;--shw:46%;position:relative;display:block;height:calc(var(--u)*38);padding-inline:0}
.home .hx-stage img{position:absolute;left:50%;bottom:0;height:calc(var(--u)*var(--ih));width:auto;max-width:none;margin:0;animation:none;transform:translate(calc(-50% + var(--u)*var(--dx)),calc(var(--u)*var(--dy)));transition:opacity .3s ease}
.home .hx-stage::after{left:calc(50% - var(--shw)/2);right:auto;width:var(--shw);bottom:calc(var(--u)*(var(--g) - 1.3));height:calc(var(--u)*2.6)}
.home .hx-stage[data-model="utv"]{--ih:37.39;--dx:-1.91;--dy:-.81;--g:1;--shw:46%}
.home .hx-stage[data-model="ea009"]{--ih:47.39;--dx:-.15;--dy:3.51;--g:1;--shw:28%}
.home .hx-stage[data-model="e1002y"]{--ih:37.31;--dx:0;--dy:-.84;--g:1;--shw:30%}
.home .hx-stage[data-model="unmanned"]{--ih:25.52;--dx:0;--dy:-5.7;--g:6;--shw:0%}
/* The chassis is shot in perspective (wheels at different heights), so it gets a shadow that follows its outline. */
.home .hx-stage[data-model="unmanned"] img{filter:drop-shadow(0 calc(var(--u)*1.4) calc(var(--u)*1.1) rgba(21,22,22,.2))}
.home .hx-stage[data-model="recumbent"]{--ih:36.34;--dx:-.87;--dy:-.49;--g:1;--shw:44%}
.home .hx-bar{grid-template-columns:auto minmax(0,1fr) auto}
.home .hx-bar .switch{flex-wrap:nowrap;gap:22px}
.home .hx-cap{text-align:center}
@media(max-width:1180px) and (min-width:861px){.home .hx-cap{display:none}.home .hx-bar .switch{gap:16px}}
@media(max-width:860px){
  .home .hx-bar{grid-template-columns:minmax(0,1fr)}
  .home .hx-bar .switch{flex-wrap:wrap;justify-content:center;gap:0 18px}
  .home .hx-bar .switch button{min-height:40px}
  .home .hx-stage{--u:1vw;height:calc(var(--u)*66);margin-top:6px}
  .home .hx-stage,.home .hx-stage[data-model="utv"]{--ih:64.67;--dx:-3.3;--dy:-.67;--g:1;--shw:62%}
  .home .hx-stage[data-model="ea009"]{--ih:88.3;--dx:-.28;--dy:7.4;--g:1;--shw:44%}
  .home .hx-stage[data-model="e1002y"]{--ih:66.55;--dx:0;--dy:-.72;--g:1;--shw:48%}
  .home .hx-stage[data-model="unmanned"]{--ih:29.46;--dx:0;--dy:-15.65;--g:16;--shw:0%}
  .home .hx-stage[data-model="recumbent"]{--ih:62.3;--dx:-1.49;--dy:-.13;--g:1;--shw:64%}
}

/* ---------- home: trust strip ---------- */
.trust{border-block:1px solid #deded9;background:#f8f7f3}
.trust .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 40px;padding-block:22px}
.trust-certs{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.trust-certs b{font-size:13px;font-weight:500;letter-spacing:.18em;padding:7px 12px;border:1px solid var(--wy-ink)}
.trust-certs span{font-size:14px;color:var(--wy-ink-2)}
.trust-facts{display:grid;grid-template-columns:repeat(4,auto);gap:0;color:var(--wy-ink-2)}
.trust-facts>div{display:flex;flex-direction:column;gap:4px;padding:0 clamp(16px,2.2vw,32px);border-left:1px solid #deded9}
.trust-facts>div:first-child{border-left:0;padding-left:0}
.trust-facts strong{color:var(--wy-ink);font-weight:500;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.trust-facts span{font-size:13px;line-height:1.35}
@media(max-width:860px){.trust .wrap{flex-direction:column;align-items:stretch;gap:20px;padding-block:24px}.trust-certs{gap:8px}.trust-certs b{font-size:12px;padding:6px 10px}.trust-certs span{flex-basis:100%;font-size:13px}.trust-facts{grid-template-columns:1fr 1fr;gap:18px 0}.trust-facts>div{padding:0 0 0 16px}.trust-facts>div:nth-child(odd){border-left:0;padding-left:0}}


/* ---------- home: finder rebuilt as category cards ---------- */
.fx2{padding-block:clamp(110px,13vw,210px) 0}
.fx2-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.fx2-head h2{font-size:clamp(3rem,7.4vw,7rem);line-height:.92}
.fx2-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:clamp(40px,5vw,72px)}
.fx2-card{display:flex;flex-direction:column;background:#efeee8;transition:background .25s}
.fx2-card:hover{background:#e8e6de}
.fx2-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:14%}
.fx2-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.fx2-card:hover .fx2-img img{transform:scale(1.06)}
.fx2-card.photo .fx2-img{padding:0;overflow:hidden}
.fx2-card.photo .fx2-img img{object-fit:cover;mix-blend-mode:normal}
.fx2-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 20px 20px;border-top:1px solid #deded9}
.fx2-meta b{display:block;font-weight:500;font-size:1.1rem;letter-spacing:-.02em}
.fx2-meta small{font-size:.85rem;color:var(--ink-2,#62665f)}
.fx2-meta .ar{font-size:1.2rem;transition:transform .25s}
.fx2-card:hover .ar{transform:translate(4px,-4px)}
@media(max-width:1100px){.fx2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fx2-card:first-child{grid-column:span 2}.fx2-card:first-child .fx2-img{aspect-ratio:2/1;padding:6% 18%}}
@media(max-width:860px){.fx2{padding-top:96px}.fx2-head h2{font-size:clamp(2.8rem,13vw,4rem)}.fx2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fx2-meta{padding:14px}}

/* ---------- home: stand-up EA009 feature ---------- */
.sx{margin-top:clamp(110px,13vw,210px);background:#efeee8;overflow:hidden}
.sx-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center;padding-block:clamp(56px,7vw,110px)}
.sx-fig{position:relative;margin:0;display:flex;justify-content:center;align-items:flex-end}
.sx-word{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:clamp(5rem,15vw,15rem);font-weight:300;letter-spacing:-.07em;line-height:1;color:var(--wy-orange);opacity:.16;white-space:nowrap;pointer-events:none}
.sx-fig img{position:relative;width:min(78%,520px);height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 30px 24px rgba(21,22,22,.12))}
.sx-copy{display:flex;flex-direction:column;gap:1.3rem;align-items:flex-start}
.sx-copy .eyebrow{color:var(--wy-orange-deep)}
.sx-copy h2{font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:.94}
.sx-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;width:100%;margin:.4rem 0 0;border-top:1px solid #c9ccc2}
.sx-specs div{padding:14px 0;border-bottom:1px solid #deded9}
.sx-specs dt{font-size:12px;color:var(--wy-ink-2);margin-bottom:4px}
.sx-specs dd{margin:0;font-size:16px;font-weight:500}
.sx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:.4rem}
.sx-film{display:flex;align-items:center;gap:12px;font-size:14px}
.sx-film img{width:56px;height:72px;object-fit:cover}
.sx-film:hover span{color:var(--wy-orange-deep)}
@media(max-width:860px){.sx{margin-top:96px}.sx-inner{grid-template-columns:minmax(0,1fr);padding-block:48px 56px}.sx-copy h2{font-size:clamp(2.8rem,13vw,3.8rem)}.sx-fig img{width:min(80%,360px)}}

/* ---------- home: custom build story (solar trike) ---------- */
.cx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(110px,13vw,210px)}
.cx-copy{display:flex;flex-direction:column;gap:1.3rem;align-items:flex-start}
.cx-copy h2{font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:.94}
.cx figure{margin:0}
.cx img{width:100%;height:auto;display:block}
.cx-side{grid-column:1/-1}
@media(max-width:860px){.cx{grid-template-columns:minmax(0,1fr);padding-top:96px}.cx-copy h2{font-size:clamp(2.8rem,13vw,3.8rem)}}

/* ---------- factory: feature photo above the gallery ---------- */
.factory-feature{margin:0 0 32px;max-width:800px}
.factory-feature img{width:100%;height:auto;display:block}
.factory-feature figcaption{font-size:13px;color:#71746d;margin-top:13px}

/* ---------- model pages: extra photos ---------- */
.model-photo{margin:0;max-width:900px}
.model-photo img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.model-photo figcaption{font-size:14px;color:var(--wy-ink-2);margin-top:12px}

/* ---------- factory: shared bits ---------- */
.factory-main .lead{max-width:720px;line-height:1.8;color:var(--wy-ink-2);margin:0}
.factory-facts.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.factory-facts.four{grid-template-columns:1fr 1fr}}
.factory-section{padding:70px 0;border-bottom:1px solid var(--wy-line)}
@media(max-width:700px){.factory-section{padding:45px 0}}

/* vehicle certifications */
.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
.cert-card{background:var(--wy-soft);padding:30px 28px 28px;display:flex;flex-direction:column;gap:10px}
.cert-card b{font-size:clamp(34px,3.6vw,52px);font-weight:500;letter-spacing:-1.5px;line-height:1}
.cert-card strong{font-size:15px;font-weight:500}
.cert-card p{margin:0;font-size:14px;line-height:1.7;color:var(--wy-ink-2)}
.cert-card small{margin-top:auto;padding-top:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--wy-orange-deep)}
@media(max-width:800px){.cert-grid{grid-template-columns:1fr}}

/* QC flow */
.qc-flow{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #a5a7a1}
.qc-flow li{position:relative;padding:26px 28px 6px 0}
.qc-flow li+li{padding-left:28px;border-left:1px solid #deded9}
.qc-flow b{display:block;font-size:30px;font-weight:500;letter-spacing:-.8px;color:var(--wy-orange-deep)}
.qc-flow strong{display:block;margin-top:6px;font-size:15px;font-weight:500}
.qc-flow p{margin:8px 0 0;font-size:14px;line-height:1.75;color:var(--wy-ink-2)}
.qc-third{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:34px;padding:22px 26px;background:var(--wy-soft);font-size:15px}
.qc-third span{font-size:12px;letter-spacing:.16em;color:var(--wy-ink-2)}
@media(max-width:900px){.qc-flow{grid-template-columns:1fr 1fr}.qc-flow li:nth-child(3){padding-left:0;border-left:0}.qc-flow li{border-top:1px solid #deded9}}
@media(max-width:520px){.qc-flow{grid-template-columns:1fr}.qc-flow li,.qc-flow li+li{padding-left:0;border-left:0}}

/* timeline */
.timeline{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.timeline li{position:relative;padding:34px 22px 0 0;border-top:2px solid #c9ccc2}
.timeline li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--wy-orange)}
.timeline b{display:block;font-size:28px;font-weight:500;letter-spacing:-.8px}
.timeline strong{display:block;margin-top:10px;font-size:15px;font-weight:500}
.timeline p{margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--wy-ink-2)}
@media(max-width:900px){.timeline{grid-template-columns:1fr;gap:0}.timeline li{border-top:0;border-left:2px solid #c9ccc2;padding:0 0 28px 26px}.timeline li::before{top:4px;left:-7px}}

/* global reach */
.reach{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:30px}
.reach-num{font-size:clamp(7rem,15vw,13rem);font-weight:300;letter-spacing:-.07em;line-height:.8;color:var(--wy-orange)}
.reach-num small{display:block;margin-top:18px;font-size:13px;letter-spacing:.24em;color:var(--wy-orange-deep);font-weight:500}
.reach-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #a5a7a1}
.reach-regions div{padding:18px 0;border-bottom:1px solid #deded9}
.reach-regions b{display:block;font-weight:500;font-size:17px}
.reach-regions span{font-size:13px;color:var(--wy-ink-2)}
@media(max-width:800px){.reach{grid-template-columns:1fr}.reach-regions{grid-template-columns:1fr}}

/* trade shows */
.shows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
.show{display:flex;flex-direction:column;background:var(--wy-soft)}
.show-img{aspect-ratio:1.6;background:#e3e2da;display:flex;align-items:center;justify-content:center;color:#9a9d93;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.show-img img{width:100%;height:100%;object-fit:cover}
.show-meta{padding:20px 22px 24px}
.show-meta b{display:block;font-size:19px;font-weight:500}
.show-meta span{font-size:13px;color:var(--wy-ink-2)}
@media(max-width:800px){.shows{grid-template-columns:1fr}}

/* ---------- partners: FAQ ---------- */
.faq{max-width:1180px;margin:0 auto;padding:clamp(56px,7vw,96px) 0 0}
.faq-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px);align-items:start}
.faq-head h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-1.6px;line-height:1.04;margin:10px 0 0}
.faq-head p{color:var(--wy-ink-2);line-height:1.7;margin:16px 0 0}
.faq-list{border-top:1px solid #a5a7a1}
.faq-list details{border-bottom:1px solid #deded9}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 0;font-size:17px;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:24px;font-weight:300;color:var(--wy-orange-deep);transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{margin:0 0 22px;max-width:62ch;font-size:15px;line-height:1.8;color:var(--wy-ink-2)}
.faq-list details p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.faq-head{grid-template-columns:1fr}.faq{padding-inline:0}}

/* ---------- static model pages ---------- */
.model-main{max-width:1280px;margin:auto;padding:0 clamp(24px,5vw,72px)}
.model-crumbs{padding-top:32px;font-size:13px;color:var(--wy-ink-2)}
.model-crumbs a{text-decoration:underline;text-underline-offset:3px}
.model-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:28px 0 56px;border-bottom:1px solid var(--wy-line)}
.model-hero img{width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply}
.model-hero h1{font-size:clamp(40px,5vw,72px)}
.model-hero p{font-size:17px;line-height:1.75;color:var(--wy-ink-2)}
.model-cta{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:26px}
.model-cta .solid-cta{display:inline-block}
.model-specs{padding:48px 0;border-bottom:1px solid var(--wy-line)}
.model-specs h2{font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-1px;margin:0 0 22px}
.model-specs table{width:100%;border-collapse:collapse;font-size:15px}
.model-specs th,.model-specs td{text-align:left;padding:14px 0;border-top:1px solid #deded9;vertical-align:top}
.model-specs th{width:38%;font-weight:400;color:var(--wy-ink-2)}
.model-note{font-size:13px;line-height:1.7;color:var(--wy-ink-2);padding:28px 0}
@media(max-width:800px){.model-hero{grid-template-columns:1fr}}
.card-spec-link{display:inline-block;font-size:13px;color:var(--wy-ink-2);text-decoration:underline;text-underline-offset:3px;margin:-8px 0 8px}
.card-spec-link:hover{color:var(--wy-orange-deep)}

/* product films on model pages */
.model-films{margin:0;padding:48px 0;border-top:0;border-bottom:1px solid var(--wy-line)}
.model-films h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.02em;margin:0 0 22px}
.model-films .film-grid.single-film{max-width:900px;margin:0}
/* homepage location photos */
.px{padding-top:clamp(56px,7vw,110px)}
.px .eyebrow{margin:0 0 18px}
.px-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(12px,1.6vw,24px)}
.px-item{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;background:#1d211c}
.px-main{aspect-ratio:3/2}
.px-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.px-item:hover img,.px-item:focus-visible img{transform:scale(1.03)}
.px-item::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.px-cap{position:absolute;left:clamp(14px,1.8vw,26px);bottom:clamp(12px,1.6vw,22px);z-index:1;display:flex;gap:.5em;align-items:baseline;font-size:15px}
.px-cap b{font-weight:600}
@media(max-width:860px){.px-grid{grid-template-columns:minmax(0,1fr)}.px-item{aspect-ratio:3/2}.px{padding-top:56px}}

/* model page location photos */
.model-field{padding:48px 0;border-bottom:1px solid var(--wy-line)}
.model-field h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.02em;margin:0 0 22px}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
.field-grid figure{margin:0}
.field-grid img{display:block;width:100%;height:auto}
@media(max-width:650px){.field-grid{grid-template-columns:minmax(0,1fr)}}
/* phone layout: one-line model tabs, swipeable photo rows, tighter section spacing, two-column footer */
@media(max-width:860px){
  .home .hx-bar .switch{position:relative;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:0 20px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);padding-right:28px}
  .home .hx-bar .switch::-webkit-scrollbar{display:none}
  .home .hx-bar .switch button{flex:none;white-space:nowrap}
  .home .lx{padding-top:64px}
  .home .rx,.home .dx,.home .cx{padding-top:72px}
  .home .ux,.home .sx{margin-top:72px}
  .home .fx2{padding-top:72px}
  .px{padding-top:40px}
  .px-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}
  .px-grid::-webkit-scrollbar{display:none}
  .px-item{flex:0 0 86%;scroll-snap-align:start;aspect-ratio:4/3}
  .cx-side{display:none}
  .field-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}
  .field-grid::-webkit-scrollbar{display:none}
  .field-grid figure{flex:0 0 86%;scroll-snap-align:start}
}
@media(max-width:520px){
  .sf-top{grid-template-columns:1fr 1fr;gap:28px 20px}
  .sf-brand,.sf-top>.sf-col:last-child{grid-column:1/-1}
  .sf-col a{padding:6px 0}
}
/* factory page on phones */
@media(max-width:860px){
  .factory-facts.four{grid-template-columns:1fr 1fr;gap:22px 0;padding:26px 0}
  .factory-facts.four>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding-left:16px;border-left:1px solid var(--wy-line)}
  .factory-facts.four>div:nth-child(odd){padding-left:0;border-left:0}
  .factory-facts.four strong{font-size:28px;white-space:nowrap}
  .factory-facts.four span{font-size:12px;line-height:1.4;text-align:left;max-width:none}
  .cert-grid{gap:10px;margin-top:26px}
  .cert-card{padding:18px 20px;gap:6px}
  .credential-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .credential-list .credential-logo{width:auto;height:72px;padding:10px;margin:0}
  .credential-logo img{height:44px}
}@media(max-width:860px){
  .factory-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}
  .factory-grid::-webkit-scrollbar{display:none}
  .factory-grid figure{flex:0 0 78%;scroll-snap-align:start;margin:0}
  .factory-feature{margin-bottom:18px}
}
/* vehicles page on phones: one-line filter chips, two-column compact cards */
@media(max-width:700px){
  .vehicles-page .filters{display:flex;overflow-x:auto;gap:8px;min-height:0;height:auto;padding-bottom:4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
  .vehicles-page .filters::-webkit-scrollbar{display:none}
  .vehicles-page .filters button{flex:none;white-space:nowrap;min-height:38px;padding:8px 14px;gap:8px;border-radius:19px}
  .vehicles-page .filters button:first-child{grid-column:auto}
  .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px;padding-top:18px}
  .vehicle-card{padding-top:12px}
  .vehicle-card .card-topline>span:last-child,.vehicle-card .card-description,.vehicle-card .card-specs,.vehicle-card .card-spec-link,.vehicle-card .card-arrow{display:none}
  .vehicle-card .card-topline{font-size:9px}
  .vehicle-card .card-title h2{font-size:18px;letter-spacing:-.3px;margin:8px 0 0}
  .vehicle-card .details-link{padding:10px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vehicles-page .vehicle-image-link{height:auto;aspect-ratio:4/3;padding:6px 0;margin:8px 0 6px}
}
/* ============ Design pass: one typeface site-wide, calmer phone layout ============ */
@font-face{font-family:Hanken;src:url('fonts/hanken-grotesk-latin-300-normal.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Hanken;src:url('fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Hanken;src:url('fonts/hanken-grotesk-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
body,button,input,select,textarea,h1,h2,h3,h4{font-family:Hanken,Arial,Helvetica,sans-serif}
.brand{font-family:'Arial Black',Arial,sans-serif}
h1,h2,h3{font-weight:400;letter-spacing:-.035em}
.menu-btn{display:none}

@media(max-width:860px){
  /* header: logo + Menu, sticky and translucent */
  html body .header,html body .home-page .header{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto;align-items:center;height:56px;min-height:0;padding:0 20px;gap:0;background:rgba(248,247,243,.9);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(21,22,22,.07)}
  html body .header .brand{font-size:19px;gap:4px}
  html body .header .brand-symbol{transform:scale(.72);transform-origin:left center;width:50px;margin-right:-10px}
  html body .header nav,html body .header .lang-switch,html body .header .contact-link{display:none}
  html body .header .brand{text-decoration:none}
  html body .header .menu-btn{color:#151616}
  .menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;background:none;border:0;color:#151616;font-size:14px;letter-spacing:.01em;cursor:pointer}
  .menu-icon{position:relative;width:18px;height:9px}
  .menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .3s ease}
  .menu-icon::before{top:0}.menu-icon::after{bottom:0}
  .menu-open .menu-icon::before{transform:translateY(3.75px) rotate(45deg)}
  .menu-open .menu-icon::after{transform:translateY(-3.75px) rotate(-45deg)}
  html body .header.menu-open{position:fixed;inset:0;height:100dvh;grid-template-rows:56px auto auto 1fr;align-items:start;background:#f8f7f3;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;animation:menuIn .25s ease}
  .header.menu-open .brand,.header.menu-open .menu-btn{align-self:center}
  html body .header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;grid-column:1/-1;grid-row:2;width:auto;margin:36px 0 0;padding:0;gap:0;border:0}
  html body .header.menu-open nav a,html body .header.menu-open .contact-link{display:flex;justify-content:flex-start;flex:none;min-height:0;padding:14px 0;margin:0;font-size:34px;font-weight:300;letter-spacing:-.04em;line-height:1.1;color:#151616;border-bottom:1px solid #e4e3dd;text-decoration:none}
  html body .header.menu-open nav a[aria-current]{color:#bd430b}
  html body .header.menu-open .contact-link{grid-column:1/-1;grid-row:3}
  html body .header.menu-open .lang-switch{display:flex;grid-column:1/-1;grid-row:4;align-self:end;margin:0 0 calc(28px + env(safe-area-inset-bottom));gap:28px;font-size:14px}
  body.menu-lock{overflow:hidden}
  body.menu-lock .wa-float{display:none}
  @keyframes menuIn{from{opacity:0}to{opacity:1}}

  /* type: one scale for every section title */
  html body .home h2,html body .home .lx-head h2,html body .home .rx-copy h2,html body .home .ux-copy h2,html body .home .dx-copy h2,html body .home .sx-copy h2,html body .home .cx-copy h2,html body .home .fx2-head h2{font-size:clamp(2.4rem,11vw,2.9rem);line-height:1;letter-spacing:-.045em}
  .home .lede{font-size:15px;line-height:1.6;max-width:none}
  .home .eyebrow{font-size:11px;letter-spacing:.16em}

  /* trust strip: certifications as quiet text, figures in a grid */
  .trust-certs{gap:0}
  .trust-certs b{border:0;padding:0;font-size:11px;letter-spacing:.18em;color:#151616}
  .trust-certs b+b::before{content:"\00b7";padding:0 10px;color:#9a9d95}
  .trust-certs span{display:none}

  /* EA009 feature: keep the vehicle, specs and one link */
  .sx-film{display:none}

  /* finder: a short list instead of big cards */
  .fx2-grid{display:flex;flex-direction:column;gap:0;margin-top:28px;border-top:1px solid #deded9}
  .fx2-card,.fx2-card:first-child{flex-direction:row;align-items:center;background:none;border-bottom:1px solid #deded9;grid-column:auto}
  .fx2-img,.fx2-card:first-child .fx2-img{flex:none;width:84px;aspect-ratio:4/3;padding:6px}
  .fx2-card.photo .fx2-img{padding:0}
  .fx2-meta{flex:1;border:0;padding:16px 0 16px 14px;align-items:center}
  .fx2-meta b{font-size:17px}

  /* footer: lighter and shorter */
  .site-footer{margin-top:72px}
  .sf-inner{padding:44px 20px 96px}
  .sf-badges{display:none}
  .sf-col h2{margin-bottom:8px}
  .sf-bottom{flex-direction:column;gap:6px;font-size:12px}

  /* WhatsApp: smaller, softer */
  .wa-float{width:48px;min-height:48px;padding:0;justify-content:center;right:16px;bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
  .wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .wa-float svg{width:20px;height:20px}
}.partner-digit{font-family:Hanken,Arial,sans-serif;font-weight:300;letter-spacing:-.085em}
@media(max-width:700px){.vehicle-card .card-title h2{font-size:17px;overflow-wrap:anywhere;line-height:1.15}}.header .brand[aria-current]{text-decoration:none}

/* phone homepage, round two: fewer words per screen */
@media(max-width:860px){
  .home .hx-eyebrow{display:none}
  .home .hx-bar .switch button{font-size:13px;min-height:36px}
  .home .hx-bar .arrow-link{font-size:14px}
  /* trust: certifications + three figures in one row */
  .trust .wrap{gap:14px;padding-block:20px}
  .trust-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .trust-facts>div,.trust-facts>div:nth-child(odd){padding:0 0 0 12px;border-left:1px solid #deded9}
  .trust-facts>div:first-child{padding-left:0;border-left:0}
  .trust-facts>div:nth-child(3){display:none}
  .trust-facts strong{font-size:20px}
  .trust-facts span{font-size:11px}
  /* sections: headline + one action; supporting copy stays on desktop */
  .home .lx-side .lede,.home .rx-copy .lede,.home .dx-copy .lede,.home .sx-copy .lede,.home .ux-copy .lede{display:none}
  .home .sx-specs{display:none}
  .home .rx-copy .eyebrow,.home .ux-copy .eyebrow{display:none}
  .home .reelx-steps{display:none}
  .home .lx-side,.home .rx-copy,.home .sx-copy,.home .dx-copy,.home .cx-copy{gap:1rem}
}
/* conversion: header quote button, sticky quote bar on model pages, pinned actions in the product dialog */
.quote-btn{display:none}
@media(max-width:860px){
  html body .header{grid-template-columns:1fr auto auto}
  html body .header .quote-btn{display:inline-flex;grid-column:2;grid-row:1;align-items:center;min-height:34px;padding:0 14px;margin-right:16px;border-radius:17px;background:#f56819;color:#fff;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
  html body .header .menu-btn{grid-column:3;grid-row:1}
  html body .header.menu-open .quote-btn{display:none}
  .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(248,247,243,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #deded9;transform:translateY(105%);transition:transform .3s ease}
  html body .sticky-cta{flex-direction:row;align-items:center;top:auto;width:auto;height:auto;margin:0}
  .sticky-cta.show{transform:none}
  .sticky-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;font-size:15px}
  .sticky-cta .solid-cta{flex:1;background:#f56819;color:#fff;border:0;padding:0 16px}
  .sticky-cta .text-cta{flex:none;width:48px;padding:0;border:0;border-radius:24px;background:#1f8f4e;color:#fff}
  .sticky-cta .text-cta svg{width:22px;height:22px}
  body.has-sticky-cta .wa-float{display:none}
  body.has-sticky-cta .site-footer{padding-bottom:72px}
}
@media(min-width:861px){.sticky-cta{display:none}}
.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.product-actions .wa-link{color:#1f8f4e;font-weight:500}
@media(max-width:860px){
  .product-dialog .product-actions{position:sticky;bottom:-25px;z-index:2;margin:24px -22px -25px;padding:12px 22px calc(14px + env(safe-area-inset-bottom));background:#f8f7f3;border-top:1px solid #deded9}
  .product-dialog .product-actions .primary-link{flex:1;justify-content:center;text-align:center}
}@media(max-width:860px){.product-dialog .product-actions .primary-link{white-space:nowrap;padding-inline:16px}}

/* company facts pages */
.facts-intro{padding:28px 0 40px;border-bottom:1px solid var(--wy-line);max-width:900px}
.facts-intro h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:300;letter-spacing:-.045em;line-height:1;margin:12px 0 22px}
.facts-lede{font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:#151616;max-width:62ch}
.facts-updated{font-size:13px;color:var(--wy-ink-2);margin-top:14px}
.model-specs h3{font-size:15px;font-weight:500;letter-spacing:.02em;margin:28px 0 8px;color:#151616}
.facts-models th{width:30%}
.facts-models th a{color:#151616;font-weight:500;text-decoration:underline;text-decoration-color:#f56819;text-underline-offset:4px}
.facts-main .faq-list{margin-top:6px}
@media(max-width:860px){.facts-models th,.facts-models td{display:block;width:auto;border:0;padding:0}.facts-models tr{display:block;padding:12px 0;border-top:1px solid #deded9}.facts-models td{margin-top:4px;font-size:14px;color:var(--wy-ink-2)}}