/* Shared opening layout for Home and every main menu destination. */
.page-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;width:100%;max-width:none;margin:0;padding:0;min-height:670px;background:#0b0c09;color:#fff}
.page-hero .page-hero-copy{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:70px 60px 70px max(40px,calc((100vw - 1184px)/2))}
.page-hero .page-hero-copy h1{font-size:clamp(2.8rem,4.5vw,4.4rem);line-height:1.06;color:#fff;margin:0;overflow-wrap:anywhere}
.page-hero .eyebrow{color:var(--yellow);margin:0 0 24px}
.page-hero .page-hero-lead,.page-hero .page-hero-copy>p:not(.eyebrow):not(.page-hero-note){font-size:1.125rem;line-height:1.6;color:#cecac1;max-width:530px;margin:28px 0 0}
.page-hero .page-hero-lead p{margin:0 0 18px}.page-hero .page-hero-lead p:last-child{margin-bottom:0}
.page-hero .inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:28px 0 0}
.page-hero .text-link{color:var(--yellow);font-size:1rem;min-height:44px;margin:0;align-self:flex-start}
.page-hero .page-hero-copy>.text-link{margin-top:28px}
.page-hero .page-hero-note{font-size:.875rem;line-height:1.6;color:#cecac1;margin:28px 0 0;max-width:530px}
.page-hero .page-hero-media{position:relative;min-width:0;min-height:670px;padding:0;margin:0;order:0}
.page-hero .page-hero-media img{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;object-position:center;aspect-ratio:auto}
.page-hero .page-hero-media>a{display:block;height:100%;min-height:670px;aspect-ratio:auto}
.page-hero .page-hero-media-contain{background:#171813}.page-hero .page-hero-media-contain img{object-fit:contain}
/* The inquiry keeps the form beside its introduction, using the same palette. */
.inquiry-intro{background:#0b0c09;color:#fff;padding:36px;align-self:start;min-width:0}
.inquiry-intro .eyebrow,.inquiry-intro a{color:var(--yellow)}.inquiry-intro h1{color:#fff;font-size:clamp(2.25rem,3.3vw,3.25rem);overflow-wrap:anywhere}
.inquiry-intro>p,.inquiry-intro .contact-option>span{color:#cecac1}.inquiry-intro .contact-option>a{font-size:clamp(1.25rem,2.3vw,1.75rem)}
@media(max-width:1120px){.page-hero .page-hero-copy{padding:55px 40px}}
@media(max-width:900px){.page-hero{grid-template-columns:minmax(0,1fr);min-height:0}.page-hero .page-hero-copy{padding:48px 40px}.page-hero .page-hero-copy h1{font-size:clamp(2.8rem,7vw,4.4rem)}.page-hero .page-hero-media{min-height:0;aspect-ratio:4/3}.page-hero .page-hero-media>a{min-height:0;aspect-ratio:4/3}.page-hero .page-hero-media-contain{aspect-ratio:1080/490}}
@media(max-width:560px){.page-hero .page-hero-copy{padding:42px 20px}.page-hero .page-hero-copy h1{font-size:clamp(2.6rem,11vw,3.5rem)}.page-hero .page-hero-lead,.page-hero .page-hero-copy>p:not(.eyebrow):not(.page-hero-note){font-size:1rem}.page-hero .inline-actions{align-items:flex-start;gap:12px;flex-direction:column}.inquiry-intro{padding:28px 20px}}

/* Brands leads directly into the logos, without a photo panel. */
.page-hero.brands-hero{grid-template-columns:minmax(0,1fr);min-height:0}
.brands-hero .page-hero-copy{padding-top:48px;padding-bottom:48px;padding-right:max(40px,calc((100vw - 1184px)/2))}
.brands-hero .page-hero-lead{max-width:740px}
@media(max-width:560px){.brands-hero .page-hero-copy{padding:36px 20px}}

/* Keep the entire delivery fleet visible on smaller screens. */
@media(max-width:900px){.page-hero .page-hero-media-contain.delivery-fleet{aspect-ratio:4/3}}

/* Preserve the full approved homepage storefront photo at every width. */
@media(max-width:900px){.page-hero .page-hero-media-contain.home-storefront{aspect-ratio:4/3}}