/* Trinity Cars / editorial art direction. Kept separate from the functional base styles. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--paper:#f4f1eb;--ink:#25221f;--muted:#706d68;--line:#d9d3ca;--red:#b72e2a;--cream:#faf8f4;--dark:#161818;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
body{background:var(--paper)}
h1,h2,h3{font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}
h1,h2{line-height:.95}
h2{font-size:clamp(3.2rem,5.4vw,5.8rem)}
em{font-weight:400}
p{line-height:1.65}
::selection{background:#bd4137;color:#fff}
:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.container{width:min(1320px,calc(100% - 96px))}
.eyebrow{color:var(--red);font-size:10px;letter-spacing:.19em;font-weight:700;margin-bottom:18px}
.text-muted,.muted{color:#8a857d}
.section{padding-block:72px}
.section-heading{align-items:end;margin-bottom:36px}
.section-heading h2{font-size:clamp(3.2rem,5.2vw,5.7rem);line-height:.9}
.section-heading h2 em{font-weight:400}
.section-intro{font-size:14px;line-height:1.7;color:var(--muted)}
.text-link{gap:24px;font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:8px 0}
.text-link svg{width:18px}
.button{border-radius:2px;min-height:54px;padding:14px 20px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:background-color .22s,color .22s,transform .22s}
.button-dark{background:var(--ink);color:var(--cream)}
.button-dark:hover{background:var(--red)}
.button-light{background:var(--cream);color:var(--ink)}

/* The original Trinity mark sits in a deliberately quiet, full-width navigation. */
.nav-island{inset:0 0 auto;width:100%;height:86px;min-height:86px;padding:0 max(48px,calc((100vw - 1320px)/2));border:0;border-bottom:1px solid #d9d3ca99;border-radius:0;background:rgba(244,241,235,.93);box-shadow:none;color:var(--ink);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);transition:height .3s cubic-bezier(.2,.7,.2,1),background-color .3s,color .3s,border-color .3s}
.nav-island.scrolled{height:68px;min-height:68px}
.page-home .nav-island:not(.scrolled){background:linear-gradient(180deg,#11191cb0,#11191c20);border-color:#ffffff40;color:#fff;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.brand{min-height:0;line-height:0;align-self:center}
.brand img{width:107px;height:65px;object-fit:contain}
.nav-island.scrolled .brand img{width:91px;height:55px}
.brand .logo-light,.page-home .nav-island:not(.scrolled) .logo-dark{display:none}
.page-home .nav-island:not(.scrolled) .logo-light{display:block}
.desktop-nav{gap:clamp(22px,3vw,46px)}
.desktop-nav a{font-size:11px;letter-spacing:.06em;font-weight:600;position:relative;transition:opacity .2s}
.desktop-nav a::after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:7px;background:currentColor;transition:right .25s cubic-bezier(.2,.7,.2,1)}
.desktop-nav a:hover::after{right:0}
.nav-contact{min-height:44px;padding:0 0 0 17px;border-left:1px solid currentColor;border-radius:0;background:transparent;color:inherit;box-shadow:none;font-size:11px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;gap:25px}
.page-home .nav-island:not(.scrolled) .nav-contact{background:transparent;box-shadow:none}
.nav-contact>span{font-size:18px;font-weight:400;line-height:1}
.menu-button{border-radius:0}
.mobile-menu{top:100%;background:var(--cream);border:1px solid var(--line);border-radius:0;box-shadow:0 18px 40px #15131126;padding:10px 20px 18px}
.mobile-menu a{border-bottom:1px solid var(--line);border-radius:0;font-size:13px;letter-spacing:.025em;padding:17px 4px}
.mobile-menu a:last-child{border:0}
.mobile-menu a:hover{background:transparent;color:var(--red)}

/* The film fills the first screen, with a static frame for motion/data preferences. */
.hero{height:clamp(690px,100svh,940px);min-height:690px;background:#252e31;isolation:isolate}
.hero-media,.hero-video{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:-2;overflow:hidden}
.hero-video{object-fit:cover;object-position:center center}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#0d171d99 0%,#0d171d38 56%,#0d171d1a 100%),linear-gradient(0deg,#090e11ce 0%,#10182043 38%,transparent 67%,#0c171d65 100%)}
.hero-content{height:100%;padding-top:0;padding-bottom:118px;display:flex;flex-direction:column;justify-content:flex-end}
.hero-kicker{margin-bottom:21px;font-size:10px;font-weight:700;letter-spacing:.2em;color:#eee9e0;gap:13px}
.hero-kicker .line{width:24px;height:1px;background:#f1eae0}
.hero-kicker-sep{opacity:.5}
.hero h1{font-size:clamp(5rem,8.5vw,9.6rem);line-height:.82;font-weight:500;letter-spacing:-.055em;max-width:1160px;text-shadow:0 1px 22px #090d1040}
.hero h1 em{font-weight:400}
.hero-content-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:33px;max-width:1050px}
.hero-content-bottom p{margin:0;color:#eeeae4;font-size:13px;line-height:1.75;letter-spacing:.01em}
.hero-cta{min-width:242px;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;border-bottom:1px solid #ffffffb8;color:white;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:border-color .2s,color .2s}
.hero-cta-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffa6;font-size:19px;font-weight:400;transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .25s,color .25s}
.hero-cta:hover .hero-cta-icon{transform:translate(2px,-2px);background:#fff;color:#1e2222}
.hero-bottom{bottom:23px;align-items:center;color:#ece9e4;font-size:10px;letter-spacing:.13em}
.hero-bottom>a{font-size:10px;text-transform:uppercase;letter-spacing:.13em;gap:15px}
.hero-bottom>a>span{font-size:16px}
.hero-motion{display:flex;align-items:center;gap:10px;background:transparent;color:inherit;font-size:9px;font-weight:700;letter-spacing:.15em;min-height:44px;padding:0 0 0 14px;border-left:1px solid #ffffff88}
.motion-icon{font-size:14px;letter-spacing:-.16em;min-width:16px}

/* A brand index instead of generic rounded tiles. */
.brand-strip{padding:31px 0 0;background:var(--paper)}
.brand-strip-head{display:flex;align-items:start;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:14px 0 19px;color:var(--muted);font-size:11px}
.brand-strip-head .eyebrow{margin:0;color:var(--ink)}
.brand-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.brand-row a{min-height:147px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0;min-width:0;padding:16px 17px 13px;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;color:var(--ink);transform:none;transition:background-color .25s,color .25s}
.brand-row a:hover{background:#ebe5db;color:var(--ink);border-color:var(--line);box-shadow:none;transform:none}
.brand-logo-wrap{height:78px;display:grid;place-items:center;min-width:0}
.brand-logo-wrap img{width:auto;height:auto;max-width:100%;max-height:59px;object-fit:contain;filter:grayscale(1);transition:filter .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.brand-row a:hover img{filter:grayscale(0);transform:scale(1.035)}
.brand-row a:has(img[src*="changan"]) img,.brand-row a:has(img[src*="lynk-and-co"]) img{max-width:150px;max-height:42px}
.brand-row a:has(img[src*="porsche"]) img{max-height:65px}
.brand-row a:has(img[src*="zeekr"]) img{max-height:56px}
.brand-tile-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;width:100%;border-top:1px solid var(--line);padding-top:9px}
.brand-tile-name{font-size:10px;font-weight:650;letter-spacing:.025em;overflow-wrap:normal}
.brand-tile-action{font-size:16px;font-weight:400;color:var(--red);line-height:1}

/* The car itself is the hero of each card. Data is aligned like a print spec sheet. */
.car-grid{gap:36px 17px}
.car-card{display:flex;flex-direction:column;border:0;border-radius:0;background:var(--cream);box-shadow:none;overflow:hidden}
.car-photo{aspect-ratio:1.67;border:0;border-radius:0;outline:0;background:#e6e5e2}
.car-photo>img{padding:27px 10px 12px;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.photo-label{top:14px;left:14px;border-radius:0;background:#f9f7f2de;border:1px solid #ffffffb3;color:#33302c;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.photo-arrow{display:grid;bottom:12px;right:12px;width:33px;height:33px;border-radius:0;background:#f6f3eddb}
.photo-arrow svg{width:16px;height:16px}
.car-copy{padding:19px 19px 20px;flex:1;display:flex;flex-direction:column}
.car-type{color:var(--red);font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.car-card :is(h2,h3){min-height:0;font-size:clamp(2rem,2.8vw,2.9rem);line-height:.92;letter-spacing:-.04em;font-weight:500}
.car-card :is(h2,h3) span{font-weight:400}
.car-specs{margin:19px 0 0;padding:12px 0 0;border-top:1px solid var(--line);gap:10px}
.car-specs dt{font-size:9px;color:#847d74;letter-spacing:.025em}
.car-specs dd{font-size:11px;font-weight:700;color:var(--ink);margin-top:4px}
.car-year{font-size:9px;color:#847d74;margin-top:10px}
.car-bottom{margin-top:auto;padding-top:15px;border-color:var(--line);align-items:center}
.car-bottom strong{font-size:16px;font-weight:700;letter-spacing:-.035em}
.car-bottom>a{min-width:35px;min-height:35px;border:1px solid var(--line);border-radius:0;background:transparent;transition:background .2s,color .2s}
.car-bottom>a:hover{background:var(--ink);color:white}
.car-bottom svg{width:17px;height:17px}
.reference-note,.catalog-note{margin-top:20px;color:#736f69;font-size:10px}

.availability{gap:0;margin-top:1px;margin-bottom:18px;border:1px solid var(--line)}
.availability-card{min-height:157px;padding:21px 25px;border:0;border-radius:0;background:transparent}
.availability-card:nth-child(2){background:transparent;border-left:1px solid var(--line)}
.availability-card:hover{background:#ebe5dc}
.availability-card .eyebrow{font-size:9px;color:var(--red)}
.availability-card h2{font-size:2.5rem}
.availability-card p{font-size:11px;color:var(--muted);margin-top:8px}
.availability-arrow{top:18px;right:22px;color:var(--red);font-size:18px}
.approach{padding-top:65px;border-top-color:var(--line)}
.approach .section-heading h2{max-width:800px}
.approach .section-intro{max-width:340px}
.principles{gap:20px;margin-top:35px}
.principles article{border-top:1px solid var(--line);padding-top:13px}
.principles h3{font-size:2.1rem;line-height:1.05;letter-spacing:-.035em;margin-bottom:9px}
.principles p{font-size:12px;line-height:1.75}
.journey{grid-template-columns:1fr 1fr;background:#1b2123;border-radius:0;margin-top:10px;margin-bottom:76px;min-height:0}
.journey-image{min-height:430px;background:#293538}
.journey-image>img{padding:14px;object-fit:contain}
.journey-image>span{bottom:23px;left:25px;font-size:9px}
.journey-copy{padding:39px 42px}
.journey-copy .eyebrow{color:#c8aca2}
.journey h2{font-size:clamp(2.6rem,3.4vw,4rem);line-height:.95}
.steps{margin:25px 0;gap:12px}
.steps li{border-top:1px solid #ffffff30;padding-top:10px}
.steps h3{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em}
.steps p{font-size:11px;color:#c2c7c7}
.journey .button{background:#f4f0e9;color:#171a1a}
.journey .button:hover{background:#e6ded2}

/* The collection and the model page use the same quiet editorial vocabulary. */
.catalog-head{padding-top:136px;padding-bottom:31px}
.breadcrumb,.breadcrumbs{font-size:11px;color:var(--muted)}
.catalog-head h1,.vehicle-heading h1{font-size:clamp(5rem,8vw,9rem);line-height:.84}
.catalog-head .text-muted,.vehicle-heading .text-muted{color:#867d73}
.catalog-intro{border-top:1px solid var(--ink);padding-top:17px;margin-top:30px}
.catalog-intro p{font-size:13px;color:var(--muted)}
.catalog-index{font-size:10px;letter-spacing:.16em}
.catalog-controls{border-top:1px solid var(--line);padding-top:17px}
.category-switch{background:transparent;padding:0;border-radius:0;border-bottom:1px solid var(--line);gap:0}
.category-switch button{border-radius:0;min-height:48px;padding:10px 18px;font-size:11px;font-weight:700;letter-spacing:.04em}
.category-switch button[aria-pressed=true]{background:var(--ink);color:#fff}
.search-field{border-radius:0;background:var(--cream);border-color:var(--line);min-height:49px}
.brand-filters{gap:5px}
.brand-filters button{border-radius:0;background:transparent;border:1px solid var(--line);font-size:10px;min-height:36px;padding:7px 11px}
.brand-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.catalog-meta{font-size:11px;margin:24px 0 18px}
.catalog-section{padding-bottom:70px}
.empty-state{border-radius:0;padding:55px 24px;background:var(--cream)}
.empty-state h2{font-size:clamp(2.5rem,4vw,4rem)}
.car-page{padding-top:132px}
.vehicle-heading{margin-bottom:28px}
.status-chip{border-radius:0;letter-spacing:.08em;font-size:10px;text-transform:uppercase}
.gallery-main,.gallery-thumb,.vehicle-summary{border-radius:0}
.gallery-main{background:#e8e7e3}
.gallery-expand{border-radius:0;font-size:10px;letter-spacing:.04em}
.gallery-thumb.is-active{border-color:var(--red)}
.vehicle-summary{background:#eae4db}
.vehicle-summary h2{font-size:3rem;line-height:.9}
.vehicle-price strong{font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:2.7rem}
.vehicle-details h2,.vehicle-questions h2{font-size:clamp(3rem,4vw,4.7rem);line-height:.92}
.vehicle-details p{font-size:14px}
.vehicle-questions{border-color:var(--line)}
.contact-dialog{border-radius:0;background:var(--cream)}
.contact-dialog h2{font-size:3.4rem;line-height:.9}
.lightbox{border-radius:0}

/* A spacious contact close, with the phone number as the primary object. */
.footer{background:var(--dark);color:#f4f1e9;padding:58px 0 34px}
.footer-top{align-items:start;margin-bottom:85px}
.footer-brand img{width:138px;height:84px}
.footer-brand .logo-dark{display:none}
.footer-brand .logo-light{display:block}
.footer-top p{font-size:11px;color:#b7b8b4;line-height:1.7;margin-top:12px}
.footer-contact{align-items:end;gap:18px}
.phone-large{font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:clamp(3.5rem,7vw,7.6rem);font-weight:400;letter-spacing:-.045em;line-height:.9}
.footer-telegram{border-bottom:1px solid #a7aaa5;padding-bottom:9px;color:#eeeae3;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:700}
.footer-bottom{border-top:1px solid #ffffff3d;padding-top:16px;color:#aaa9a3;font-size:10px;letter-spacing:.015em;grid-template-columns:1.2fr 1.5fr 1fr auto}
.footer-links{gap:20px}
.footer-bottom a:hover{color:#fff}

/* Motion: immediate feedback, small spatial travel, and no scroll obstruction. */
@media (prefers-reduced-motion:no-preference){
  .hero-kicker{animation:editorial-rise .7s cubic-bezier(.2,.7,.2,1) .08s both}
  .hero h1{animation:editorial-rise .85s cubic-bezier(.2,.7,.2,1) .16s both}
  .hero-content-bottom{animation:editorial-rise .75s cubic-bezier(.2,.7,.2,1) .27s both}
  .reveal-pending{opacity:0;transform:translateY(17px)}
  .reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .brand-row a:nth-child(5n+2),.car-grid .car-card:nth-child(3n+2){transition-delay:.035s}
  .brand-row a:nth-child(5n+3),.car-grid .car-card:nth-child(3n+3){transition-delay:.07s}
}
@keyframes editorial-rise{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@media (hover:none){.car-photo:hover>img,.brand-row a:hover img,.hero-cta:hover .hero-cta-icon{transform:none}}

@media(max-width:1100px){
  .nav-island{padding-inline:36px}
  .hero h1{font-size:clamp(5rem,9vw,8rem)}
  .brand-row a{min-height:135px}
  .brand-logo-wrap{height:68px}
  .car-card :is(h2,h3){font-size:2.2rem}
  .journey-copy{padding:34px}
}
@media(max-width:880px){
  .container{width:calc(100% - 56px)}
  .nav-island{padding-inline:28px;height:75px;min-height:75px}
  .nav-island.scrolled{height:64px;min-height:64px}
  .brand img{width:96px;height:58px}
  .nav-island.scrolled .brand img{width:88px;height:53px}
  .nav-contact{margin-left:auto}
  .hero{height:100svh;min-height:650px}
  .hero h1{font-size:clamp(5rem,9.2vw,7.3rem)}
  .brand-row{grid-template-columns:repeat(5,minmax(0,1fr))}
  .brand-row a{padding:11px;min-height:120px}
  .brand-logo-wrap{height:61px}
  .brand-logo-wrap img{max-height:48px}
  .brand-tile-name{font-size:9px}
  .featured-grid .car-card:last-child{display:flex}
  .car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section{padding-block:60px}
  .journey{grid-template-columns:1fr}
  .journey-image{height:320px;min-height:0}
  .journey-copy{padding:36px}
  .footer-top{margin-bottom:65px}
  .phone-large{font-size:4.4rem}
  .footer-bottom{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .container{width:calc(100% - 36px)}
  .nav-island{padding-inline:18px;height:67px;min-height:67px}
  .nav-island.scrolled{height:61px;min-height:61px}
  .brand img{width:83px;height:51px}
  .nav-island.scrolled .brand img{width:78px;height:47px}
  .nav-contact{font-size:9px;letter-spacing:.03em;padding-left:11px;gap:9px;min-height:35px}
  .nav-contact>span{font-size:15px}
  .menu-button{min-width:39px;min-height:40px;margin-left:0}
  .menu-button span{left:10px}
  .hero{height:100svh;min-height:700px}
  .hero-video{object-fit:cover;object-position:50% center}
  .hero-shade{background:linear-gradient(180deg,#0b1217ad 0%,#0b12171a 30%,#080d105c 51%,#080b0be8 100%)}
  .hero-content{justify-content:flex-end;padding-top:130px;padding-bottom:114px}
  .hero-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:17px}
  .hero-kicker .line{width:16px}
  .hero h1{font-size:clamp(3.9rem,15.3vw,6.1rem);line-height:.8;max-width:100%}
  .hero-content-bottom{display:block;margin-top:23px}
  .hero-content-bottom p{font-size:11px;line-height:1.65}
  .hero-cta{margin-top:21px;min-height:46px;max-width:290px;font-size:10px}
  .hero-bottom{bottom:16px}
  .hero-bottom>span{font-size:8px}
  .hero-bottom .muted-light{display:none}
  .hero-bottom>a{display:none}
  .hero-motion{font-size:8px}
  .brand-strip{padding-top:21px}
  .brand-strip-head{padding:12px 0 15px;font-size:10px}
  .brand-strip-head .eyebrow{font-size:9px}
  .brand-row{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b9b1a5 transparent;border-bottom:0}
  .brand-row a{scroll-snap-align:start;min-height:143px;padding:13px}
  .brand-logo-wrap{height:76px}
  .brand-logo-wrap img{max-height:56px}
  .brand-tile-name{font-size:10px}
  .section{padding-block:47px}
  .section-heading{margin-bottom:25px}
  .section-heading h2{font-size:clamp(3.5rem,13vw,5.2rem)}
  .section-intro{font-size:12px;margin-top:17px}
  .car-grid{grid-template-columns:1fr;gap:18px}
  .car-photo{aspect-ratio:1.65}
  .car-photo>img{padding:25px 9px 8px}
  .car-copy{padding:19px 18px 20px}
  .car-card :is(h2,h3){font-size:2.65rem}
  .car-specs dd{font-size:11px}
  .availability{grid-template-columns:1fr}
  .availability-card{min-height:135px;padding:18px}
  .availability-card:nth-child(2){border-left:0;border-top:1px solid var(--line)}
  .availability-card h2{font-size:2.3rem}
  .approach{padding-top:44px}
  .principles{gap:20px;margin-top:27px}
  .principles article{display:grid;grid-template-columns:30px 1fr;gap:5px 12px;padding-top:13px}
  .principles h3{font-size:1.9rem}
  .principles p{font-size:12px}
  .journey{margin-bottom:45px}
  .journey-image{height:225px}
  .journey-copy{padding:27px 23px}
  .journey h2{font-size:3.15rem}
  .steps{gap:15px}
  .catalog-head{padding-top:102px;padding-bottom:23px}
  .catalog-head h1,.vehicle-heading h1{font-size:clamp(4.4rem,16vw,6.5rem)}
  .category-switch button{font-size:10px;padding-inline:8px}
  .search-field input{font-size:16px}
  .brand-filters button{font-size:10px}
  .catalog-meta{font-size:10px}
  .vehicle-summary{padding:26px}
  .vehicle-summary h2{font-size:2.8rem}
  .vehicle-details h2,.vehicle-questions h2{font-size:3.3rem}
  .footer{padding:43px 0 28px}
  .footer-top{margin-bottom:65px}
  .footer-brand img{width:118px;height:71px}
  .footer-contact{margin-top:36px;align-items:start}
  .phone-large{font-size:clamp(3rem,13vw,5rem)}
  .footer-bottom{grid-template-columns:1fr 1fr;gap:14px}
  .footer-links{gap:6px}
}
@media(max-width:380px){
  .hero{min-height:665px}
  .hero h1{font-size:3.55rem}
  .hero-content{padding-bottom:105px}
  .brand-row{grid-auto-columns:50%}
  .phone-large{font-size:2.95rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-kicker,.hero h1,.hero-content-bottom{animation:none}
  .reveal-pending{opacity:1;transform:none}
  .brand-logo-wrap img{transition:none}
}
@media(prefers-reduced-transparency:reduce){
  .nav-island{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}
  .page-home .nav-island:not(.scrolled){background:#182023;backdrop-filter:none;-webkit-backdrop-filter:none}
  .photo-label{background:var(--cream);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Owner review: modern display type and softly shaped, floating controls. */
:root{--paper:#f4f5f4;--ink:#1d2529;--muted:#626b70;--line:#dbe0e0;--red:#c7322d;--cream:#fff;--dark:#141b1e}
h1,h2,h3{font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:600;letter-spacing:-.065em;line-height:1.02}
h1,h2{letter-spacing:-.07em}
h2,.section-heading h2{font-size:clamp(2.8rem,4.7vw,5.1rem);line-height:1.02}
em{font-style:normal;font-weight:inherit}
.text-muted{color:#7b858a}
.button{border-radius:14px;letter-spacing:.035em;text-transform:none;font-size:13px}
.button:active,.hero-cta:active,.action-island a:active{transform:scale(.96)}

.nav-island,.nav-island.scrolled{top:12px;bottom:auto;left:0;right:0;width:min(1190px,calc(100% - 36px));height:70px;min-height:70px;padding:5px 20px 5px 16px;border:1px solid #ffffffb8;border-radius:24px;background:rgba(255,255,255,.81);box-shadow:0 12px 38px #10252c1a,0 2px 8px #10252c0d;color:var(--ink);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);transition:background-color .25s,color .25s,box-shadow .25s}
.page-home .nav-island:not(.scrolled){background:rgba(25,35,40,.52);border-color:#ffffff54;box-shadow:0 12px 38px #0003;color:#fff;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.brand img,.nav-island.scrolled .brand img{width:94px;height:57px}
.desktop-nav a{font-size:12px;letter-spacing:.015em}
.nav-contact{border:0;border-radius:14px;min-height:43px;padding:0 14px;background:rgba(29,37,41,.07);gap:17px;font-size:11px;letter-spacing:.04em}
.page-home .nav-island:not(.scrolled) .nav-contact{background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff33}
.mobile-menu{top:calc(100% + 8px);border:1px solid #ffffffa6;border-radius:19px;box-shadow:0 22px 50px #0e1d2440;background:rgba(252,253,252,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}

.action-island{display:flex;position:fixed;z-index:35;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px);transform:translateX(-50%);align-items:center;gap:3px;padding:6px;border:1px solid #ffffff58;border-radius:22px;background:rgba(24,32,37,.84);color:#fff;box-shadow:0 16px 44px #0c171e4d,0 2px 8px #0c171e25;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}
.action-island a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:9px 17px;border-radius:16px;white-space:nowrap;font-size:12px;font-weight:650;transition:background-color .18s,transform .18s}
.action-island a:hover{background:#ffffff1c}
.action-island svg{width:17px;height:17px;stroke-width:1.8}
.action-island .dock-primary{background:#fff;color:#172126;padding-inline:18px}
.action-island .dock-primary:hover{background:#e7eeee}

.hero{background:#182329}
.hero-shade{background:linear-gradient(90deg,#091318a8 0%,#0d1a2147 58%,#0b151b16 100%),linear-gradient(0deg,#080f13d9 0%,#101a2052 43%,transparent 71%,#0e191e50 100%)}
.hero-content{padding-bottom:180px}
.hero-kicker{font-size:10px;letter-spacing:.16em}
.hero h1{font-size:clamp(5rem,7.65vw,8.4rem);line-height:.92;font-weight:600;letter-spacing:-.075em;max-width:1110px}
.hero h1 em{font-weight:450}
.hero-content-bottom{max-width:1060px;margin-top:29px;align-items:center}
.hero-content-bottom p{font-size:13px}
.hero-cta{min-width:255px;min-height:56px;max-width:max-content;gap:28px;padding:7px 7px 7px 20px;border:1px solid #ffffff7d;border-radius:16px;background:#ffffff25;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:11px;letter-spacing:.055em;text-transform:none;box-shadow:0 8px 22px #0002;transition:background-color .18s,transform .18s}
.hero-cta:hover{background:#ffffff3c}
.hero-cta-icon{border:0;border-radius:11px;background:#fff;color:#1b2327;width:41px;height:41px;font-size:20px}
.hero-cta:hover .hero-cta-icon{background:#fff;color:#1b2327}
.hero-bottom{bottom:100px}

.brand-strip{background:var(--paper)}
.brand-row{gap:10px;border:0}
.brand-row a{min-height:143px;border:1px solid #e4e8e7;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 6px 20px #20373b08;padding:15px;transition:background-color .2s,box-shadow .2s,transform .2s}
.brand-row a:hover{background:#fff;border-color:#e4e8e7;box-shadow:0 12px 28px #20373b12;transform:translateY(-2px)}
.brand-tile-bottom{border-color:#e1e5e4}
.brand-tile-name{font-size:11px}

.car-card{border-radius:23px;background:#fff;box-shadow:0 14px 34px #1128320b,0 2px 5px #11283205}
.car-photo{background:#e9edec;outline:1px solid #00000012;outline-offset:-1px}
.car-photo>img{padding:25px 10px 12px}
.photo-label{border:1px solid #ffffffb8;border-radius:10px;background:#ffffffd9}
.photo-arrow{border-radius:11px;background:#ffffffd9}
.car-card :is(h2,h3){font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:clamp(1.55rem,2.1vw,2rem);font-weight:650;letter-spacing:-.055em;line-height:1.15}
.car-card :is(h2,h3) span{font-weight:500}
.car-specs dt{font-size:10px}
.car-specs dd{font-size:12px}
.car-bottom>a{border-radius:11px}
.car-bottom strong{font-size:17px}

.availability{gap:12px;border:0}
.availability-card,.availability-card:nth-child(2){border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 22px #11283208}
.availability-card h2{font-size:2rem}
.availability-card:hover{background:#fff;box-shadow:0 12px 30px #11283213}
.principles h3{font-size:1.75rem;letter-spacing:-.055em}
.journey{border-radius:24px}
.journey h2{font-size:clamp(2.3rem,3vw,3.25rem);line-height:1.04}
.journey .button{border-radius:14px}
.catalog-head h1,.vehicle-heading h1{font-size:clamp(4.2rem,7vw,7.5rem);line-height:.96}
.catalog-head .text-muted,.vehicle-heading .text-muted{color:#7b858a}
.category-switch{border-radius:13px;background:#e7ebea;padding:4px;border:0}
.category-switch button,.category-switch button[aria-pressed=true]{border-radius:10px}
.search-field{border-radius:13px}
.brand-filters button{border-radius:10px;background:#fff}
.empty-state{border-radius:22px}
.gallery-main{border-radius:22px}
.gallery-thumb{border-radius:11px}
.vehicle-summary{border-radius:22px;background:#edf0ef}
.vehicle-summary h2{font-size:2.4rem;line-height:1.08}
.vehicle-price strong{font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:1.9rem;font-weight:650}
.contact-dialog{border-radius:22px}
.contact-dialog h2{font-size:2.4rem;line-height:1.05}
.footer{padding-bottom:132px}
.phone-large{font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:clamp(3rem,5vw,5.4rem);font-weight:560;letter-spacing:-.07em;line-height:1}

@media(max-width:880px){
 .nav-island,.nav-island.scrolled{width:calc(100% - 24px);height:66px;min-height:66px;padding:5px 12px;border-radius:22px}
 .brand img,.nav-island.scrolled .brand img{width:85px;height:52px}
 .hero h1{font-size:clamp(4.2rem,9vw,6.2rem)}
 .car-card :is(h2,h3){font-size:1.7rem}
}
@media(max-width:600px){
 .nav-island,.nav-island.scrolled{top:10px;width:calc(100% - 20px);height:61px;min-height:61px;padding:4px 10px 4px 11px;border-radius:21px}
 .brand img,.nav-island.scrolled .brand img{width:79px;height:48px}
 .nav-contact{min-height:38px;padding-inline:10px;font-size:10px;gap:8px;border-radius:12px}
 .menu-button{width:38px;min-width:38px;min-height:40px}
 .action-island{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:440px;padding:5px;border-radius:21px;gap:2px}
 .action-island a{flex:1;min-width:0;min-height:45px;padding:8px 6px;gap:5px;border-radius:16px;font-size:10px}
 .action-island .dock-primary{flex:1.13;padding-inline:7px}
 .action-island svg{width:15px;height:15px}
 .hero{height:100svh;min-height:700px}
 .hero-video{object-fit:cover;object-position:50% center}
 .hero-shade{background:linear-gradient(180deg,#0912179c 0%,#0b15191b 28%,#0a111664 48%,#070c0eed 100%)}
 .hero-content{padding-bottom:182px}
 .hero-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:16px}
 .hero h1{font-size:clamp(3.05rem,12.3vw,4.6rem);line-height:.95;letter-spacing:-.07em;font-weight:630}
 .hero h1 em{font-weight:460}
 .hero-content-bottom{margin-top:20px}
 .hero-content-bottom p{font-size:11px}
 .hero-cta{margin-top:18px;min-width:0;width:100%;max-width:315px;min-height:52px;padding:5px 5px 5px 16px;border-radius:15px;font-size:11px}
 .hero-cta-icon{width:40px;height:40px;border-radius:11px}
 .hero-bottom{bottom:84px}
 .hero-motion{min-height:38px}
 .brand-row{gap:9px;border:0;padding-bottom:8px}
 .brand-row a{min-height:145px;padding:13px;border-radius:17px}
 .brand-row a:hover{transform:none}
 .section-heading h2{font-size:clamp(2.6rem,10vw,4rem)}
 .car-card{border-radius:21px}
 .car-card :is(h2,h3){font-size:1.7rem}
 .car-copy{padding:18px}
 .car-specs dd{font-size:11px}
 .availability-card,.availability-card:nth-child(2){border:1px solid var(--line);border-radius:18px}
 .journey{border-radius:22px}
 .journey h2{font-size:2.45rem}
 .catalog-head h1,.vehicle-heading h1{font-size:clamp(3.4rem,12vw,4.7rem)}
 .vehicle-summary{border-radius:20px}
 .footer{padding-bottom:112px}
 .phone-large{font-size:clamp(2rem,8.5vw,3rem)}
}
@media(max-width:380px){
 .hero h1{font-size:3rem}
 .hero-content{padding-bottom:168px}
 .nav-contact{font-size:9px;gap:5px}
 .action-island a{font-size:9px;gap:4px}
 .action-island svg{width:14px;height:14px}
}
@media(prefers-reduced-transparency:reduce){
 .nav-island,.nav-island.scrolled{background:#f8faf9;backdrop-filter:none;-webkit-backdrop-filter:none}
 .page-home .nav-island:not(.scrolled){background:#182226;backdrop-filter:none;-webkit-backdrop-filter:none}
 .action-island{background:#1a252a;backdrop-filter:none;-webkit-backdrop-filter:none}
}

.brand-row a:has(img[src*="mercedes-benz"]) img{max-height:64px;max-width:64px}
@media(max-width:600px){
 .hero-content{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .hero h1{font-size:clamp(2.55rem,10.8vw,3.05rem);line-height:1.02}
 .hero-content-bottom{margin-top:16px}
 .hero-content-bottom p{max-width:320px}
 .hero-cta{margin-top:15px}
 .hero-bottom{display:flex;top:88px;bottom:auto;left:0;right:0;justify-content:flex-end;pointer-events:none}
 .hero-bottom>span,.hero-bottom>a{display:none}
 .hero-motion{min-height:37px;padding:4px 10px;border:1px solid #ffffff78;border-radius:11px;background:#10191e66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}
 .brand-row{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:8px;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}
 .brand-row a{min-height:105px;scroll-snap-align:none;padding:10px 12px}
 .brand-logo-wrap{height:56px}
 .brand-logo-wrap img{max-height:45px}
 .brand-row a:has(img[src*="changan"]) img,.brand-row a:has(img[src*="lynk-and-co"]) img{max-width:100%;max-height:38px}
 .brand-row a:has(img[src*="mercedes-benz"]) img{max-height:46px;max-width:46px}
}
@media(max-width:380px){
 .hero h1{font-size:2.46rem}
 .hero-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .brand-row a{min-height:98px}
}

/* Trinity identity: graphite, white and the red from the original mark. */
:root{--paper:#f5f5f3;--ink:#1b1b1b;--muted:#676767;--line:#dededb;--red:#e42320;--cream:#fff;--dark:#151515}
.hero{background:#151515}
.hero-shade{background:linear-gradient(90deg,#1010109c 0%,#16161642 58%,#17171712 100%),linear-gradient(0deg,#090909d9 0%,#14141450 44%,transparent 72%,#1111115c 100%)}
.nav-island,.nav-island.scrolled{box-shadow:0 12px 38px #00000020,0 2px 8px #0000000d}
.page-home .nav-island:not(.scrolled){background:rgba(24,24,24,.54);border-color:#ffffff5a;box-shadow:0 12px 38px #0005}
.nav-contact{background:#1717170d}
.nav-contact>span{color:var(--red)}
.page-home .nav-island:not(.scrolled) .nav-contact{background:#ffffff1f}
.hero-cta-icon{background:var(--red);color:#fff}
.hero-cta:hover .hero-cta-icon{background:#c51d1a;color:#fff}
.hero-motion{background:#15151575}
.action-island{background:rgba(23,23,23,.88);box-shadow:0 16px 44px #0005,0 2px 8px #0003;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(100% + 28px));transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .3s ease,visibility .3s}
.action-island.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.action-island .dock-primary{background:var(--red);color:#fff}
.action-island .dock-primary:hover{background:#c51d1a;color:#fff}
.brand-row a{box-shadow:0 6px 20px #00000008;border-color:#e6e6e3}
.brand-row a:hover{box-shadow:0 12px 28px #00000012;border-color:#e6e6e3}
.car-card{box-shadow:0 14px 34px #0000000b,0 2px 5px #00000005}
.car-photo{background:#ededeb}
.availability-card,.availability-card:nth-child(2){box-shadow:0 8px 22px #00000008}
.journey{background:#1c1c1c}
.journey-image{background:#2c2c2c}
.vehicle-summary{background:#efefed}
.footer{background:#151515}
.footer-telegram{border-color:#e42320}
.category-switch button[aria-pressed=true],.brand-filters button[aria-pressed=true]{background:#1b1b1b;color:white}

.mobile-menu-header{display:flex;justify-content:space-between;gap:10px;padding:8px 3px 12px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.15em;font-weight:700;color:var(--red)}
.mobile-menu-header span+span{color:#8a8a86}
.mobile-menu-contact{margin-top:11px;padding:17px;border-radius:15px;background:#f3f3f1}
.mobile-menu-contact p{font-size:12px;font-weight:600;line-height:1.45;margin-bottom:12px}
.mobile-menu .mobile-menu-lead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;padding:10px 14px;border:0;border-radius:12px;background:var(--red);color:#fff;font-size:12px;font-weight:700}
.mobile-menu-lead span{font-size:19px;font-weight:400;line-height:1}
.mobile-menu-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.mobile-menu-quick a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 6px;border:1px solid #dcdcd9;border-radius:11px;background:#fff;font-size:11px;font-weight:600}
.mobile-menu-quick svg{width:15px;height:15px;stroke-width:1.8}
.mobile-menu-address{display:block;margin-top:13px;color:#6a6a66;font-size:10px;line-height:1.6}

@media(max-width:600px){
 .nav-island,.nav-island.scrolled{width:calc(100% - 28px);height:57px;min-height:57px;padding:4px 8px 4px 9px;border-radius:19px;gap:4px}
 .brand img,.nav-island.scrolled .brand img{width:67px;height:41px}
 .nav-contact{min-height:35px;padding:0 8px;border-radius:10px;font-size:9px;gap:5px}
 .nav-contact>span{font-size:14px}
 .menu-button{display:block;position:relative;flex:0 0 32px;width:32px;min-width:32px;height:38px;min-height:38px;margin:0;padding:0;border-radius:10px}
 .menu-button span{left:50%;top:14px;width:17px;height:1.5px;transform:translateX(-50%)}
 .menu-button span+span{top:23px}
 .menu-button[aria-expanded=true] span{transform:translateX(-50%) translateY(4.5px) rotate(45deg)}
 .menu-button[aria-expanded=true] span+span{transform:translateX(-50%) translateY(-4.5px) rotate(-45deg)}
 .mobile-menu{max-height:calc(100svh - 83px);overflow-y:auto;padding:14px 16px 16px;border-radius:17px}
 .mobile-menu>a{padding:13px 4px;font-size:13px}
 .hero-shade{background:linear-gradient(180deg,#1010109e 0%,#10101016 28%,#1010105f 49%,#090909ec 100%)}
 .hero-bottom{top:80px}
 .hero-motion{background:#15151585}
}
@media(prefers-reduced-motion:reduce){
 .action-island{transition:none}
}
@media(prefers-reduced-transparency:reduce){
 .nav-island,.nav-island.scrolled{background:#f7f7f5}
 .page-home .nav-island:not(.scrolled){background:#1b1b1b}
 .action-island{background:#1b1b1b}
}

/* Keep the first-screen action on the lower edge of the film. */
.hero-content{padding-bottom:88px}
.hero-bottom{bottom:24px}
.brand-more{border-bottom:1px solid var(--line);margin-top:14px}
.brand-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;list-style:none;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.025em}
.brand-more summary::-webkit-details-marker{display:none}
.brand-more summary span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:20px;font-weight:400;transition:transform .2s ease,background-color .2s ease}
.brand-more[open] summary span{transform:rotate(45deg);background:#fff}
.brand-more-content{padding:10px 0 24px;animation:brand-more-in .25s ease both}
.brand-more-content p{margin:0 0 14px;color:var(--muted);font-size:11px}
.brand-more-list{display:flex;flex-wrap:wrap;gap:8px}
.brand-more-list span{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:42px;padding:8px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:12px;font-weight:650}
.brand-more-content>a{display:inline-flex;align-items:center;gap:15px;margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:11px;font-weight:700}
.brand-more-content>a svg{width:15px;height:15px}
@keyframes brand-more-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .hero{height:100svh;min-height:0}
 .hero-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .hero-bottom{top:80px;bottom:auto}
 .brand-more{margin-top:9px}
 .brand-more summary{min-height:53px}
 .brand-more-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .brand-more-list span{min-width:0;padding-inline:8px}
}
@media(max-width:380px){
 .hero-content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.brand-more-content{animation:none}.brand-more summary span{transition:none}}

/* Exact SVG plate covers follow each source photograph's own coordinates. */
.plate-overlay{pointer-events:none}
.car-photo>.plate-overlay{position:absolute;inset:0;width:100%;height:100%;padding:25px 10px 12px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.car-photo:hover>.plate-overlay{transform:scale(1.035)}
.journey-image>.plate-overlay{position:absolute;inset:0;width:100%;height:100%;padding:14px;z-index:1}
.gallery-main>.plate-overlay,.gallery-thumb>.plate-overlay{position:absolute;inset:0;width:100%;height:100%}
.gallery-thumb{position:relative}
.lightbox-visual{position:relative;width:100%}
.lightbox-visual>img{display:block;max-height:calc(100svh - 175px);width:100%;object-fit:contain}
.lightbox-visual>.plate-overlay{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:600px){.car-photo>.plate-overlay{padding:25px 9px 8px}}

/* One entry point for the local employee cabinet and the future customer area. */
.desktop-nav .account-link{padding-left:16px;border-left:1px solid currentColor}
.mobile-menu .mobile-account{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--red);font-weight:750}
.mobile-account span{font-size:18px;font-weight:400;line-height:1}

/* Keep every vehicle photograph inside its frame, regardless of source ratio. */
.hero-image,.car-photo>img,.gallery-main>img,.gallery-thumb img,.journey-image>img,.lightbox-visual>img{object-fit:contain}
.gallery-main>img,.gallery-thumb img{display:block}
.gallery-main>img,.gallery-thumb img{aspect-ratio:7/4}
.gallery-thumb{background:#efefed}
.car-photo:hover>img,.car-photo:hover>.plate-overlay{transform:none}

/* Review pass: quieter navigation, balanced hero controls and compact catalog. */
.nav-island .brand img,.nav-island.scrolled .brand img{width:78px;height:47px}
.desktop-nav a::after{content:none}
.desktop-nav .account-link{padding-left:0;border-left:0}
.desktop-nav a:hover{opacity:.58}
.mobile-menu{background:#fdfdfc}
body.menu-open .action-island{opacity:0;visibility:hidden;pointer-events:none}
.hero-content-bottom{width:100%;max-width:none;align-items:end}
.hero-content-bottom p{max-width:540px}
.hero-cta{margin-left:auto;flex-shrink:0}
.hero-bottom{width:min(1320px,calc(100% - 96px))}
.hero-motion{box-sizing:border-box;min-width:102px;justify-content:center;padding:0 12px;white-space:nowrap;border:1px solid #ffffff82;border-radius:11px;background:#15151585;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.motion-icon{min-width:16px;letter-spacing:0;line-height:1}
.catalog-head{padding-top:118px;padding-bottom:22px}
.catalog-head .breadcrumb{margin-bottom:19px}
.catalog-head .eyebrow{margin-bottom:10px}
.catalog-head h1{font-size:clamp(3.1rem,5.1vw,5.6rem);line-height:1.04;letter-spacing:-.06em}
.catalog-intro{margin-top:16px;padding-top:13px}
.catalog-intro p{max-width:650px;font-size:13px}
.empty-state{padding:44px 24px 50px}
.empty-state h2{font-size:clamp(2rem,3vw,2.65rem);line-height:1.16}
.footer{padding-top:49px;padding-bottom:76px}
.footer-top{margin-bottom:48px}
.phone-large{font-size:clamp(2.1rem,3.5vw,3.5rem);line-height:1.12;letter-spacing:-.055em}
.footer-legal{display:flex;justify-content:space-between;align-items:start;gap:35px;border-top:1px solid #ffffff2c;margin-top:22px;padding-top:17px;color:#aaa9a3;font-size:12px;line-height:1.55}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:12px 23px;flex:0 0 auto}
.footer-legal a{color:#f2f0eb;text-decoration:none;transition:color .2s ease}
.footer-legal a:hover{color:#ff6b62}
.footer-legal p{max-width:610px;margin:0;text-align:right}
.cookie-notice{position:fixed;z-index:36;left:22px;bottom:22px;display:flex;align-items:center;gap:20px;max-width:min(570px,calc(100vw - 44px));padding:16px 17px 16px 20px;border:1px solid #ffffff3d;border-radius:17px;background:rgba(24,24,24,.93);color:white;box-shadow:0 16px 45px #0004;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.cookie-notice[hidden]{display:none}
.cookie-notice p{margin:0;font-size:11px;line-height:1.5}
.cookie-notice a{text-decoration:underline;text-underline-offset:3px}
.cookie-notice button{flex:0 0 auto;min-height:42px;padding:9px 15px;border-radius:10px;background:white;color:#181818;font-size:11px;font-weight:750}
.legal-page{padding-top:142px;padding-bottom:78px;max-width:900px}
.legal-page .breadcrumb{margin-bottom:25px}
.legal-page h1{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.08;margin:0 0 24px}
.legal-page .legal-intro{font-size:16px;color:var(--muted);max-width:690px}
.legal-page h2{font-size:1.5rem;letter-spacing:-.04em;line-height:1.2;margin:38px 0 12px}
.legal-page p,.legal-page li{font-size:14px;line-height:1.7}
.legal-page ul{padding-left:20px}
.legal-page a{text-decoration:underline;text-underline-offset:3px}
.legal-draft{padding:15px 18px;border-left:3px solid var(--red);background:#ececea;color:#343434;font-size:13px}
@media(max-width:880px){
 .hero-bottom{width:calc(100% - 56px)}
 .footer-legal{display:block}
 .footer-legal p{max-width:690px;margin-top:13px;text-align:left}
}
@media(max-width:600px){
 .nav-island .brand img,.nav-island.scrolled .brand img{width:58px;height:36px}
 .hero-content-bottom{display:block}
 .hero-content-bottom p{max-width:330px}
 .hero-cta{margin-left:0}
 .hero-bottom{left:0;right:0;width:calc(100% - 36px);top:80px;bottom:auto}
 .hero-motion{min-width:95px;min-height:39px;padding:5px 10px}
 .catalog-head{padding-top:102px;padding-bottom:16px}
 .catalog-head .breadcrumb{margin-bottom:17px}
 .catalog-head h1{font-size:clamp(2.75rem,10.2vw,3.45rem);line-height:1.06}
 .catalog-intro{margin-top:13px}
 .catalog-intro p{font-size:12px;line-height:1.55}
 .empty-state{padding:37px 18px 42px}
 .empty-state h2{font-size:1.95rem}
 .footer{padding-top:40px;padding-bottom:95px}
 .footer-top{margin-bottom:30px}
 .phone-large{font-size:clamp(1.9rem,7vw,2.45rem)}
 .footer-legal{margin-top:19px}
 .footer-legal-links{display:grid;gap:9px}
 .cookie-notice{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none;gap:11px;padding:13px;border-radius:14px}
 body:has(.action-island.is-visible) .cookie-notice:not([hidden]){bottom:calc(76px + env(safe-area-inset-bottom))}
 .cookie-notice p{font-size:10px}
 .cookie-notice button{padding:8px 10px;font-size:10px}
 .catalog-meta #result-count{flex:0 0 auto;white-space:nowrap}
 .catalog-meta>p:last-child{max-width:170px;text-align:right}
 .legal-page{padding-top:108px;padding-bottom:65px}
 .legal-page h1{font-size:clamp(2rem,8vw,2.4rem);letter-spacing:-.055em}
}

/* About and contact pages use the same restrained editorial language. */
.editorial-page{padding-top:138px;padding-bottom:80px;max-width:1280px}
.editorial-page .breadcrumbs{margin-bottom:44px}
.editorial-hero{display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:1000px;padding:12px 0 82px}
.editorial-hero h1{margin:0;font-size:clamp(3.5rem,8.5vw,8.5rem);font-weight:500;line-height:.99;letter-spacing:-.075em}
.editorial-hero h1 em{font-style:normal;color:var(--red)}
.editorial-hero p{max-width:570px;margin:0;color:#686866;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.5}
.editorial-hero .button{margin-top:8px}
.editorial-split{display:grid;grid-template-columns:minmax(160px,.4fr) 1fr;gap:40px;padding:55px 0;border-top:1px solid #d9d9d5}
.editorial-split h2,.editorial-outro h2{margin:0 0 24px;font-size:clamp(2.3rem,4.5vw,5rem);font-weight:500;line-height:1.06;letter-spacing:-.06em}
.editorial-split p{max-width:690px;color:#666;font-size:16px;line-height:1.7}
.editorial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.editorial-steps>div{min-height:230px;padding:28px;border:1px solid #dcdcd8;border-radius:22px;background:#f4f4f2}
.editorial-steps span,.contact-tile>span{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.14em}
.editorial-steps h3{margin:50px 0 8px;font-size:23px;font-weight:600;letter-spacing:-.04em}
.editorial-steps p{margin:0;color:#686866;font-size:14px}
.editorial-outro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:96px;padding:52px 0 0;border-top:1px solid #d9d9d5}
.editorial-outro h2{margin:0}
.editorial-contacts{padding-bottom:54px}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.contact-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:230px;padding:28px;background:#f0f0ed;border:1px solid #deded9;border-radius:22px;transition:transform .25s,background .25s}
a.contact-tile:hover{transform:translateY(-3px);background:#e9e9e5}
.contact-tile strong{font-size:clamp(1.5rem,3vw,2.55rem);font-weight:550;line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}
.contact-tile small{color:#656565;font-size:13px}
@media(max-width:700px){.editorial-page{padding-top:108px;padding-bottom:72px}.editorial-page .breadcrumbs{margin-bottom:32px}.editorial-hero{gap:17px;padding-bottom:56px}.editorial-hero h1{font-size:clamp(3rem,12vw,5rem)}.editorial-hero p{font-size:15px}.editorial-split{display:block;padding:38px 0}.editorial-split .eyebrow{display:block;margin-bottom:30px}.editorial-split h2,.editorial-outro h2{font-size:clamp(2.15rem,8vw,3.3rem)}.editorial-split p{font-size:14px}.editorial-steps{grid-template-columns:1fr}.editorial-steps>div{min-height:160px}.editorial-steps h3{margin-top:28px}.editorial-outro{display:block;margin-top:55px;padding-top:40px}.editorial-outro .button{margin-top:22px}.contact-grid{grid-template-columns:1fr}.contact-tile{min-height:170px;padding:23px}.contact-tile strong{font-size:clamp(1.65rem,7vw,2.4rem)}}
@media(prefers-reduced-motion:reduce){.contact-tile{transition:none}}
.home-empty-cars{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:170px;padding:30px;border:1px solid #dddcd8;border-radius:22px;background:#f2f2ef}
.home-empty-cars p{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.05em}
@media(max-width:600px){.home-empty-cars{display:block;min-height:0;padding:24px}.home-empty-cars a{display:inline-block;margin-top:16px}}

/* Concise answers before ordering; the catalogue and contract remain the source of exact terms. */
.page-home .journey{margin-bottom:0}
.questions-section{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(38px,8vw,120px);padding-block:82px 96px}
.questions-heading .eyebrow{margin-bottom:20px}
.questions-heading h2{font-size:clamp(2.55rem,4.5vw,4.5rem);line-height:1.04;letter-spacing:-.06em;font-weight:550}
.questions-heading h2 em{color:var(--red);font-style:normal}
.questions-heading p{max-width:310px;margin-top:22px;color:#626260;font-size:14px;line-height:1.65}
.questions-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;margin-top:30px;padding:10px 17px;border:1px solid #c9c9c4;border-radius:13px;background:transparent;color:var(--ink);font-size:13px;font-weight:700;text-align:start;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.questions-cta span{color:var(--red);font-size:20px;line-height:1}
.questions-cta:hover{background:#fff;border-color:#a9a9a4}
.questions-cta:active{transform:scale(.96)}
.questions-list{border-top:1px solid #c8c8c3}
.questions-list details{border-bottom:1px solid #c8c8c3}
.questions-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 0;list-style:none;cursor:pointer;font-size:clamp(1rem,1.55vw,1.25rem);font-weight:600;line-height:1.4;letter-spacing:-.025em}
.questions-list summary::-webkit-details-marker{display:none}
.questions-list summary::marker{content:""}
.questions-toggle{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #bcbcb7;border-radius:50%;font-size:22px;font-weight:300;line-height:1;transition:transform .25s cubic-bezier(.2,0,0,1),background-color .15s ease,color .15s ease}
.questions-list details[open] .questions-toggle{transform:rotate(45deg);background:var(--ink);border-color:var(--ink);color:white}
.questions-list details p{max-width:600px;margin:0;padding:0 56px 23px 0;color:#646461;font-size:14px;line-height:1.7}
@media(max-width:780px){.questions-section{grid-template-columns:1fr;gap:30px;padding-block:60px 72px}.questions-heading h2{font-size:clamp(2.7rem,8vw,3.6rem)}.questions-heading p{max-width:520px;margin-top:14px}.questions-cta{margin-top:22px}.questions-list summary{min-height:70px}}
@media(max-width:600px){.questions-section{padding-block:50px 65px}.questions-heading h2{font-size:clamp(2.55rem,10vw,3.1rem)}.questions-list summary{min-height:68px;font-size:16px}.questions-list details p{padding-right:12px;font-size:13px}.questions-toggle{flex-basis:32px;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.questions-cta,.questions-toggle{transition:none}}

/* The first conversation is a clear next step, not a long lead form. */
.hero-intro{max-width:540px}
.hero-assurance{display:block;position:relative;margin-top:12px;padding-inline-start:15px;color:#ecebe8;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.025em}
.hero-assurance::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--red)}
.hero-assurance>span{padding-inline:5px;color:#ffffffa8}
.selection-request{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:360px;min-height:44px;margin-top:13px;padding:10px 12px;border:1px solid #d6d6d1;border-radius:11px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;line-height:1.4;text-align:start;cursor:pointer;transition:background-color .15s ease,transform .15s ease}
.selection-request:hover{background:#eeeae7}
.selection-request:active{transform:scale(.96)}
.selection-request>span{color:var(--red);font-size:18px;line-height:1}
.contact-dialog{max-height:calc(100svh - 28px);overflow:auto}
.contact-dialog h2{max-width:390px;overflow-wrap:anywhere}
.contact-dialog-next{margin:-5px 0 23px;padding:15px 17px;border:1px solid #e0e0dc;border-radius:14px;background:#f4f4f1}
.contact-dialog-next>span{display:block;margin-bottom:9px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.13em}
.contact-dialog .contact-dialog-next p{margin:0;color:#40403e;font-size:13px;line-height:1.5}
.contact-dialog .contact-dialog-next p+p{margin-top:5px;color:#70706d;font-size:11px}
.contact-route{display:inline-flex;align-items:center;min-height:36px;margin-top:8px;padding:7px 11px;border:1px solid #c8c8c3;border-radius:10px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.3;transition:background-color .15s ease}
.contact-route:hover{background:#fff}
@media(max-width:600px){.hero-assurance{max-width:310px;margin-top:9px;font-size:9px}.selection-request{width:100%;max-width:none;font-size:11px}.contact-dialog-next{padding:13px 14px}.contact-dialog .contact-dialog-next p{font-size:12px}.contact-dialog .contact-dialog-next p+p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.selection-request,.contact-route{transition:none}}
.related-cars{margin-top:16px;padding-top:52px;border-top:1px solid var(--line)}
.related-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.related-heading .eyebrow{margin-bottom:8px}
.related-heading h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.08;letter-spacing:-.055em}
.related-heading .text-link{flex:0 0 auto}
.related-cars .car-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:930px;gap:20px}
.related-cars .car-card{max-width:none}
@media(max-width:700px){.related-cars{padding-top:42px}.related-heading{align-items:start;flex-direction:column;gap:6px;margin-bottom:20px}.related-heading h2{font-size:2.3rem}.related-cars .car-grid{grid-template-columns:1fr;gap:22px}}

/* The answers and footer share one continuous dark surface. */
.page-home .questions-section{display:block;margin-top:48px;padding:58px 0 50px;background:#151515;color:#f4f1e9}
.page-home .footer{background:#151515;padding-top:30px}
.page-home .footer-top{padding-top:28px;border-top:1px solid #ffffff35}
.questions-frame{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px)}
.questions-heading .eyebrow{display:block;margin-bottom:19px;color:#e65b50}
.questions-heading h2{margin:0;max-width:460px;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.45rem,4vw,4.6rem);line-height:1.02;letter-spacing:-.055em;font-style:normal;font-weight:550}
.questions-heading p{max-width:400px;margin:20px 0 0;color:#b6b5b2;font-size:13px;line-height:1.65}
.questions-contact{max-width:285px;margin-top:27px;padding:0;border:0}
.questions-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:46px;margin:0;padding:10px 14px;border:1px solid #ffffff6b;border-radius:12px;background:transparent;color:#fff;font-size:11px;font-weight:750;letter-spacing:.015em;transition:background-color .18s,border-color .18s}
.questions-cta span{color:#e65b50;font-size:18px}
.questions-cta:hover{background:#ffffff14;border-color:#fff}
.questions-list{border-top:1px solid #ffffff4a}
.questions-list details{border-bottom:1px solid #ffffff32}
.questions-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:18px 0;color:#f4f1e9;font-size:clamp(1rem,1.45vw,1.25rem);font-weight:580;line-height:1.35;letter-spacing:-.025em;transition:color .18s}
.questions-list summary:hover,.questions-list details[open] summary{color:#fff}
.questions-list summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.question-title{max-width:580px}
.questions-toggle{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #ffffff75;border-radius:50%;background:transparent;color:#f4f1e9;font-size:21px;font-weight:300;line-height:1;transition:transform .2s,border-color .2s}
.questions-list details[open] .questions-toggle{transform:rotate(45deg);border-color:#e65b50;background:transparent;color:#e65b50}
.question-answer{margin:0;padding:0 42px 21px 0}
.questions-list details .question-answer p{max-width:580px;margin:0;padding:0;color:#b9b8b4;font-size:13px;line-height:1.7}
@media(prefers-reduced-motion:no-preference){.questions-list details[open] .question-answer{animation:question-enter .25s ease-out both}}
@keyframes question-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){.questions-frame{grid-template-columns:1fr;gap:28px}.questions-heading h2{font-size:clamp(2.45rem,7vw,3.7rem)}.questions-heading p{margin-top:13px}.questions-contact{margin-top:17px}}
@media(max-width:600px){.page-home .questions-section{margin-top:34px;padding:42px 0 37px}.page-home .footer{padding-top:17px}.page-home .footer-top{padding-top:25px}.questions-heading h2{font-size:clamp(2.35rem,9vw,3.15rem)}.questions-heading .eyebrow{margin-bottom:13px}.questions-list summary{min-height:65px;padding:15px 0;font-size:15px}.questions-toggle{width:28px;height:28px;font-size:20px}.question-answer{padding-right:15px}.questions-list details .question-answer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.questions-cta,.questions-list summary,.questions-toggle{transition:none}.question-answer{animation:none}}
/* Decorative sequence numbers were removed from the copy. */
.principles article{display:block}
.steps li{display:block}

/* Hero copy and a responsive, tactile invitation in the floating menu. */
.hero h1{font-size:clamp(4.7rem,6.95vw,7.65rem)}
.hero-content-bottom p{max-width:600px;font-size:16px;line-height:1.5}
.hero-intro{max-width:600px}
.hero-cta{gap:16px}
.nav-contact{position:relative;transition:transform .32s cubic-bezier(.2,.8,.2,1),background-color .25s ease,box-shadow .32s ease}
.nav-contact>span{display:inline-block;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .nav-contact:hover{transform:translateY(-3px);background:#e42320;color:#fff;box-shadow:0 9px 20px #e4232040}
  .page-home .nav-island:not(.scrolled) .nav-contact:hover{background:#e42320;box-shadow:0 9px 20px #0005}
  .nav-contact:hover>span{transform:translate(3px,-3px);color:#fff}
}
.nav-contact:focus-visible{background:#e42320;color:#fff}
.nav-contact:focus-visible>span{color:#fff}
@media(max-width:880px){.hero h1{font-size:clamp(4rem,8.3vw,5.7rem)}}
@media(max-width:600px){
  .hero h1{font-size:clamp(2.45rem,9.8vw,2.9rem)}
  .hero-content-bottom p{max-width:370px;font-size:16px;line-height:1.45}
  .hero-intro{max-width:370px}
  .hero-assurance{max-width:370px;font-size:12px;line-height:1.45}
  .hero-cta{max-width:340px;gap:10px;font-size:10px}
}
@media(max-width:380px){.hero h1{font-size:clamp(2.25rem,9.8vw,2.55rem)}}
@media(prefers-reduced-motion:reduce){.nav-contact,.nav-contact>span{transition:none}}