:root { --uc-accent: #cf2633; --client-primary: #cf2633; }
@font-face { font-family: 'JTF Display'; src: url('../fonts/barlow-condensed-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
html { scroll-behavior: smooth; }
.site-header { background: #0c0e10; border-bottom: 1px solid #343638; box-shadow: none; }
.navbar { min-height: 76px; }
.brand { width: 160px; flex-basis: 160px; height: 70px; }
.brand img { width: 160px; height: 66px; left: 50%; top: 50%; }
.nav-menu { gap: 28px; margin-right: 20px; }
.nav-menu a { color: #d2d5d8; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 700; }
.nav-menu a::after { height: 2px; bottom: 4px; }
.header-actions { gap: 10px; }
.header-actions__cta { padding-inline: 20px; }
.footer-brand img { width: 150px; height: 76px; margin: 0; }
.jtf-theme-toggle { display: inline-grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; border: 1px solid #54595c; border-radius: 2px; background: transparent; color: #fff; font-size: 22px; cursor: pointer; }
.jtf-theme-toggle:hover { border-color: #d32c35; }
.v3-cover, .v3-cover__inner { min-height: min(660px, 77vh); }
.v3-cover__image { object-position: center; filter: none; }
.v3-cover::after { background: linear-gradient(90deg, #0a0b0cf5 0%, #0a0b0ccc 25%, #0a0b0c38 52%, transparent 75%), linear-gradient(0deg, #0a0b0c66, transparent 25%); }
.v3-cover__inner { justify-content: flex-start; }
.v3-cover__copy { max-width: 600px; text-align: left; }
.v3-cover h1 { max-width: 620px; color: #fff; font-family: 'JTF Display', 'Arial Narrow', sans-serif; font-size: clamp(78px, 8vw, 128px); font-weight: 700; line-height: .85; text-transform: uppercase; }
.v3-cover h1 span:last-child { display: block; margin-top: 26px; max-width: 14ch; color: #fff; font-family: 'Manrope', sans-serif; font-size: clamp(22px, 2.2vw, 32px); font-weight: 700; line-height: 1.23; text-transform: none; }
.v3-cover__description { margin: 24px 0 0; max-width: 440px; color: #e0e4e6; font-size: 15px; line-height: 1.7; }
.v3-cover .v3-actions { justify-content: flex-start; gap: 26px; margin-top: 30px; }
.v3-cover .btn { min-width: 0; justify-content: center; padding-inline: 28px; }
.v3-cover .v3-text-link { color: #fff; }
.jtf-hero-location { margin: 38px 0 0; color: #d5dadb; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.v3-section h2, body.route-about .v3-section h2 { font-family: 'JTF Display', 'Arial Narrow', sans-serif; font-size: clamp(38px, 4vw, 54px); line-height: .98; text-transform: uppercase; }
.v3-section-heading { align-items: end; margin-bottom: 30px; }
.v3-text-link { text-decoration-color: #a23941; }
.v3-section { padding-block: 84px; }
.v3-cover + .v3-stock { padding-top: 46px; }
.v3-stock { background: #0e1012; }
.v3-store { background: #191d20; }
.v3-store__grid { grid-template-columns: 1fr 1fr; }
.v3-store figure img { aspect-ratio: 3 / 2; object-position: center; }
.v3-store__copy > p:not(.v3-eyebrow) { max-width: 500px; font-size: 16px; }
.jtf-process { background: #0d0f11; }
.jtf-process__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(48px, 8vw, 128px); }
.jtf-process__grid > div > p { max-width: 380px; margin-top: 18px; color: #b8babc; }
.jtf-process ol { margin: 0; padding: 0; list-style: none; }
.jtf-process li { display: grid; grid-template-columns: 44px 1fr; gap: 4px 18px; padding: 18px 0; border-top: 1px solid #34383a; }
.jtf-process li span { grid-row: span 2; color: #ef6066; font-size: 14px; font-weight: 700; }
.jtf-process li strong { font-size: 17px; }
.jtf-process li p { margin: 0; color: #b8babc; font-size: 13px; }
.jtf-disclaimer { margin: 25px 0 0; color: #b8babc; font-size: 12px; }
.vehicle-card.urban-vehicle-card .urban-vehicle-card__media { aspect-ratio: 4 / 3; }
.vehicle-card.urban-vehicle-card .urban-vehicle-card__media img { object-fit: cover; }
.v3-vehicle-grid { gap: 20px; }
.v3-vehicle-grid .urban-vehicle-card__content h3 { font-size: 19px; }
.vehicle-card.urban-vehicle-card { border-color: #3b3d3f; border-radius: 2px; }
.vehicle-card.urban-vehicle-card .urban-vehicle-card__media img { transition: transform .35s ease; }
.vehicle-card.urban-vehicle-card:hover .urban-vehicle-card__media img { transform: scale(1.035); }
body[class] .vehicle-card.urban-vehicle-card h3 { font-family: 'Manrope', sans-serif; font-size: 18px; line-height: 1.35; }
body[class] .vehicle-card.urban-vehicle-card .urban-vehicle-card__price { font-family: 'Manrope', sans-serif; font-size: 23px; }
.v3-visit { background: #1a2228; }
.urban-inventory-hero h1, .urban-contact-hero h1 { font-family: 'JTF Display', 'Arial Narrow', sans-serif; font-size: clamp(42px, 5vw, 64px); line-height: .96; text-transform: uppercase; }
.urban-inventory-hero__count { border-color: #424649; background: transparent; }
.urban-inventory-hero__count strong { font-family: 'JTF Display', 'Arial Narrow', sans-serif; }
.urban-filter-console__head { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }
.urban-filter-console__head::-webkit-details-marker { display: none; }
.urban-filter-console__head strong { font-family: 'Manrope', sans-serif; font-size: 14px; text-transform: none; }
.urban-filter-console__head .jtf-filter-chevron { color: #e9eef0; font-size: 24px; line-height: 1; transition: transform .2s ease; }
.urban-filter-console[open] .jtf-filter-chevron { transform: rotate(180deg); }
.jtf-about-visit { background: #0d0f11; }
.jtf-about-visit__grid { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: center; gap: clamp(38px, 7vw, 100px); }
.jtf-about-visit__copy { max-width: 400px; }
.jtf-about-visit__copy p { margin: 24px 0; color: #c2c7ca; font-size: 16px; line-height: 1.8; }
.jtf-about-visit figure { margin: 0; }
.jtf-about-visit img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
body.route-about .v3-about-intro__grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(34px, 5vw, 80px); }
body.route-about .v3-about-intro__portrait { max-width: none; margin: 0; }
body.route-about .v3-about-intro__portrait img { width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; }
body.route-about .v3-about-intro__copy h1 { font-family: 'JTF Display', 'Arial Narrow', sans-serif; font-size: clamp(58px, 6vw, 86px); line-height: .94; text-transform: uppercase; }
body.route-about .v3-about-story__main img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
body.route-about .v3-about-scenes__grid img { height: auto; aspect-ratio: 4 / 3; }
.urban-detail__main-image img { object-fit: contain; }
.urban-detail__summary-heading .v3-demo-note { margin-top: 12px; }
.v3-languages summary img { border: 1px solid #4c5053; }
.v3-demo-note { color: #abb3b9; }
html[data-theme="light"] { color-scheme: light; --uc-black: #fff; --uc-ink: #192026; --uc-panel: #fff; --uc-text: #192026; --uc-soft: #58636c; --client-bg: #f7f8f8; --client-surface: #fff; --client-text: #192026; --client-muted: #58636c; }
html[data-theme="light"], html[data-theme="light"] body, html[data-theme="light"] main, html[data-theme="light"] body[class] main { background: #f7f8f8; color: #192026; }
html[data-theme="light"] .site-header, html[data-theme="light"] .site-footer, html[data-theme="light"] .v3-stock, html[data-theme="light"] .jtf-process, html[data-theme="light"] .urban-inventory, html[data-theme="light"] .urban-detail, html[data-theme="light"] .urban-detail-body, html[data-theme="light"] .urban-contact, html[data-theme="light"] body.route-about .v3-about-intro, html[data-theme="light"] body.route-about .v3-about-scenes, html[data-theme="light"] body.route-about .v3-about-faq-section { background: #fff; color: #192026; }
html[data-theme="light"] .v3-store, html[data-theme="light"] .v3-visit, html[data-theme="light"] body.route-about .v3-about-story, html[data-theme="light"] body.route-about .v3-about-values, html[data-theme="light"] .urban-inventory-hero, html[data-theme="light"] .urban-contact-hero { background: #edf0f1; color: #192026; }
html[data-theme="light"] .jtf-about-visit { background: #fff; color: #192026; }
html[data-theme="light"] .jtf-about-visit__copy p { color: #58636c; }
html[data-theme="light"] .site-header { border-color: #d4dadd; }
html[data-theme="light"] .site-header { background: #fff; }
html[data-theme="light"] .nav-toggle span { background: #192026; }
html[data-theme="light"] .nav-menu { background: #fff; border-color: #d4dadd; }
html[data-theme="light"] .brand img, html[data-theme="light"] .footer-brand img { filter: brightness(0); }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] .nav-menu a, html[data-theme="light"] .v3-text-link, html[data-theme="light"] .footer-bottom__link, html[data-theme="light"] .footer-column a, html[data-theme="light"] .footer-column h3, html[data-theme="light"] .jtf-theme-toggle, html[data-theme="light"] .v3-service-list dt, html[data-theme="light"] .urban-filter-console__head strong { color: #192026; }
html[data-theme="light"] .v3-cover h1, html[data-theme="light"] .v3-cover h1 span, html[data-theme="light"] .v3-cover .v3-text-link { color: #fff; }
html[data-theme="light"] .jtf-process__grid > div > p, html[data-theme="light"] .jtf-process li p, html[data-theme="light"] .v3-store__copy > p:not(.v3-eyebrow), html[data-theme="light"] .v3-visit p:not(.v3-eyebrow), html[data-theme="light"] .v3-service-list dd, html[data-theme="light"] .jtf-disclaimer, html[data-theme="light"] .v3-demo-note, html[data-theme="light"] body.route-about .v3-about-intro__copy p, html[data-theme="light"] body.route-about .v3-about-story__copy > p, html[data-theme="light"] body.route-about .v3-about-scenes__heading p, html[data-theme="light"] .footer-brand p, html[data-theme="light"] .footer-hours__line, html[data-theme="light"] .footer-address { color: #58636c; }
html[data-theme="light"] .vehicle-card.urban-vehicle-card, html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card .urban-vehicle-card__content, html[data-theme="light"] .urban-detail__summary, html[data-theme="light"] .urban-detail-panel, html[data-theme="light"] .urban-filter-console, html[data-theme="light"] .urban-contact__form { background: #fff; color: #192026; border-color: #d6dcdf; }
html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card h3, html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card .urban-vehicle-card__price, html[data-theme="light"] .urban-detail__summary h1, html[data-theme="light"] .urban-detail__price { color: #192026; }
html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card h3 a, html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card .urban-vehicle-card__cta, html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card .urban-vehicle-card__specs dt, html[data-theme="light"] body[class] .vehicle-card.urban-vehicle-card .urban-vehicle-card__specs dd { color: #192026; }
html[data-theme="light"] .footer-contact-icons img { filter: brightness(0); }
html[data-theme="light"] .urban-inventory__grid { background: transparent; }
html[data-theme="light"] .urban-filter-console label, html[data-theme="light"] .urban-contact__form label, html[data-theme="light"] .urban-contact__channels, html[data-theme="light"] .urban-contact__channel a, html[data-theme="light"] .urban-detail-panel dt, html[data-theme="light"] .urban-detail-panel dd { color: #192026; }
html[data-theme="light"] .urban-filter-console input, html[data-theme="light"] .urban-filter-console select, html[data-theme="light"] .urban-contact__form input, html[data-theme="light"] .urban-contact__form select, html[data-theme="light"] .urban-contact__form textarea { background: #fff; color: #192026; border: 1px solid #b8c2c7; }
html[data-theme="light"] .urban-filter-console input::placeholder, html[data-theme="light"] .urban-contact__form input::placeholder { color: #68757c; }
html[data-theme="light"] .urban-filter-console__head .jtf-filter-chevron { color: #192026; }
html[data-theme="light"] .urban-detail__quick-specs div { background: #f1f3f4; border-color: #d6dcdf; }
html[data-theme="light"] .urban-detail__quick-specs dt { color: #58636c; }
html[data-theme="light"] .urban-detail__quick-specs dd { color: #192026; }
html[data-theme="light"] .urban-contact__channel, html[data-theme="light"] .urban-contact__map, html[data-theme="light"] .map-placeholder { background: #f1f3f4; border-color: #d6dcdf; color: #192026; }
html[data-theme="light"] .urban-contact__channel strong, html[data-theme="light"] .urban-contact__channel small, html[data-theme="light"] .urban-contact__channel span, html[data-theme="light"] .urban-contact__channel a { color: #192026; }
html[data-theme="light"] body.route-contact .contact-form .field label { color: #192026; }
html[data-theme="light"] body.route-contact .contact-form .field input, html[data-theme="light"] body.route-contact .contact-form .field select, html[data-theme="light"] body.route-contact .contact-form .field textarea { background: #fff; color: #192026; border: 1px solid #b8c2c7; }
html[data-theme="light"] body.route-contact .contact-form .field input::placeholder, html[data-theme="light"] body.route-contact .contact-form .field textarea::placeholder { color: #68757c; }
html[data-theme="light"] body.route-contact .urban-contact__form p, html[data-theme="light"] body.route-contact .urban-contact__form .form-note { color: #58636c; }
html[data-theme="light"] body.route-about .v3-about-points dt, html[data-theme="light"] body.route-about .v3-about-points dd, html[data-theme="light"] body.route-about .v3-about-scenes__grid figcaption, html[data-theme="light"] body.route-about .v3-about-values__intro p, html[data-theme="light"] body.route-about .v3-faq__intro p, html[data-theme="light"] body.route-about .v3-faq__list summary, html[data-theme="light"] body.route-about .v3-faq__list p { color: #33414a; }
html[data-theme="light"] .v3-languages__menu, html[data-theme="light"] .v3-translation-status, html[data-theme="light"] .cookie-consent__panel { background: #fff; color: #192026; border-color: #d6dcdf; }
html[data-theme="light"] .v3-languages button { color: #192026; }
html[data-theme="light"] .v3-languages button:hover { background: #edf0f1; }
html[data-theme="light"] .v3-language-chevron { color: #192026; }
html[data-theme="light"] .jtf-theme-toggle { border-color: #aeb8bd; }
html[data-theme="light"] .btn--ghost { color: #192026; border-color: #89959c; }
html[data-theme="light"] a:focus-visible, html[data-theme="light"] button:focus-visible, html[data-theme="light"] summary:focus-visible { outline-color: #bf222d; }
@media (max-width: 760px) {
    body.route-vehicle_show .header-actions { display: flex; }
    .navbar { min-height: 66px; gap: 6px; }
    .brand { width: 112px; flex-basis: 112px; height: 60px; }
    .brand img { width: 120px; height: 56px; left: 50%; top: 50%; }
    .header-actions { gap: 5px; }
    .jtf-theme-toggle { width: 38px; height: 38px; flex-basis: 38px; }
    .v3-cover, .v3-cover__inner { min-height: 570px; }
    .v3-cover__inner { align-items: flex-end; padding-block: 56px 46px; }
    .v3-cover__image { object-position: 57% center; filter: none; }
    .v3-cover::after { background: linear-gradient(0deg, #08090af2 0%, #08090abd 42%, #08090a12 100%); }
    .v3-cover__copy { text-align: left; }
    .v3-cover h1 { font-size: clamp(72px, 20vw, 100px); line-height: .84; }
    .v3-cover h1 span:last-child { max-width: 18ch; margin-top: 22px; font-size: clamp(21px, 5.5vw, 28px); line-height: 1.2; }
    .v3-cover__description { max-width: 400px; margin-top: 16px; font-size: 13px; line-height: 1.65; }
    .v3-cover .v3-actions { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 22px; }
    .v3-cover .btn { min-width: 0; }
    .jtf-hero-location { margin-top: 26px; font-size: 10px; }
    .v3-section { padding-block: 58px; }
    .v3-cover + .v3-stock { padding-top: 38px; }
    .v3-store__grid { grid-template-columns: 1fr; }
    .v3-store figure img { aspect-ratio: 3 / 2; }
    .jtf-process__grid { grid-template-columns: 1fr; gap: 26px; }
    .v3-vehicle-grid { gap: 18px; }
    .urban-inventory-hero { padding-block: 36px; }
    .urban-inventory-hero__grid { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
    .urban-inventory-hero h1 { margin: 0; font-size: 40px; }
    .urban-inventory-hero__count { padding: 0; border: 0; text-align: right; }
    .urban-inventory-hero__count strong { font-size: 44px; }
    .urban-inventory-hero__count span { display: none; }
    .urban-filter-console { display: block; }
    .urban-filter-console__head { min-height: 56px; border-bottom: 0; }
    .urban-filter-console[open] .urban-filter-console__head { border-bottom: 1px solid #35383a; }
    .urban-filter-console:not([open]) .urban-filter-console__form { display: none; }
    .urban-inventory__toolbar { display: none; }
    body.route-about .v3-about-intro__grid { grid-template-columns: 1fr; }
    body.route-about .v3-about-intro__copy h1 { font-size: 56px; }
    body.route-about .v3-about-intro__portrait img { max-height: none; aspect-ratio: 3 / 2; }
    .jtf-about-visit__grid { grid-template-columns: 1fr; gap: 28px; }
    .jtf-about-visit__copy { max-width: 580px; }
}
@media (max-width: 380px) {
    .v3-cover h1 { font-size: 66px; }
    .v3-cover h1 span:last-child { font-size: 20px; }
    .v3-languages summary { min-width: 44px; }
}
