/* BSSG home carousel, slide 3 "Come see us" = Graphics Slide A (approved by Brian 2026-10-20 07:54 PT). v2: adds the 801-1100px and 431-800px rules.
   Every rule is scoped to .bh-car-slide--brand.bssg-slA, so slides 1-2, controls and the rest of the page are untouched. */
.bh-car .bh-car-slide--brand.bssg-slA{background:#1f1f1d linear-gradient(90deg,#1f1f1d 0,#1f1f1d 420px,#1e3b2c 100%);box-shadow:inset 0 -4px 0 #fcb028}
.bh-car .bh-car-slide--brand.bssg-slA:before{content:none;display:none}
/* storefront photo: real <img>, never wider/taller than its natural size (380x460 CSS px, @2x = 760x920) */
.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph{position:absolute;inset:auto auto 4px 0;width:auto;height:auto;z-index:1;display:block;line-height:0;pointer-events:none}
.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph img{position:static;display:block;width:auto;max-width:none;height:416px;height:clamp(416px,calc(36.4583vw - 4px),460px);aspect-ratio:380/460;object-fit:contain}
@media (min-width:1273px){.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 72px);mask-image:linear-gradient(180deg,transparent 0,#000 72px)}}
/* text column to the right of the photo, clear of the right arrow */
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-in{max-width:none;margin:0;padding:0 84px 64px calc(clamp(344px,calc(30.1178vw - 3.3px),380px) + 28px);align-items:center}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-txt{color:#fff}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-kick{color:#fcb028;font-size:14px;letter-spacing:.18em;margin-bottom:14px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-h{color:#fff;margin-bottom:18px;text-wrap:balance}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-h:after{content:"";display:block;width:100px;height:4px;margin:16px auto 0;background:#fcb028}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-facts{color:#e9e4da;font-size:16px;margin-bottom:24px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-facts b{color:#fcb028}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-ctas{gap:14px}
.body .bh-car .bh-car-slide--brand.bssg-slA a.bh-car-btn{padding:14px 26px;font-size:15px;white-space:nowrap;background:#fcb028;border-color:#fcb028;color:#141412!important}
.body .bh-car .bh-car-slide--brand.bssg-slA a.bh-car-btn--ghost{background:transparent;border-color:#f5f1ea;color:#f5f1ea!important}
.body .bh-car .bh-car-slide--brand.bssg-slA a.bh-car-btn:focus-visible{outline:3px solid #fcb028;outline-offset:2px}
/* narrow desktop 801-1100px (slide pinned at 420px tall): smaller type so the text fits beside the photo */
@media (min-width:801px) and (max-width:1100px){
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-in{padding-right:72px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-kick{font-size:13px;margin-bottom:10px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-h{font-size:34px;margin-bottom:14px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-h:after{width:80px;height:3px;margin-top:12px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-facts{font-size:15px;gap:4px 18px;margin-bottom:18px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-ctas{gap:10px}
.body .bh-car .bh-car-slide--brand.bssg-slA a.bh-car-btn{padding:12px 14px;font-size:13px}
}
/* phone / tablet (carousel switches to 4:5 at 800px): mobile art on top, text below, one-line buttons */
@media (max-width:800px){
.bh-car .bh-car-slide--brand.bssg-slA{background:#1f1f1d linear-gradient(180deg,#1f1f1d 0,#1f1f1d 40%,#1e3b2c 100%);box-shadow:inset 0 -3px 0 #fcb028}
.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph{inset:0 0 auto 0;margin:0 auto;width:100%;max-width:390px}
.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph img{width:100%;height:auto;aspect-ratio:390/212;-webkit-mask-image:none;mask-image:none}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-in{padding:calc(min(54.36%,212px) + 4px) 18px 14px;align-items:center}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-kick{font-size:12px;letter-spacing:.16em;margin-bottom:8px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-h{font-size:27px;margin-bottom:12px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-h:after{width:64px;height:3px;margin-top:10px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-facts{font-size:14px;gap:2px;margin-bottom:14px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-ctas{flex-wrap:wrap;gap:8px}
.body .bh-car .bh-car-slide--brand.bssg-slA a.bh-car-btn{flex:1 1 auto;min-width:0;padding:12px 10px;font-size:12px;letter-spacing:.02em;white-space:nowrap}
}
/* large phones / tablets 431-800px: photo (native size) + text centred as one group */
@media (min-width:431px) and (max-width:800px){
.bh-car .bh-car-slide--brand.bssg-slA{display:flex;flex-direction:column;justify-content:center;align-items:center}
.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph{position:relative;inset:auto;margin:0;flex:0 0 auto;width:390px}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-in{flex:0 0 auto;width:100%;height:auto;padding:14px 24px 0}
.bh-car .bh-car-slide--brand.bssg-slA .bh-car-txt{flex-basis:auto;width:100%;max-width:560px}
}
@media (min-width:391px) and (max-width:800px){.bh-car .bh-car-slide--brand.bssg-slA picture.bssg-slA-ph img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}}