/* Road collection. All overrides stay on this page. */
.road-page{--road-gold:#d1c3a2;--road-forest:#182b23;--road-soft:#eeede6;background:var(--cream);color:var(--ink)}
.road-page .ww-site-nav[data-ww-nav-overlay]{position:absolute}
.road-page .ww-site-nav.ww-nav-scrolled[data-ww-nav-overlay]{position:fixed}
.road-page .road-hero{position:relative;isolation:isolate;min-height:530px;height:min(650px,80svh);display:flex;align-items:center;background:#182b23;overflow:hidden;color:var(--cream)}
.road-hero-photo,.road-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.road-hero-photo{object-fit:cover;object-position:center 53%;filter:saturate(.78)}
.road-hero-shade{background:linear-gradient(90deg,rgba(10,25,18,.81),rgba(10,25,18,.28) 58%,rgba(10,25,18,.03)),linear-gradient(180deg,rgba(10,25,18,.38),transparent 45%)}
.road-hero-copy{padding:130px 6vw 55px;width:100%}
.road-hero-copy .eyebrow{font-size:9px;letter-spacing:2.6px;color:#e0d7c3;margin-bottom:24px}
.road-hero-copy h1{font-size:clamp(58px,6.6vw,96px);line-height:1.01;letter-spacing:-2px;margin:0;max-width:800px}
.road-hero-copy h1 em{color:#eee3d0}
.road-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:23px 0 22px;color:#e0e5dd}
.road-discover{display:inline-flex;align-items:center;gap:35px;font-size:11px;letter-spacing:.3px;border-bottom:1px solid #d1c3a270;padding:10px 0}
.road-discover svg{width:20px;height:20px;transition:transform .25s ease}
.road-discover:hover svg{transform:translateY(3px)}
.road-hero-index{position:absolute;right:6vw;bottom:45px;font-size:8px;letter-spacing:2.5px;color:#f3efe5c9}
.road-page .road-collection{padding:75px 6vw 80px;max-width:1720px;margin:auto;scroll-margin-top:92px}
.road-page .road-collection .section-heading{margin-bottom:34px;gap:24px}
.road-page .road-collection h2{font-size:clamp(38px,4.1vw,62px);line-height:1.08;letter-spacing:-1px}
.road-page .road-collection .quiet{font-size:8px;line-height:1.8;letter-spacing:1.4px;max-width:300px;text-align:right;color:#5a685e}
.road-page .collection-selector{gap:24px;margin-bottom:40px}
.road-page .collection-choice{border:0;border-bottom:1px solid #cbd0c6;background:transparent!important;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:none}
.road-page .collection-choice img{aspect-ratio:1.9;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1);width:100%;height:auto}
.road-page .collection-choice:hover img{transform:scale(1.025)}
.road-page .collection-choice-copy{padding:19px 4px 22px}
.road-page .collection-choice strong{font-size:26px;letter-spacing:-.3px;margin-top:8px}
.road-page .collection-choice small{font-size:9px;letter-spacing:1.3px}
.road-page .collection-choice .collection-detail{font-size:11px}
.road-page .collection-choice[aria-pressed=true]{border-bottom:2px solid #5b694f}
.road-page .collection-choice[aria-pressed=true] .collection-choice-copy::after{right:5px;top:22px;width:6px;height:6px;background:#5b694f;box-shadow:0 0 0 4px #5b694f15}
.road-page .vehicle-feature,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]){grid-template-columns:1.2fr 1fr;align-items:stretch;background:#eeede6;border-radius:14px;overflow:hidden;border:1px solid #1a2b2210}
.road-page .vehicle-image,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]) .vehicle-image{position:relative;min-height:0;display:block;align-self:stretch;width:100%;background:#d9ded4;padding:0;overflow:hidden}
.road-page .vehicle-image img,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]) .vehicle-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover!important;object-position:center}
.road-page .vehicle-feature[data-selected-vehicle=m4] .vehicle-image img{object-position:31% center}
.road-page .vehicle-feature[data-selected-vehicle=giulia] .vehicle-image img{object-position:48% center}
.road-page .vehicle-info{padding:clamp(28px,3.1vw,50px)}
.road-page .vehicle-info h3{font-size:clamp(31px,3.1vw,46px);line-height:1.08;letter-spacing:-.6px;margin-bottom:22px}
.road-page .vehicle-info>p:not(.eyebrow){font-size:13px;line-height:1.75}
.road-page .vehicle-info>.eyebrow{font-size:9px;letter-spacing:1.6px}
.road-page .specs{gap:20px 14px;margin:28px 0}
.road-page .specs dt{font-size:9px;letter-spacing:1px}
.road-page .specs dd{font-size:13px}
.road-page .vehicle-info>.btn{border-radius:7px;margin:8px 0 15px;font-size:12px;padding:17px 20px}
.road-page .vehicle-info>.small{font-size:10px!important;line-height:1.7!important;margin:18px 0 0;color:#5c695e;opacity:1}
.road-page .image-tag{top:22px;left:22px;font-size:8px;letter-spacing:1px;background:#f5f3edd9;backdrop-filter:blur(6px);border-radius:4px}
.road-page .gallery-trigger,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]) .gallery-trigger{position:absolute;left:22px;right:22px;bottom:22px;display:flex;align-items:center;padding:13px 17px;background:#152a20d4;border:1px solid #ffffff40;backdrop-filter:blur(8px);border-radius:6px;color:#f6f3ea;font-size:11px}
.road-page .gallery-trigger svg{width:20px;height:20px}
.road-page .vehicle-location{margin:8px 0 0;border-color:#c5cbbf}
.road-page .vehicle-location summary{padding:17px 0}
.road-page .vehicle-location-label small{font-size:8px;letter-spacing:1px}
.road-page .vehicle-location-label strong{font-family:var(--serif);font-size:23px;font-weight:400}
.road-page .vehicle-location-action{font-size:10px;gap:10px}
.road-page .vehicle-location-panel{padding-top:0}
.road-next{display:grid;grid-template-columns:1fr 1fr;min-height:450px;background:var(--road-forest);color:var(--cream)}
.road-next-image{position:relative;min-height:400px;overflow:hidden}
.road-next-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75)}
.road-next-copy{padding:70px clamp(35px,6vw,90px)}
.road-next-copy .eyebrow{color:var(--road-gold);font-size:9px;letter-spacing:2px}
.road-next-copy h2{font-size:clamp(46px,4vw,66px);line-height:1.05;margin:20px 0 25px}
.road-next-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:440px;color:#c7d0c7}
.road-next-links{display:grid;margin-top:25px;gap:10px;max-width:420px}
.road-next-links .text-link{justify-content:space-between;border-color:#e2dcc140;color:#eee7d7;padding-block:12px;font-size:12px}
.road-next-links svg{width:21px;height:21px;flex-shrink:0}
.road-next-copy>.road-next-note{font-size:10px!important;line-height:1.7!important;margin-top:20px;color:#aebcb0!important}
.road-questions{display:grid;grid-template-columns:.9fr 1.3fr;gap:10vw;padding:85px 6vw 95px;max-width:1720px;margin:auto}
.road-questions h2{font-size:clamp(38px,3.7vw,56px);line-height:1.1}
.road-questions .eyebrow{font-size:9px}
.road-question-list details{border-top:1px solid #cdd2c8}
.road-question-list details:last-child{border-bottom:1px solid #cdd2c8}
.road-question-list summary{font-size:13px;padding:23px 0;align-items:center;line-height:1.5}
.road-question-list summary span{font-size:22px;font-weight:300}
.road-question-list details p{padding:0 25px 22px 0;line-height:1.8;font-size:12px;margin:0}
.road-page .gallery-modal{border-radius:12px;width:min(1100px,calc(100vw - 28px));max-height:94svh;padding:30px}
.road-page .gallery-modal>.gallery-frame>img{height:62svh}
.road-page .gallery-modal>.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.6}
.road-page #gallery-thumbs{overflow-x:auto;justify-content:flex-start;padding:5px 0;max-width:100%;width:max-content;margin-inline:auto}
.road-page #gallery-thumbs button{flex-shrink:0;border-radius:3px;overflow:hidden}
.road-page .gallery-controls button{min-width:44px;min-height:44px}
.road-page .rental-modal{border-radius:12px;max-height:91svh}
.road-page .modal .close{min-width:44px;min-height:44px;z-index:2}
.road-page .rental-submit,.road-page .result-actions>.btn{border-radius:6px}
.road-page button:focus-visible,.road-page a:focus-visible,.road-page summary:focus-visible{outline:2px solid #9a8359;outline-offset:5px}
.road-page .collection-choice:focus-visible{outline-offset:4px}
@media(max-width:1050px){.road-page .vehicle-feature,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]){grid-template-columns:1fr 1fr}.road-page .vehicle-info{padding:30px}.road-page .vehicle-info h3{font-size:35px}.road-page .collection-selector{gap:16px}.road-next-copy{padding:55px 35px}.road-page .road-hero{min-height:520px;height:620px}}
@media(max-width:760px){
 .road-page .road-hero{height:590px;min-height:0;max-height:82svh;min-height:500px}
 .road-hero-photo{object-position:60% center}
 .road-hero-shade{background:linear-gradient(90deg,#10271fc7,#10271f30),linear-gradient(180deg,#10271f42,transparent 40%,#10271f35)}
 .road-hero-copy{padding:115px 25px 45px}
 .road-hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:25px}
 .road-hero-copy h1{font-size:clamp(51px,12vw,72px);letter-spacing:-1.4px;line-height:1.04}
 .road-hero-copy>p:not(.eyebrow){font-size:13px;margin-block:22px}
 .road-hero-index{display:none}
 .road-page .road-collection{padding:50px 20px 55px;scroll-margin-top:90px}
 .road-page .road-collection .section-heading{margin-bottom:25px}
 .road-page .road-collection h2{font-size:40px}
 .road-page .road-collection .quiet{text-align:left;margin-top:17px;max-width:100%;font-size:8px}
 .road-page .collection-selector{grid-template-columns:1fr;gap:10px;margin-bottom:28px}
 .road-page .collection-choice{display:grid;grid-template-columns:112px minmax(0,1fr);border:1px solid #ced2c7;border-radius:7px;overflow:hidden;align-items:center}
 .road-page .collection-choice[aria-pressed=true]{border:1px solid #596b54;background:#e8eade!important}
 .road-page .collection-choice img{height:100%;min-height:104px;aspect-ratio:auto;object-fit:cover}
 .road-page .collection-choice-copy{padding:15px 18px}
 .road-page .collection-choice strong{font-size:24px;margin-block:6px}
 .road-page .collection-choice small{font-size:8px;letter-spacing:.7px}
 .road-page .collection-choice .collection-detail{font-size:10px}
 .road-page .collection-choice[aria-pressed=true] .collection-choice-copy::after{right:11px;top:19px;width:4px;height:4px;box-shadow:0 0 0 3px #5b694f15}
 .road-page .vehicle-feature,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]){grid-template-columns:1fr;border-radius:10px}
 .road-page .vehicle-image,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]) .vehicle-image{height:auto;aspect-ratio:1.18;min-height:0}
 .road-page .vehicle-image img,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]) .vehicle-image img{position:absolute;object-position:center 58%;height:100%;aspect-ratio:auto!important}
 .road-page .vehicle-info{padding:30px 24px}
 .road-page .vehicle-info h3{font-size:37px}
 .road-page .image-tag{top:17px;left:17px;font-size:7px}
 .road-page .gallery-trigger,.road-page .vehicle-feature[data-selected-vehicle]:not([data-selected-vehicle=m4]) .gallery-trigger{left:17px;right:17px;bottom:17px;font-size:11px;padding:12px 14px}
 .road-page .vehicle-location-label strong{font-size:22px}
 .road-next{grid-template-columns:1fr}
 .road-next-image{height:300px;min-height:0}
 .road-next-copy{padding:43px 25px 45px}
 .road-next-copy h2{font-size:48px}
 .road-questions{grid-template-columns:1fr;gap:28px;padding:50px 25px 60px}
 .road-questions h2{font-size:40px}
 .road-question-list summary{padding:20px 0;font-size:13px}
 .road-page .gallery-modal{padding:24px 13px 18px;max-height:95svh}
 .road-page .gallery-modal>.gallery-frame>img{height:52svh}
 .road-page .gallery-modal>.eyebrow{font-size:9px;padding-right:40px}
 .road-page .rental-modal{padding:42px 20px 25px;width:calc(100% - 20px)}
 .road-page .rental-modal input,.road-page .rental-modal select,.road-page .rental-modal textarea{font-size:16px}
 .road-page .rental-month-nav button{min-width:44px;min-height:44px}
}
@media(max-width:360px){.road-hero-copy h1{font-size:48px}.road-page .collection-choice{grid-template-columns:96px minmax(0,1fr)}.road-page .collection-choice-copy{padding:14px}.road-page .collection-choice strong{font-size:21px}.road-page .vehicle-info{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.road-page *, .road-page *::before,.road-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Reused rental actions do not load the home planner's icon dimensions. */
.road-page .ww-action-icon{width:20px;height:20px;flex:0 0 20px;display:block}
/* Preserve the Tesla gallery's original source-padding framing. */
.road-page .gallery-modal[data-vehicle=model-y]>.gallery-frame>img{height:100%}