/* BNB5: new Grand Design Imagine, extending the BNB4 design system. */
html {scroll-padding-top:120px}
.fleet-page .page-hero::before,.imagine-page .page-hero::before {background-image:url('../images/imagine/exterior-luxury.webp');background-position:center 48%;opacity:1}
.imagine-page .page-hero,.fleet-page .page-hero {min-height:740px;padding-top:120px;padding-bottom:70px}
.imagine-page .page-hero::after,.fleet-page .page-hero::after {background:linear-gradient(90deg,rgba(5,8,6,.9),rgba(5,8,6,.6) 44%,rgba(5,8,6,.06) 82%),linear-gradient(0deg,rgba(5,8,6,.5),transparent 70%)}
.imagine-page .page-hero h1,.fleet-page .page-hero h1 {font-size:clamp(3.4rem,6.8vw,6.8rem);max-width:820px}
.imagine-page .page-hero .lede,.fleet-page .page-hero .lede {max-width:540px;color:#f3eee5}
.imagine-hero-price {display:flex;align-items:baseline;gap:13px;margin:24px 0 5px;color:#fff}
.imagine-hero-price strong {font:400 3.4rem/1 var(--serif)}
.imagine-hero-price span {font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#e8d8b8}
.photo-note {font-size:.78rem!important;line-height:1.6;color:var(--muted);margin-top:18px!important}
.luxury-brand .imagine-listing .listing-image img {object-position:center}
.imagine-listing .listing-body h2,.fleet-page .listing-body h2 {font-size:clamp(3rem,5vw,5.2rem)}
.imagine-listing .listing-badge {max-width:calc(100% - 36px);white-space:normal}
.imagine-listing .price strong,.imagine-rate-panel .price strong,.imagine-page .detail-summary .price strong {font-family:var(--serif);font-weight:400;font-size:3.5rem}
.imagine-page .detail-summary {border:1px solid var(--gold)}
.imagine-gallery {grid-template-columns:repeat(2,minmax(0,1fr))!important}
.imagine-gallery .gallery-button {aspect-ratio:4/3}
.imagine-gallery .gallery-button:last-child {background:white}
.imagine-gallery .gallery-button:last-child img {object-fit:contain}
.imagine-floorplan {margin:45px 0 0;background:#fff;border:1px solid var(--line);padding:clamp(12px,3vw,36px)}
.imagine-floorplan img {width:100%;max-width:1050px;margin:auto}
.imagine-floorplan figcaption {color:#585b54;font-size:.78rem;line-height:1.5;margin-top:18px;text-align:center}
.imagine-rate-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:clamp(24px,5vw,70px);align-items:center;border:1px solid var(--gold);padding:clamp(26px,5vw,58px);background:var(--surface-solid)}
.imagine-rate-panel h2 {font-size:clamp(2.5rem,4.5vw,4.6rem)}
.imagine-rate-cta {border-left:1px solid var(--line);padding-left:36px}
.fleet-switcher {display:flex;justify-content:space-between;gap:20px;padding-block:28px;border-bottom:1px solid var(--line);font-size:.8rem}
.selection-note {display:block;font-size:.78rem;font-weight:400;letter-spacing:0;margin-top:8px;color:var(--muted)}
/* Keep navigation usable across the original tablet/desktop breakpoint gap. */
@media (min-width:960px) and (max-width:1379px){.luxury-brand .desktop-nav{display:none}.luxury-brand .mobile-menu-button{display:inline-grid}}
@media (max-width:700px){.imagine-rate-panel{grid-template-columns:1fr}.imagine-rate-cta{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:26px}.imagine-gallery{grid-template-columns:1fr!important}.imagine-page .page-hero,.fleet-page .page-hero{min-height:760px;padding-top:95px;padding-bottom:55px}.imagine-page .page-hero::before,.fleet-page .page-hero::before{background-position:62% center}.imagine-page .page-hero::after,.fleet-page .page-hero::after{background:linear-gradient(90deg,rgba(5,8,6,.84),rgba(5,8,6,.42)),linear-gradient(0deg,rgba(5,8,6,.66),transparent)}.fleet-switcher{flex-direction:column}.luxury-brand .imagine-listing .listing-image,.fleet-page .listing-image{min-height:340px}.imagine-listing .spec-pill strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}
