/* A compact contact composition: conversation first, company and map in balance. */
.contact-section{padding-block:88px 96px}
.contact-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:38px}
.contact-heading .eyebrow{margin-bottom:14px}.contact-heading h2{font-size:clamp(32px,3.2vw,46px);line-height:1.35;letter-spacing:-1.7px;margin:0}
.contact-heading h2>span{color:var(--muted);font-weight:500}
.contact-heading>p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 4px;max-width:380px}
.contact-section .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;margin-top:0;align-items:stretch}
.contact-section .contact-info{display:flex;flex-direction:column;padding:30px;border:1px solid var(--glass-edge);border-radius:26px;background:var(--module-glass),var(--module-base);box-shadow:var(--module-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.contact-company{display:flex;align-items:center;gap:15px;margin-bottom:24px}.contact-logo{display:block;width:52px;height:52px;border-radius:14px;overflow:hidden;background:#fff;flex-shrink:0;padding:5px}.contact-logo img{width:100%;height:100%;object-fit:contain}.contact-section .contact-company h3{font-size:22px;font-weight:600;margin:0 0 3px;line-height:1.5}.contact-company p{font-size:11px;color:var(--muted);margin:0}
.contact-actions{display:grid;grid-template-columns:1.18fr 1fr;gap:10px}
.contact-action{display:flex;align-items:center;gap:10px;padding:17px 14px;text-align:left;min-height:80px;border-radius:16px;border:1px solid var(--glass-edge);background:var(--module-glass);transition:background .25s,box-shadow .25s}
.contact-action>svg{width:24px;height:24px}.contact-action>span:not(.contact-action-arrow){font-size:13px;font-weight:600;line-height:1.4}.contact-action small{display:block;font-size:10px;font-weight:400;margin-top:6px;opacity:.8}.contact-action-arrow{font-size:17px;margin-left:auto}
.contact-action--wa{background:linear-gradient(140deg,#22be70,#16a55b);color:#fff;border-color:#69e39e50;box-shadow:inset 0 1px 0 #ffffff40}.contact-action--wa:hover{background:#149d55;box-shadow:0 7px 24px #13a55830}.contact-action--ig:hover{background:var(--raised)}
.contact-direct{display:flex;flex-direction:column;margin-top:17px}.contact-direct>a{display:grid;grid-template-columns:64px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);min-height:50px}.contact-direct>a>span:first-child{font-size:11px;color:var(--muted)}.contact-direct strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.contact-direct>a>span:last-child{color:var(--gold)}
.contact-offices{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:23px;margin-top:auto}.contact-section .address-item{display:block;margin:0;padding:0}.contact-section .address-item small{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--gold);margin-bottom:9px}.address-item small svg{width:15px;height:15px}.contact-section .address-item p{font-size:12px;line-height:1.9;margin:0;color:var(--soft-text)}
.contact-section .map-panel{display:grid;grid-template-rows:auto minmax(310px,1fr) auto;border-radius:26px;min-height:490px;overflow:hidden}
.contact-section .map-tabs{min-height:65px;gap:5px;padding:11px 13px}.contact-section .map-tabs button{padding:9px 12px;white-space:nowrap;font-size:11px}.contact-section .map-tabs>a{font-size:10px;padding-left:8px;white-space:nowrap}.contact-section .map-tabs button.active{background:var(--raised);box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text)}
.contact-section #styled-map,.contact-section #map{height:100%;min-height:310px;width:100%}.contact-section #styled-map[hidden],.contact-section #map[hidden]{display:none}
.contact-section .map-location{min-height:51px;padding:13px 18px;font-size:11px;background:var(--module-base);border-top:1px solid var(--line)}
/* A real transparent sprite, with no opaque SVG backing. */
.journey-track>.journey-car{position:absolute;left:0;top:-29px;width:114px;height:54px;object-fit:contain;background:transparent;border:0;padding:0;transition:transform .25s ease-out;filter:drop-shadow(0 2px 2px #00000019)}
.moving-car .beetle-car{position:absolute;left:0;bottom:0;width:104px;height:43px;object-fit:contain;background:transparent;animation:beetle-drive 10s linear infinite}
.moving-car{height:48px}.journey-track>.journey-car.reversing{filter:drop-shadow(-3px 0 2px #e73d5240)}
@keyframes beetle-drive{from{transform:translateX(-115px)}to{transform:translateX(540px)}}
@media(min-width:701px) and (max-width:1100px){
 .contact-section .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px}.contact-section .contact-info{padding:24px}.contact-actions{grid-template-columns:1fr}.contact-action{min-height:65px;padding:13px 15px}.contact-section .map-tabs{flex-wrap:wrap}.contact-section .map-tabs>a{width:100%;margin-left:0;padding:5px 10px}.contact-offices{gap:14px}.contact-heading>p{font-size:13px;max-width:300px}.contact-direct strong{font-size:12px}
}
@media(max-width:700px){
 .contact-section{padding-block:56px}.contact-heading{display:block;margin-bottom:26px}.contact-heading h2{font-size:32px;line-height:1.4;letter-spacing:-1px}.contact-heading>p{font-size:13px;margin-top:17px;max-width:100%}.contact-heading>p br{display:none}
 .contact-section .contact-grid{grid-template-columns:minmax(0,1fr);gap:18px}.contact-section .contact-info{padding:23px 20px;border-radius:22px}.contact-company{gap:12px;margin-bottom:22px}.contact-section .contact-company h3{font-size:21px}.contact-logo{width:47px;height:47px;border-radius:12px}.contact-actions{grid-template-columns:1fr}.contact-action{min-height:68px;padding:15px 18px;gap:13px}.contact-action>span:not(.contact-action-arrow){font-size:15px}.contact-action small{font-size:11px;margin-top:4px}.contact-action>svg{width:27px;height:27px}.contact-direct>a{grid-template-columns:58px minmax(0,1fr) 14px;gap:8px}.contact-direct strong{font-size:12px}.contact-offices{gap:16px;padding-top:22px}.contact-section .address-item p{font-size:11px}.contact-section .address-item small{font-size:11px}
 .contact-section .map-panel{min-height:385px;border-radius:22px;grid-template-rows:auto 280px auto}.contact-section #styled-map,.contact-section #map{min-height:280px;height:280px}.contact-section .map-tabs{padding:10px;flex-wrap:wrap;min-height:0}.contact-section .map-tabs>a{margin-left:0;padding:5px 10px;font-size:10px}.contact-section .map-location{font-size:10px;padding:12px 14px;min-height:48px}
 .journey-track>.journey-car{display:none}
}
@media(prefers-reduced-motion:reduce){.journey-track>.journey-car{transition:none}.moving-car .beetle-car{animation:none;left:calc(50% - 52px)}}