@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 200;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F.ttf) format('truetype');

}
@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 300;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFO_F.ttf) format('truetype');

}
@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format('truetype');

}
@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 500;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');

}
@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 600;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format('truetype');

}
@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf) format('truetype');

}
@font-face {
     font-family: 'Manrope';
     font-style: normal;
     font-weight: 800;
     font-display: swap;
     src: url(fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');

}
:root {
    --ink:#211011;
    --muted:#69767c;
    --blue:#b93338;
    --teal:#9d2b30;
    --line:#e9dfdf;
    --paper:#fff;
    --soft:#f7f3f3;
    --dark:#180809;
    --radius:15px;
    --font:Manrope,Arial,sans-serif
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:115px
}
body {
    margin:0;
    font-family:var(--font);
    color:var(--ink);
    background:var(--paper);
    font-size:16px;
    line-height:1.65
}
button,input,select,textarea {
    font:inherit
}
button,a,input,select {
    -webkit-tap-highlight-color:transparent
}
a {
    color:inherit;
    text-decoration:none
}
button {
    cursor:pointer
}
button:disabled {
    cursor:wait
}
img {
    max-width:100%;
    display:block
}
button {
    color:inherit
}
p {
    color:var(--muted);
    margin:0 0 24px
}
h1,h2,h3 {
    line-height:1.1;
    letter-spacing:-.045em;
    margin:0;
    font-weight:700
}
h1 {
    font-size:clamp(44px,5.6vw,78px)
}
h2 {
    font-size:clamp(34px,3.7vw,51px)
}
h3 {
    font-size:25px
}
h2 span,.stock-head h1 span {
    color:#809096
}
label {
    display:block;
    font-size:13px;
    font-weight:650;
    color:#6b5354;
    letter-spacing:.01em
}
input,select,textarea {
    display:block;
    width:100%;
    border:1px solid var(--line);
    border-radius:7px;
    background:#fff;
    color:var(--ink);
    min-height:49px;
    padding:11px 13px;
    margin-top:7px;
    font-size:15px;
    transition:border-color .2s,box-shadow .2s
}
select {
    padding-right:32px
}
input:focus,select:focus,textarea:focus {
    outline:none;
    border-color:var(--blue);
    box-shadow:0 0 0 3px #b9333814
}
input::placeholder {
    color:#8b969c
}
button:focus-visible,a:focus-visible,summary:focus-visible {
    outline:3px solid var(--blue);
    outline-offset:5px
}
::selection {
    background:#9d2b3040
}
.container {
    width:min(1280px,calc(100% - 96px));
    margin-inline:auto
}
.section {
    padding-block:106px
}
.eyebrow {
    font-size:12px;
    letter-spacing:.17em;
    color:#8d272b;
    font-weight:800;
    margin-bottom:22px
}
.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:26px;
    background:linear-gradient(115deg,#b23136,#91282c);
    border:1px solid transparent;
    color:#fff;
    min-height:54px;
    border-radius:7px;
    padding:14px 23px;
    font-size:14px;
    font-weight:750;
    line-height:1.3;
    transition:transform .25s,box-shadow .25s,filter .25s
}
.btn:hover {
    transform:translateY(-3px);
    box-shadow:0 10px 26px #97292e30;
    filter:brightness(1.06)
}
.btn span {
    font-size:22px
}
.btn-small {
    min-height:44px;
    padding:10px 18px
}
.btn-dark {
    background:var(--ink)
}
.btn-outline {
    background:transparent;
    color:var(--ink);
    border-color:var(--line)
}
.link-arrow {
    font-size:14px;
    font-weight:800;
    display:inline-block;
    border-bottom:1px solid #d38083;
    padding-bottom:6px
}
.text-button {
    border:0;
    background:none;
    text-align:left;
    font-size:inherit;
    padding:0;
    color:inherit
}
.skip-link {
    position:fixed;
    top:-100px;
    left:20px;
    z-index:100;
    background:white;
    padding:14px
}
.skip-link:focus {
    top:10px
}
.topbar {
    background:var(--dark);
    color:#b9a4a5;
    font-size:10px;
    letter-spacing:.1em
}
.topbar .container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:35px
}
.topbar a {
    font-size:12px;
    letter-spacing:0
}
.top-divider {
    color:var(--teal);
    margin:0 14px
}
.site-header {
    background:#ffffffed;
    backdrop-filter:blur(15px);
    position:sticky;
    top:0;
    z-index:30;
    border-bottom:1px solid #ffffff40
}
.nav-wrap {
    height:91px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}
.wordmark {
    font-family:Arial,sans-serif;
    display:inline-block;
    font-weight:950;
    line-height:.8;
    font-size:43px;
    letter-spacing:-3px;
    position:relative;
    white-space:nowrap
}
.wordmark small {
    display:block;
    font-size:13px;
    letter-spacing:2.05px;
    line-height:1.6;
    margin-top:6px;
    color:#737a7e;
    font-weight:800
}
.brand-dots {
    display:inline-flex;
    gap:4px;
    margin-left:6px;
    vertical-align:baseline;
    letter-spacing:0
}
.brand-dots i {
    width:10px;
    height:10px;
    background:var(--blue);
    border-radius:50%
}
.brand-dots i+i {
    background:var(--teal)
}
nav#navigation {
    display:flex;
    align-items:center;
    gap:32px;
    font-size:13px;
    font-weight:700
}
#navigation>a:not(.btn) {
    position:relative;
    padding-block:8px
}
#navigation>a[aria-current=page]:after {
    content:'';
    position:absolute;
    bottom:0;
    height:2px;
    left:0;
    right:0;
    background:var(--teal)
}
.nav-saved {
    display:flex;
    gap:7px;
    align-items:center;
    font-size:23px
}
.nav-saved span {
    font-size:12px
}
.menu-toggle {
    display:none
}
.hero {
    position:relative;
    background:#180809;
    min-height:680px;
    overflow:hidden;
    color:#fff
}
.hero-img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    animation:heroImage 1.8s ease-out both
}
.hero-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#170708d9 0%,#1707088c 33%,transparent 65%),linear-gradient(0deg,#180809bc,transparent 25%)
}
.hero-content {
    position:relative;
    z-index:2;
    padding-top:75px;
    padding-bottom:60px
}
.hero-kicker {
    font-size:11px;
    letter-spacing:.19em;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:28px;
    color:#e2d1d2
}
.hero-kicker>span {
    width:22px;
    height:2px;
    background:var(--teal)
}
.hero h1 {
    font-size:clamp(49px,5.5vw,78px);
    line-height:1.02;
    max-width:680px;
    animation:rise .8s both
}
.hero h1 em {
    font-style:normal;
    font-weight:500;
    font-size:.74em;
    background:linear-gradient(100deg,#e29699,#d25a5f);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    line-height:1.4
}
.hero p {
    color:#ccb5b6;
    font-size:15px;
    margin-top:25px;
    animation:rise .8s .1s both
}
.hero-actions {
    display:flex;
    align-items:center;
    gap:30px;
    margin-top:34px;
    animation:rise .8s .2s both
}
.hero-link {
    font-size:13px;
    border-bottom:1px solid #65727a;
    padding-bottom:5px
}
.hero-link span {
    margin-left:12px
}
.hero-meta {
    display:flex;
    align-items:center;
    gap:26px;
    margin-top:54px;
    font-size:11px;
    color:#baa2a3;
    letter-spacing:.02em
}
.hero-meta b {
    color:#fff;
    font-size:25px;
    margin-right:10px;
    font-weight:500
}
.hero-meta>span+span {
    border-left:1px solid #536269;
    padding-left:26px
}
.hero-meta i {
    margin:0 8px;
    color:#95292d
}
.hero-image-note {
    position:absolute;
    right:45px;
    bottom:19px;
    font-size:10px;
    color:#c9b0b1
}
.hero-vertical {
    position:absolute;
    right:24px;
    top:80px;
    writing-mode:vertical-rl;
    letter-spacing:.3em;
    font-size:10px;
    color:#b79294
}
.quick-search {
    position:relative;
    z-index:3;
    margin-top:-1px;
    display:flex;
    gap:40px;
    align-items:center;
    padding:30px 35px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 20px 60px #2d13140b;
    border-radius:0 0 13px 13px
}
.search-intro {
    min-width:175px;
    border-right:1px solid var(--line);
    padding-right:30px
}
.search-intro .eyebrow {
    display:block;
    margin:0 0 4px;
    font-size:10px
}
.search-intro strong {
    font-size:24px;
    letter-spacing:-.05em
}
.quick-search form {
    display:grid;
    grid-template-columns:1fr 1.4fr auto;
    gap:22px;
    align-items:end;
    flex:1
}
.quick-search label {
    font-size:12px
}
.quick-search input,.quick-search select {
    border:0;
    border-bottom:1px solid var(--line);
    border-radius:0;
    padding-left:0;
    padding-bottom:8px;
    min-height:42px
}
.section-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:42px
}
.section-heading>div>p:not(.eyebrow),.section-heading>p {
    font-size:14px;
    line-height:1.8
}
.section-heading .eyebrow {
    margin-bottom:17px
}
.section-heading .link-arrow {
    margin-top:3px
}
.car-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
.car-card {
    position:relative;
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    background:white;
    transition:transform .3s,box-shadow .3s
}
.car-card:hover {
    transform:translateY(-6px);
    box-shadow:0 22px 50px #45181a12
}
.car-photo {
    position:relative;
    display:block;
    aspect-ratio:1.48;
    overflow:hidden;
    background:#f3eeee
}
.car-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s
}
.car-card:hover .car-photo img {
    transform:scale(1.04)
}
.photo-count {
    position:absolute;
    bottom:14px;
    left:16px;
    background:#ffffffed;
    border-radius:4px;
    padding:4px 8px;
    font-size:10px;
    font-weight:700
}
.photo-arrow {
    position:absolute;
    right:15px;
    bottom:14px;
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    background:#fff;
    border-radius:50%;
    font-size:19px
}
.favorite,.icon-btn {
    width:40px;
    height:40px;
    border:1px solid var(--line);
    background:white;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:24px;
    line-height:1
}
.favorite {
    position:absolute;
    top:14px;
    right:14px;
    box-shadow:0 3px 9px #0001
}
.favorite[aria-pressed=true],.icon-btn[aria-pressed=true] {
    background:var(--blue);
    color:white;
    border-color:var(--blue)
}
.car-body {
    padding:23px 23px 18px
}
.car-body .eyebrow {
    font-size:10px;
    letter-spacing:.14em;
    margin-bottom:8px
}
.car-body h3 {
    font-size:26px
}
.car-version {
    font-size:12px;
    margin:7px 0 20px;
    min-height:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.car-facts {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px 15px;
    font-size:11px;
    color:#62737c;
    padding-bottom:20px
}
.car-facts span {
    display:flex;
    align-items:center;
    gap:6px
}
.car-facts span:before {
    content:'';
    width:4px;
    height:4px;
    background:#bd9e9f;
    border-radius:50%
}
.car-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--line);
    padding-top:17px;
    gap:10px
}
.car-bottom strong {
    font-size:24px;
    letter-spacing:-.05em
}
.car-bottom a {
    font-size:11px;
    font-weight:750
}
.car-bottom a span {
    margin-left:8px;
    font-size:19px;
    color:#94292d
}
.brand-strip {
    background:var(--soft);
    border-block:1px solid #f2eaea
}
.brand-strip .container {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:25px;
    padding-block:30px
}
.brand-strip a {
    font-size:16px;
    font-weight:750;
    color:#74838a;
    letter-spacing:-.02em
}
.brand-strip a:hover {
    color:var(--blue)
}
.about {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center
}
.about-image {
    border-radius:14px;
    overflow:hidden;
    position:relative;
    height:650px;
    background:var(--dark)
}
.about-image>img {
    width:100%;
    height:100%;
    object-fit:cover
}
.about-image:after {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,#1c0809ee,transparent 70%)
}
.about-caption {
    position:absolute;
    left:34px;
    right:34px;
    bottom:35px;
    z-index:2;
    color:white;
    display:grid;
    gap:22px
}
.about-caption>span {
    font-size:10px;
    letter-spacing:.2em;
    color:#d9babb
}
.about-caption strong {
    font-size:38px;
    line-height:1.15;
    letter-spacing:-.04em
}
.about-copy h2 {
    margin-bottom:25px
}
.about-copy>p:not(.eyebrow) {
    font-size:14px;
    line-height:1.95
}
.about-points {
    margin-block:28px
}
.about-points>div {
    display:flex;
    gap:20px;
    padding:15px 0;
    border-top:1px solid var(--line)
}
.about-points b {
    color:#92282c;
    font-size:13px;
    padding-top:3px
}
.about-points span {
    font-size:14px;
    font-weight:700
}
.about-points small {
    display:block;
    color:var(--muted);
    font-weight:400;
    font-size:12px;
    margin-top:3px
}
.finance-band {
    background:var(--dark);
    padding-block:92px;
    color:#fff;
    position:relative;
    overflow:hidden
}
.finance-band:before {
    content:'';
    position:absolute;
    width:600px;
    height:600px;
    border:1px solid #611b1e38;
    border-radius:50%;
    left:-300px;
    top:80px;
    box-shadow:0 0 0 80px #611b1e0a,0 0 0 160px #611b1e09;
    pointer-events:none
}
.finance-layout {
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center
}
.finance-layout>div>h2 {
    font-size:clamp(36px,3.8vw,55px);
    margin-bottom:30px
}
.finance-layout h2 span {
    color:var(--teal)
}
.finance-layout>div>p:not(.eyebrow) {
    color:#bba1a2;
    font-size:15px;
    max-width:420px
}
.finance-layout .eyebrow {
    color:#d1555b
}
.finance-pills {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:32px
}
.finance-pills span {
    border:1px solid #5b3436;
    color:#ccb6b7;
    border-radius:30px;
    padding:6px 11px;
    font-size:11px
}
.calculator {
    background:#fff;
    color:var(--ink);
    border:1px solid var(--line);
    border-radius:14px;
    padding:30px;
    box-shadow:0 15px 35px #18080908
}
.calc-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:24px
}
.calc-head .eyebrow {
    color:#763d3f!important;
    margin:0;
    font-size:10px
}
.calc-icon {
    width:33px;
    height:33px;
    border-radius:9px;
    background:#f8e5e6;
    color:#8f272b;
    display:grid;
    place-items:center
}
.calc-fields {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
.calc-fields label {
    font-size:11px
}
.calc-fields input,.calc-fields select {
    min-height:45px;
    font-size:14px;
    background:#fcf9f9
}
.calc-balloon {
    grid-column:1/-1
}
.calc-result {
    display:flex;
    align-items:end;
    justify-content:space-between;
    border-top:1px solid var(--line);
    margin-top:24px;
    padding-top:20px
}
.calc-result>div>span {
    display:block;
    font-size:11px;
    color:#856667
}
.calc-result strong {
    font-size:46px;
    letter-spacing:-.06em;
    line-height:1.4
}
.calc-result>span {
    font-size:12px;
    color:#7b8a92;
    padding-bottom:12px
}
.calc-summary {
    display:grid;
    gap:6px;
    padding:15px 0
}
.calc-summary>span {
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:var(--muted)
}
.calc-summary b {
    color:var(--ink);
    font-weight:600
}
.fineprint {
    font-size:11px;
    line-height:1.65;
    color:#7a8990;
    margin-top:14px;
    margin-bottom:0
}
.rate-source {
    font-size:11px;
    border-top:1px solid var(--line);
    padding-top:13px;
    margin-top:16px;
    color:var(--muted)
}
.rate-source summary {
    cursor:pointer;
    font-weight:650
}
.rate-source p {
    font-size:11px;
    margin:12px 0
}
.rate-source a {
    color:#862529
}
.rate-source button {
    display:block;
    margin-top:10px;
    text-decoration:underline
}
.calc-error {
    font-size:12px;
    color:#9d2235;
    margin:15px 0
}
.journey-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:45px;
    margin-top:60px
}
.journey-grid article {
    border-top:2px solid #ebdcdd;
    padding-top:27px;
    position:relative
}
.journey-grid article:before {
    content:'';
    position:absolute;
    top:-2px;
    left:0;
    width:40px;
    height:2px;
    background:var(--teal)
}
.journey-grid article>span {
    font-size:11px;
    font-weight:750;
    letter-spacing:.08em;
    color:#872529
}
.journey-grid h3 {
    font-size:23px;
    margin:25px 0 18px
}
.journey-grid p {
    font-size:14px
}
.contact-banner {
    background:linear-gradient(115deg,#982a2e,#852529);
    color:white;
    padding-block:70px
}
.contact-banner .container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px
}
.contact-banner .eyebrow {
    color:#edbec0;
    font-size:10px
}
.contact-banner h2 {
    font-size:46px
}
.round-cta {
    border:1px solid #ffffff75;
    width:106px;
    height:106px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:48px;
    flex-shrink:0;
    transition:.3s
}
.round-cta:hover {
    background:#fff;
    color:var(--blue);
    transform:rotate(45deg)
}
.site-footer {
    background:var(--dark);
    color:#fff;
    padding-top:70px
}
.footer-top {
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:65px
}
.light {
    color:#fff
}
.footer-top>div>a:not(.wordmark) {
    display:block;
    font-size:12px;
    color:#bfa4a5;
    margin-top:12px;
    overflow-wrap:anywhere
}
.footer-top p {
    font-size:12px;
    color:#bfa4a5;
    margin-top:20px
}
.footer-top .eyebrow {
    display:block;
    font-size:10px;
    color:#f2e7e7;
    margin-bottom:24px
}
.footer-bottom {
    border-top:1px solid #3f2627;
    display:flex;
    justify-content:space-between;
    gap:25px;
    font-size:10px;
    color:#9f7a7c;
    padding-block:24px
}
.footer-bottom>div {
    display:flex;
    gap:18px;
    flex-wrap:wrap
}
.footer-bottom>span:last-child {
    letter-spacing:.15em
}
.toast {
    position:fixed;
    left:50%;
    bottom:30px;
    transform:translate(-50%,20px);
    padding:13px 22px;
    border-radius:9px;
    background:var(--ink);
    color:white;
    font-size:13px;
    z-index:100;
    opacity:0;
    pointer-events:none;
    transition:.25s;
    box-shadow:0 8px 25px #0003;
    max-width:calc(100vw - 30px);
    width:max-content
}
.toast.active {
    opacity:1;
    transform:translate(-50%,0)
}
.back-top {
    position:fixed;
    bottom:24px;
    right:24px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #7b4648;
    background:#fff;
    color:var(--ink);
    z-index:20;
    opacity:0;
    pointer-events:none;
    transition:.3s
}
.back-top.visible {
    opacity:1;
    pointer-events:auto
}
.reveal {
    opacity:1
}
.js-motion .reveal.pending {
    opacity:0;
    transform:translateY(22px)
}
.js-motion .reveal {
    transition:opacity .7s,transform .7s
}
.stock-head {
    background:#f7efef;
    padding:64px 0 70px;
    position:relative;
    overflow:hidden
}
.stock-head h1 {
    font-size:54px
}
.stock-head p:last-child {
    margin:22px 0 0;
    font-size:14px
}
.stock-deco {
    position:absolute;
    right:6%;
    top:-100px;
    font-weight:900;
    font-size:370px;
    color:#f0e2e3;
    letter-spacing:-.1em;
    z-index:0;
    pointer-events:none
}
.stock-head .container {
    position:relative;
    z-index:1
}
.stock-layout {
    display:grid;
    grid-template-columns:255px minmax(0,1fr);
    gap:38px;
    padding-block:55px 90px;
    align-items:start
}
.filter-panel {
    border:1px solid var(--line);
    padding:22px;
    border-radius:12px;
    background:#fff
}
.filter-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px;
    gap:8px
}
.filter-heading h2 {
    font-size:18px;
    letter-spacing:-.03em
}
.filter-heading a {
    font-size:10px;
    text-decoration:underline;
    color:var(--muted)
}
.filter-panel label {
    font-size:11px;
    margin-bottom:15px
}
.filter-panel input,.filter-panel select {
    font-size:12px;
    min-height:42px;
    padding:9px
}
.filter-panel .btn {
    width:100%;
    font-size:12px;
    padding-inline:8px
}
.filter-help {
    font-size:11px;
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid var(--line)
}
.filter-help span,.filter-help a {
    display:block
}
.filter-help span {
    color:var(--muted)
}
.filter-help a {
    font-weight:700;
    margin-top:5px
}
.results-toolbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:25px;
    min-height:48px
}
.results-toolbar strong {
    font-size:20px;
    letter-spacing:-.03em
}
.results-toolbar>div>span {
    display:block;
    font-size:11px;
    color:var(--muted)
}
.sort-control {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:11px
}
.sort-control select {
    width:auto;
    min-height:42px;
    margin-top:0;
    font-size:12px
}
.stock-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px
}
.stock-note {
    font-size:11px;
    margin:28px 0 0
}
.pagination {
    display:flex;
    justify-content:center;
    gap:9px;
    margin-top:35px
}
.pagination a {
    width:42px;
    height:42px;
    border:1px solid var(--line);
    border-radius:6px;
    display:grid;
    place-items:center;
    font-size:14px
}
.pagination a[aria-current=page] {
    background:var(--ink);
    color:#fff
}
.stock-results.is-loading {
    opacity:.5;
    pointer-events:none;
    transition:opacity .2s
}
.empty-state {
    text-align:center;
    padding:70px 25px;
    border:1px dashed #dfcbcc;
    border-radius:15px;
    background:#fdfafa
}
.empty-state>span {
    font-size:55px;
    color:var(--blue)
}
.empty-state h2 {
    font-size:31px;
    margin:20px 0
}
.empty-state p {
    font-size:14px
}
.breadcrumbs {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    font-size:11px;
    color:var(--muted);
    padding-top:27px
}
.detail-heading {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:35px 0;
    gap:25px
}
.detail-heading h1 {
    font-size:53px
}
.detail-heading .eyebrow {
    margin-bottom:15px
}
.detail-heading p:last-child {
    margin:12px 0 0;
    font-size:16px
}
.detail-actions {
    display:flex;
    gap:10px
}
.detail-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:40px;
    align-items:start
}
.gallery-stage {
    position:relative;
    border-radius:12px;
    overflow:hidden;
    background:#efe8e8;
    aspect-ratio:4/3
}
.gallery-open {
    padding:0;
    border:0;
    width:100%;
    height:100%;
    display:block;
    background:transparent;
    cursor:zoom-in
}
.gallery-open img {
    width:100%;
    height:100%;
    object-fit:contain
}
.gallery-prev,.gallery-next {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:45px;
    border:1px solid #ffffff50;
    border-radius:6px;
    background:#18080970;
    color:white;
    font-size:30px;
    display:grid;
    place-items:center;
    line-height:1
}
.gallery-prev {
    left:16px
}
.gallery-next {
    right:16px
}
.gallery-counter {
    position:absolute;
    left:20px;
    bottom:18px;
    color:white;
    background:#180809af;
    border-radius:4px;
    padding:5px 12px;
    font-size:12px;
    pointer-events:none
}
.gallery-expand {
    position:absolute;
    bottom:14px;
    right:22px;
    color:#fff;
    font-size:28px;
    pointer-events:none
}
.gallery-thumbs {
    display:flex;
    gap:10px;
    margin-top:12px;
    overflow:auto;
    padding-bottom:8px;
    scrollbar-width:thin
}
.gallery-thumbs button {
    flex:0 0 91px;
    padding:0;
    border:2px solid transparent;
    border-radius:7px;
    overflow:hidden;
    background:#f6f1f1;
    opacity:.65
}
.gallery-thumbs button[aria-pressed=true] {
    border-color:var(--blue);
    opacity:1
}
.gallery-thumbs img {
    width:100%;
    height:65px;
    object-fit:cover
}
.quick-facts {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:28px 0;
    border-bottom:1px solid var(--line);
    margin-bottom:15px
}
.quick-facts span {
    display:block;
    font-size:9px;
    letter-spacing:.08em;
    color:var(--muted);
    margin-bottom:9px
}
.quick-facts strong {
    font-size:17px;
    letter-spacing:-.03em
}
.detail-tabs {
    display:flex;
    gap:26px;
    border-bottom:1px solid var(--line);
    padding:18px 0;
    overflow-x:auto;
    white-space:nowrap;
    font-size:12px;
    font-weight:700;
    position:sticky;
    top:91px;
    background:#ffffffed;
    backdrop-filter:blur(10px);
    z-index:5
}
.detail-section {
    padding:46px 0;
    border-bottom:1px solid var(--line);
    scroll-margin-top:70px
}
.detail-section h2 {
    font-size:35px;
    margin-bottom:30px
}
.detail-section .eyebrow {
    font-size:10px;
    margin-bottom:14px
}
.spec-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 30px;
    margin:0
}
.spec-grid>div {
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid #f2eaea;
    font-size:12px
}
.spec-grid dt {
    color:var(--muted);
    flex:1
}
.spec-grid dd {
    margin:0;
    font-weight:650;
    text-align:right;
    flex:1;
    overflow-wrap:anywhere
}
.feature-list {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px 25px;
    padding:0;
    list-style:none;
    font-size:13px
}
.feature-list li {
    display:flex;
    gap:12px
}
.feature-list li:before {
    content:'✓';
    color:#842428;
    font-weight:800
}
.vehicle-description {
    color:var(--muted);
    font-size:14px;
    line-height:1.9;
    overflow-wrap:anywhere
}
.purchase-card {
    position:sticky;
    top:115px
}
.purchase-inner {
    padding:30px;
    background:#f8f4f4;
    border:1px solid var(--line);
    border-radius:13px
}
.purchase-inner>.eyebrow {
    font-size:10px;
    margin:0 0 8px
}
.vehicle-price {
    font-size:42px;
    letter-spacing:-.06em;
    display:block;
    line-height:1.35
}
.price-note {
    font-size:11px
}
.purchase-inner hr {
    border:0;
    border-top:1px solid #e8dadb;
    margin:23px 0
}
.purchase-title {
    font-size:17px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:23px
}
.purchase-title span {
    display:block;
    font-size:12px;
    color:var(--muted);
    margin-top:5px;
    font-weight:400
}
.purchase-inner>.btn {
    width:100%;
    margin-bottom:10px;
    font-size:13px
}
.purchase-finance {
    display:block;
    text-align:center;
    font-size:11px;
    padding:7px 0 23px;
    color:#92282c
}
.purchase-contact {
    padding:23px 0;
    border-top:1px solid var(--line)
}
.purchase-contact strong {
    font-size:15px
}
.purchase-contact p {
    font-size:12px;
    margin:10px 0
}
.purchase-contact a {
    font-size:12px;
    font-weight:650
}
.purchase-inner>small {
    display:block;
    font-size:10px;
    color:var(--muted)
}
.detail-main {
    padding-bottom:75px
}
.mobile-purchase {
    display:none
}
#lightbox {
    padding:0;
    border:0;
    width:100vw;
    max-width:100vw;
    height:100dvh;
    max-height:100dvh;
    background:#090203f5;
    color:#fff;
    margin:0
}
#lightbox::backdrop {
    background:#090203f5
}
#lightbox[open] {
    display:flex;
    align-items:center;
    justify-content:center
}
#lightbox>img {
    max-width:90vw;
    max-height:88dvh;
    object-fit:contain
}
.lightbox-close,.lightbox-prev,.lightbox-next {
    position:absolute;
    background:#2a1415cc;
    color:#fff;
    border:1px solid #795456;
    border-radius:50%;
    width:45px;
    height:45px;
    font-size:28px;
    z-index:2
}
.lightbox-close {
    top:20px;
    right:20px
}
.lightbox-prev {
    left:20px;
    top:48%
}
.lightbox-next {
    right:20px;
    top:48%
}
.lightbox-counter {
    position:absolute;
    bottom:15px;
    font-size:12px
}
.contact-page {
    padding:70px 0 100px
}
.contact-page h1 {
    margin-bottom:28px
}
.contact-layout {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    margin-top:55px
}
.contact-options {
    display:grid;
    gap:15px
}
.contact-option {
    border:1px solid var(--line);
    padding:25px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:20px;
    transition:.2s
}
.contact-option:hover {
    border-color:var(--teal);
    transform:translateX(4px)
}
.contact-option>span:first-child {
    background:#f8e8e9;
    color:#7a2225;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    font-size:22px;
    flex-shrink:0
}
.contact-option small {
    display:block;
    font-size:11px;
    color:var(--muted)
}
.contact-option strong {
    font-size:16px;
    overflow-wrap:anywhere
}
.contact-option>span:last-child {
    margin-left:auto
}
.location-card {
    padding:40px;
    background:var(--dark);
    border-radius:14px;
    color:#fff;
    position:relative;
    overflow:hidden
}
.location-card:before {
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    border:1px solid #81282c30;
    border-radius:50%;
    right:-250px;
    top:-180px;
    box-shadow:0 0 0 40px #81282c12,0 0 0 80px #81282c09
}
.location-card h2 {
    font-size:38px;
    margin-bottom:25px;
    position:relative
}
.location-card p {
    color:#c2a2a3;
    font-size:14px
}
.location-card .eyebrow {
    color:#d5676b
}
.legal {
    max-width:850px;
    padding-block:70px 100px
}
.legal h1 {
    font-size:45px;
    margin-bottom:35px
}
.legal h2 {
    font-size:23px;
    margin:30px 0 15px
}
.legal p,.legal li {
    font-size:14px;
    line-height:1.9
}
.legal a {
    color:#802327
}
.legal-note {
    border-left:3px solid var(--teal);
    padding:18px 24px;
    background:#f9efef
}
.reveal.in-view {
    opacity:1;
    transform:none
}
@keyframes rise {
    from {
        opacity:0;
        transform:translateY(22px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }

}
@keyframes heroImage {
    from {
        transform:scale(1.035)
    }
    to {
        transform:scale(1)
    }

}
@media(min-width:1550px) {
    .hero {
        min-height:760px
    }
    .hero-content {
        padding-top:110px
    }
    .hero-meta {
        margin-top:65px
    }

}
@media(max-width:1100px) {
    .container {
        width:calc(100% - 56px)
    }
    nav#navigation {
        gap:20px
    }
    .hero {
        min-height:630px
    }
    .hero h1 {
        font-size:64px
    }
    .hero-img {
        object-position:56% center
    }
    .hero-shade {
        background:linear-gradient(90deg,#170708ed,#17070886 45%,#17070815)
    }
    .hero-meta {
        margin-top:38px
    }
    .quick-search {
        gap:22px;
        padding:26px
    }
    .search-intro {
        min-width:150px;
        padding-right:20px
    }
    .quick-search form {
        gap:15px
    }
    .quick-search .btn {
        font-size:12px;
        padding-inline:16px
    }
    .about,.finance-layout {
        gap:45px
    }
    .about-image {
        height:650px
    }
    .car-body {
        padding:19px
    }
    .footer-top {
        gap:28px
    }
    .stock-layout {
        grid-template-columns:220px minmax(0,1fr);
        gap:24px
    }
    .filter-panel {
        padding:18px
    }
    .detail-layout {
        grid-template-columns:minmax(0,1fr) 290px;
        gap:25px
    }
    .purchase-inner {
        padding:24px
    }
    .spec-grid {
        grid-template-columns:1fr
    }
    .detail-tabs {
        gap:17px
    }
    .quick-facts {
        grid-template-columns:1fr 1fr;
        gap:20px
    }

}
@media(max-width:820px) {
    .container {
        width:calc(100% - 40px)
    }
    .nav-wrap {
        height:78px
    }
    .menu-toggle {
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:7px;
        border:0;
        background:transparent;
        width:44px;
        height:44px;
        padding:10px
    }
    .menu-toggle span {
        height:2px;
        background:var(--ink);
        width:24px;
        transition:.2s
    }
    .menu-toggle[aria-expanded=true] span:first-child {
        transform:translateY(4.5px) rotate(45deg)
    }
    .menu-toggle[aria-expanded=true] span:last-child {
        transform:translateY(-4.5px) rotate(-45deg)
    }
    nav#navigation {
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:78px;
        padding:20px;
        background:#fff;
        border-bottom:1px solid var(--line);
        box-shadow:0 10px 20px #0001;
        gap:8px;
        align-items:stretch;
        font-size:15px
    }
    nav#navigation.open {
        display:flex;
        flex-direction:column
    }
    #navigation>a:not(.btn) {
        padding:12px
    }
    #navigation>a[aria-current=page]:after {
        display:none
    }
    .nav-saved {
        font-size:22px
    }
    .hero {
        min-height:650px
    }
    .hero-content {
        padding-top:58px
    }
    .hero h1 {
        font-size:60px
    }
    .hero-img {
        object-position:60% center
    }
    .hero-shade {
        background:linear-gradient(90deg,#170708e8,#17070875 65%,#17070835)
    }
    .hero-kicker {
        font-size:10px
    }
    .hero-vertical {
        display:none
    }
    .quick-search {
        display:block;
        padding:25px
    }
    .search-intro {
        border:0;
        margin-bottom:18px
    }
    .search-intro .eyebrow {
        display:none
    }
    .search-intro strong {
        font-size:22px
    }
    .quick-search form {
        grid-template-columns:1fr 1fr
    }
    .quick-search .btn {
        grid-column:1/-1
    }
    .section {
        padding-block:75px
    }
    .section-heading {
        gap:25px;
        align-items:start
    }
    .section-heading>div:last-child {
        max-width:280px
    }
    .car-grid {
        gap:16px
    }
    .car-body {
        padding:18px 15px
    }
    .car-body h3 {
        font-size:23px
    }
    .car-bottom {
        align-items:start;
        flex-direction:column;
        gap:3px
    }
    .car-facts {
        gap:8px;
        font-size:10px
    }
    .car-version {
        font-size:11px
    }
    .about {
        gap:35px
    }
    .about-image {
        height:680px
    }
    .about-caption {
        left:23px;
        right:23px
    }
    .about-caption strong {
        font-size:30px
    }
    .about-copy h2 {
        font-size:40px
    }
    .finance-layout {
        gap:35px;
        grid-template-columns:1fr 1.2fr
    }
    .finance-layout h2 {
        font-size:38px!important
    }
    .calculator {
        padding:23px
    }
    .calc-fields {
        gap:12px
    }
    .calc-result strong {
        font-size:38px
    }
    .journey-grid {
        gap:25px
    }
    .journey-grid h3 {
        font-size:21px
    }
    .footer-top {
        grid-template-columns:1fr 1fr;
        gap:40px
    }
    .footer-bottom {
        flex-wrap:wrap
    }
    .footer-bottom>span:last-child {
        display:none
    }
    .stock-layout {
        grid-template-columns:1fr
    }
    .filter-panel {
        padding:22px
    }
    .filter-selects {
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:0 15px
    }
    .filter-numbers {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:15px
    }
    .filter-help {
        display:none
    }
    .filter-heading {
        margin-bottom:18px
    }
    .filter-panel form>label:first-child {
        margin-bottom:20px
    }
    .stock-grid {
        grid-template-columns:repeat(2,1fr)
    }
    .stock-grid .car-bottom {
        flex-direction:row;
        align-items:center
    }
    .detail-layout {
        grid-template-columns:1fr
    }
    .purchase-card {
        position:static;
        grid-row:1
    }
    .purchase-inner {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px 20px
    }
    .purchase-inner>.eyebrow,.purchase-inner>.vehicle-price,.purchase-inner>.price-note {
        grid-column:1
    }
    .purchase-inner>.price-note {
        margin:0
    }
    .purchase-title {
        grid-column:2;
        grid-row:1/3;
        margin:0;
        padding-top:8px
    }
    .purchase-inner>hr,.purchase-contact,.purchase-inner>small {
        display:none
    }
    .purchase-inner>.btn {
        margin:9px 0 0
    }
    .purchase-finance {
        grid-column:1/-1;
        padding:8px 0 0
    }
    .spec-grid {
        grid-template-columns:1fr 1fr
    }
    .quick-facts {
        grid-template-columns:repeat(4,1fr)
    }
    .detail-tabs {
        top:78px
    }
    .contact-layout {
        gap:30px
    }
    .location-card {
        padding:30px
    }

}
@media(max-width:580px) {
    body {
        font-size:16px
    }
    .container {
        width:calc(100% - 36px)
    }
    .topbar .container {
        height:29px
    }
    .topbar {
        font-size:8px;
        letter-spacing:.04em
    }
    .topbar a {
        font-size:10px
    }
    .top-divider {
        margin-inline:5px
    }
    .wordmark {
        font-size:37px
    }
    .wordmark small {
        font-size:11px;
        letter-spacing:1.9px
    }
    .brand-dots i {
        width:9px;
        height:9px
    }
    .nav-wrap {
        height:74px
    }
    nav#navigation {
        top:74px
    }
    .hero {
        min-height:730px
    }
    .hero-img {
        height:54%;
        top:auto;
        bottom:0;
        object-position:65% center;
        object-fit:cover;
        opacity:.95
    }
    .hero-shade {
        background:linear-gradient(180deg,#180809 0%,#180809 40%,#18080900 69%,#180809a0 100%)
    }
    .hero-content {
        padding-top:39px;
        padding-bottom:30px
    }
    .hero-kicker {
        font-size:9px;
        letter-spacing:.12em;
        margin-bottom:23px
    }
    .hero h1 {
        font-size:53px;
        line-height:1.04;
        letter-spacing:-.055em
    }
    .hero h1 em {
        font-size:.63em;
        line-height:1.6;
        white-space:nowrap
    }
    .hero p {
        font-size:13px;
        line-height:1.8;
        margin-top:14px;
        margin-bottom:20px
    }
    .hero-actions {
        gap:21px;
        align-items:start;
        flex-direction:column;
        margin-top:22px
    }
    .hero-actions .btn {
        min-height:49px;
        font-size:13px
    }
    .hero-link {
        font-size:12px
    }
    .hero-meta {
        position:absolute;
        top:638px;
        left:0;
        right:0;
        margin:0;
        justify-content:space-between;
        gap:12px;
        font-size:9px;
        align-items:center
    }
    .hero-meta b {
        font-size:21px;
        margin-right:7px
    }
    .hero-meta>span+span {
        border:0;
        padding:0;
        max-width:145px;
        text-align:right;
        line-height:1.8
    }
    .hero-meta i {
        margin-inline:4px
    }
    .hero-image-note {
        bottom:12px;
        right:18px;
        font-size:8px
    }
    .quick-search {
        padding:23px 20px;
        border-radius:0 0 12px 12px;
        width:calc(100% - 36px)
    }
    .quick-search form {
        grid-template-columns:1fr;
        gap:15px
    }
    .quick-search label {
        font-size:11px
    }
    .quick-search .btn {
        margin-top:5px
    }
    .search-intro {
        margin-bottom:14px
    }
    .section {
        padding-block:62px
    }
    .section-heading {
        display:block;
        margin-bottom:28px
    }
    .section-heading h2 {
        font-size:37px
    }
    .section-heading>div:last-child {
        max-width:none;
        margin-top:24px
    }
    .section-heading p:not(.eyebrow) {
        font-size:13px
    }
    .eyebrow {
        font-size:10px;
        margin-bottom:16px
    }
    .car-grid {
        grid-template-columns:1fr;
        gap:24px
    }
    .car-photo {
        aspect-ratio:1.42
    }
    .car-body {
        padding:22px
    }
    .car-body h3 {
        font-size:28px
    }
    .car-version {
        font-size:13px
    }
    .car-facts {
        font-size:12px;
        gap:11px
    }
    .car-bottom {
        flex-direction:row;
        align-items:center
    }
    .car-bottom strong {
        font-size:28px
    }
    .car-bottom a {
        font-size:12px
    }
    .brand-strip .container {
        justify-content:center;
        gap:17px 25px;
        padding-block:24px
    }
    .brand-strip a {
        font-size:13px
    }
    .about {
        grid-template-columns:1fr;
        gap:37px
    }
    .about-image {
        height:440px
    }
    .about-copy h2 {
        font-size:42px
    }
    .about-copy>p:not(.eyebrow) {
        font-size:14px
    }
    .about-caption strong {
        font-size:35px
    }
    .about-points small {
        font-size:12px
    }
    .finance-band {
        padding-block:64px
    }
    .finance-layout {
        grid-template-columns:1fr;
        gap:37px
    }
    .finance-layout>div>h2 {
        font-size:41px!important
    }
    .finance-layout>div>p:not(.eyebrow) {
        font-size:14px
    }
    .calculator {
        padding:22px
    }
    .calc-fields {
        gap:14px 12px
    }
    .calc-fields label {
        font-size:10px
    }
    .calc-fields input,.calc-fields select {
        font-size:14px;
        padding:10px
    }
    .calc-result strong {
        font-size:43px
    }
    .calc-summary>span,.fineprint,.rate-source {
        font-size:11px
    }
    .journey-grid {
        grid-template-columns:1fr;
        gap:28px;
        margin-top:35px
    }
    .journey-grid article {
        padding-top:22px
    }
    .journey-grid h3 {
        font-size:25px;
        margin-top:17px
    }
    .journey-grid p {
        font-size:14px;
        margin-bottom:0
    }
    .contact-banner {
        padding-block:48px
    }
    .contact-banner .container {
        gap:14px
    }
    .contact-banner h2 {
        font-size:29px
    }
    .contact-banner .eyebrow {
        font-size:8px;
        max-width:240px
    }
    .round-cta {
        width:64px;
        height:64px;
        font-size:31px
    }
    .site-footer {
        padding-top:48px
    }
    .footer-top {
        gap:32px 20px;
        grid-template-columns:1fr 1fr;
        padding-bottom:38px
    }
    .footer-top>div:first-child {
        grid-column:1/-1
    }
    .footer-top>div:first-child p {
        margin-bottom:0
    }
    .footer-top>div:last-child {
        grid-column:1/-1
    }
    .footer-top .eyebrow {
        font-size:9px;
        margin-bottom:15px
    }
    .footer-top p,.footer-top>div>a:not(.wordmark) {
        font-size:12px
    }
    .footer-bottom {
        gap:12px;
        padding-block:20px;
        font-size:10px
    }
    .footer-bottom>div {
        gap:16px
    }
    .back-top {
        bottom:20px;
        right:15px
    }
    .stock-head {
        padding-block:44px
    }
    .stock-head h1 {
        font-size:40px
    }
    .stock-head p:last-child {
        font-size:13px
    }
    .stock-deco {
        font-size:210px;
        top:5px;
        right:-60px
    }
    .stock-layout {
        padding-top:28px;
        padding-bottom:60px;
        gap:30px
    }
    .filter-panel {
        padding:20px
    }
    .filter-selects {
        grid-template-columns:1fr 1fr;
        gap:0 12px
    }
    .filter-panel input,.filter-panel select {
        font-size:14px
    }
    .filter-panel label {
        font-size:12px
    }
    .filter-panel .btn {
        font-size:14px
    }
    .results-toolbar {
        align-items:start;
        gap:14px
    }
    .results-toolbar strong {
        font-size:20px
    }
    .results-toolbar>div>span {
        font-size:10px;
        max-width:145px
    }
    .sort-control {
        display:block;
        font-size:10px
    }
    .sort-control select {
        font-size:11px;
        margin-top:5px;
        max-width:160px;
        min-height:36px;
        padding:7px
    }
    .stock-grid {
        grid-template-columns:1fr
    }
    .detail-heading {
        padding-block:27px;
        align-items:start
    }
    .detail-heading h1 {
        font-size:42px
    }
    .detail-heading .eyebrow {
        font-size:9px
    }
    .detail-heading p:last-child {
        font-size:14px
    }
    .detail-actions {
        gap:5px;
        flex-wrap:wrap;
        max-width:85px;
        justify-content:end
    }
    .icon-btn {
        width:34px;
        height:34px;
        font-size:21px
    }
    .breadcrumbs {
        font-size:10px;
        gap:8px;
        padding-top:20px
    }
    .detail-layout {
        gap:25px
    }
    .purchase-inner {
        padding:20px;
        gap:8px 12px
    }
    .vehicle-price {
        font-size:35px
    }
    .purchase-inner>.eyebrow {
        font-size:8px
    }
    .purchase-title {
        font-size:14px
    }
    .purchase-title span {
        font-size:11px
    }
    .purchase-inner>.btn {
        font-size:12px;
        min-height:46px;
        padding:12px
    }
    .gallery-stage {
        border-radius:9px
    }
    .gallery-thumbs {
        gap:7px
    }
    .gallery-thumbs button {
        flex-basis:75px
    }
    .gallery-thumbs img {
        height:54px
    }
    .gallery-prev,.gallery-next {
        width:33px;
        height:39px
    }
    .quick-facts {
        grid-template-columns:1fr 1fr;
        padding-top:20px;
        gap:20px
    }
    .quick-facts strong {
        font-size:18px
    }
    .detail-tabs {
        gap:20px;
        font-size:12px;
        top:74px
    }
    .detail-section {
        padding-block:35px
    }
    .detail-section h2 {
        font-size:31px
    }
    .spec-grid {
        grid-template-columns:1fr
    }
    .spec-grid>div {
        font-size:13px
    }
    .feature-list {
        grid-template-columns:1fr;
        gap:13px;
        font-size:14px
    }
    .mobile-purchase {
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        background:#fffffff5;
        backdrop-filter:blur(10px);
        border-top:1px solid var(--line);
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
        padding:12px 20px;
        z-index:22
    }
    .mobile-purchase strong {
        font-size:25px;
        letter-spacing:-.04em
    }
    .page-detail .site-footer {
        padding-bottom:78px
    }
    .page-detail .back-top {
        bottom:90px
    }
    .page-detail .toast {
        bottom:90px
    }
    .contact-page {
        padding:45px 0 60px
    }
    .contact-page h1 {
        font-size:43px
    }
    .contact-layout {
        grid-template-columns:1fr;
        margin-top:35px
    }
    .contact-option {
        padding:21px 18px;
        gap:14px
    }
    .contact-option strong {
        font-size:14px
    }
    .location-card {
        padding:28px
    }
    .legal {
        padding-block:45px 70px
    }
    .legal h1 {
        font-size:38px
    }
    .lightbox-prev {
        left:9px
    }
    .lightbox-next {
        right:9px
    }
    .lightbox-prev,.lightbox-next {
        width:35px;
        height:35px;
        font-size:23px
    }
    #lightbox>img {
        max-width:100vw
    }
    .hero-meta {
        left:0;
        right:0
    }

}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*:before,*:after {
        animation:none!important;
        transition:none!important
    }
    .js-motion .reveal.pending {
        opacity:1;
        transform:none
    }

}
@media print {
    .site-header,.topbar,.site-footer,.detail-actions,.gallery-thumbs,.gallery-prev,.gallery-next,.detail-tabs,.purchase-inner>.btn,.purchase-finance,.mobile-purchase,.back-top,.toast,.favorite,#lightbox {
        display:none!important
    }
    .container {
        width:100%
    }
    .detail-layout {
        display:block
    }
    .purchase-card {
        position:static
    }
    .gallery-stage {
        height:280px;
        aspect-ratio:auto
    }
    .detail-section {
        break-inside:avoid;
        padding-block:20px
    }
    .reveal {
        opacity:1!important;
        transform:none!important
    }
    #fahrzeug-finanzierung {
        display:none
    }
    .purchase-inner {
        padding:15px
    }
    .detail-heading {
        padding:15px 0
    }
    .detail-main {
        padding-bottom:0
    }
    body {
        font-size:12px
    }

}
.gallery-play {
    position:absolute;
    bottom:18px;
    left:50%;
    transform:translateX(-50%);
    border:1px solid #ffffff70;
    background:#180809b0;
    color:#fff;
    padding:6px 12px;
    font-size:12px;
    border-radius:5px
}
.gallery-play[aria-pressed=true] {
    background:#94292d
}
.hero p,.about-copy>p:not(.eyebrow),.journey-grid p,.vehicle-description {
    font-size:16px
}
.car-version {
    font-size:14px
}
.car-facts {
    font-size:13px
}
.car-bottom a {
    font-size:13px
}
.filter-panel label,.calc-fields label {
    font-size:13px
}
.filter-panel input,.filter-panel select {
    font-size:14px
}
.spec-grid>div,.feature-list {
    font-size:14px
}
.calc-summary>span {
    font-size:13px
}
.footer-top p,.footer-top>div>a:not(.wordmark) {
    font-size:14px
}
.contact-option small {
    font-size:12px
}
@media(max-width:580px) {
    .hero p {
        font-size:14px
    }
    .car-facts {
        font-size:13px
    }
    .calc-fields label {
        font-size:12px
    }
    .calc-summary>span {
        font-size:12px
    }
    .footer-top p,.footer-top>div>a:not(.wordmark) {
        font-size:13px
    }

}
.detail-left {
    min-width:0
}
.purchase-card {
    min-width:0
}
.purchase-title {
    overflow-wrap:anywhere
}
@media(min-width:821px) {
    nav#navigation {
        gap:23px;
        font-size:12px
    }

}
@media(min-width:821px) and (max-width:1100px) {
    nav#navigation {
        gap:15px;
        font-size:11px
    }

}