/* Client banner previews only. Original image pixels and logos are preserved. */
body.wide-banner-preview .hero{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;max-width:none;margin:0;padding:0;gap:0;min-height:640px;height:clamp(640px,55.8vw,930px);overflow:hidden;background:#10171e;color:#fff}
body.wide-banner-preview .hero-art.photo-hero.flow-home-photo{position:absolute!important;inset:0;margin:0!important;width:100%!important;height:100%!important;min-height:0;aspect-ratio:auto!important;clip-path:none!important;border:0;border-radius:0;z-index:-2;align-self:stretch;background:none!important}
body.wide-banner-preview .mirrored-scene{display:block;width:100%;height:100%}
body.wide-banner-preview .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 27%,rgba(255,255,255,.80) 36%,rgba(255,255,255,.24) 49%,rgba(255,255,255,0) 63%)}
body.wide-banner-preview .hero-copy{z-index:1;position:relative;margin:0;width:40%;padding:46px 0 46px clamp(26px,4vw,88px);text-align:left}
body.wide-banner-preview .hero-copy .eyebrow{color:#ed1234!important;font-size:11px;line-height:1.6;font-weight:800;letter-spacing:1.7px;margin:0 0 22px;padding-top:18px;position:relative;max-width:420px;text-shadow:none}
body.wide-banner-preview .hero-copy .eyebrow::before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;background:#ff2346}
body.wide-banner-preview .hero h1{font-size:clamp(56px,5.2vw,94px);line-height:.97;letter-spacing:-.8px;margin:0 0 25px;color:#111820!important;text-shadow:none}
body.wide-banner-preview .hero h1 em{color:#ed1234!important;font-style:normal}
body.wide-banner-preview .hero-copy .lead{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.7;color:#111820!important;font-weight:650;max-width:470px;margin:0;text-shadow:none}
body.wide-banner-preview .hero-copy .actions{margin-top:28px;gap:12px;flex-wrap:wrap}
body.wide-banner-preview .hero-copy .button{padding:16px 21px;font-size:14px;border-radius:3px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-shadow:none}
body.wide-banner-preview .hero-copy .button.light{background:#fff!important;border:1px solid #c8ced4;color:#111820!important}
body.wide-banner-preview .hero-copy .button.light:hover{background:#111820!important;color:#fff!important}
body.wide-banner-preview .hero-copy a:focus-visible{outline:3px solid #111820;outline-offset:5px}
@media(min-width:1750px){body.wide-banner-preview .hero-copy{width:39%;padding-left:max(5vw,calc((100vw - 1700px)/2))}}
@media(max-width:1000px){
 body.wide-banner-preview .hero{display:block;height:auto;min-height:0;background:#fff}
 body.wide-banner-preview .hero-art.photo-hero.flow-home-photo{bottom:auto!important;height:auto!important;aspect-ratio:1600/893!important;width:100%!important}
 body.wide-banner-preview .hero::after{background:linear-gradient(180deg,transparent 0,transparent calc(100vw * .40),#fff calc(100vw * .558 + 8px))}
 body.wide-banner-preview .hero-copy{margin:0;width:100%;padding:calc(100vw * .558 + 28px) 6vw 42px}
 body.wide-banner-preview .hero-copy .eyebrow{max-width:650px;margin-bottom:18px;font-size:10px}
 body.wide-banner-preview .hero h1{font-size:clamp(52px,8.7vw,80px);line-height:.96;letter-spacing:-.5px;max-width:750px;margin-bottom:20px}
 body.wide-banner-preview .hero h1 br{display:none}
 body.wide-banner-preview .hero h1 br::after{content:" "}
 body.wide-banner-preview .hero-copy .lead{font-size:17px!important;max-width:650px;line-height:1.65}
 body.wide-banner-preview .hero-copy .actions{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){body.wide-banner-preview .hero *{animation:none!important;transition:none!important}}

/* Vignette-only revision; truck scene markup and source photos unchanged. */
body.wide-banner-preview .hero::after{background:linear-gradient(90deg,rgba(4,8,12,.88) 0%,rgba(4,8,12,.81) 25%,rgba(4,8,12,.71) 40%,rgba(4,8,12,.30) 52%,rgba(4,8,12,.03) 64%,transparent 74%)}
body.wide-banner-preview .hero h1,body.wide-banner-preview .hero-copy .lead{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.65)}
body.wide-banner-preview .hero h1 em,body.wide-banner-preview .hero-copy .eyebrow{color:#ff3655!important}
body.wide-banner-preview .hero-copy .eyebrow{text-shadow:0 1px 7px #000}
body.wide-banner-preview .hero-copy a:focus-visible{outline-color:#fff}
@media(max-width:1000px){body.wide-banner-preview .hero{background:#10171e}body.wide-banner-preview .hero::after{background:linear-gradient(180deg,transparent 0,transparent calc(100vw * .40),#10171e calc(100vw * .558 + 8px))}}


/* Selected P045 homepage: actual edited photo, copy before photo on mobile. */
body.homepage-winner .hero-art.photo-hero.flow-home-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
@media(max-width:1000px){
 body.homepage-winner .hero{display:flex;flex-direction:column;background:#10171e}
 body.homepage-winner .hero::after{display:none}
 body.homepage-winner .hero-copy{order:1;width:100%;padding:34px 6vw 32px;margin:0;z-index:1}
 body.homepage-winner .hero-art.photo-hero.flow-home-photo{order:2;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1678/937!important;z-index:0;flex:none}
 body.homepage-winner .hero-art.photo-hero.flow-home-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10171e 0%,rgba(16,23,30,.20) 10%,transparent 23%)}
 body.homepage-winner .hero-copy .actions{margin-top:24px}
}
@media(max-width:760px){
 body.homepage-winner .hero-copy{padding:26px 6vw 24px}
 body.homepage-winner .hero-copy .eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.5px;padding-top:14px;margin-bottom:14px}
 body.homepage-winner .hero h1{font-size:clamp(36px,10.25vw,46px);line-height:.98;letter-spacing:-.4px;margin-bottom:16px}
 body.homepage-winner .hero-copy .lead{font-size:16px!important;line-height:1.55}
 body.homepage-winner .hero-copy .actions{margin-top:18px;gap:10px}
 body.homepage-winner .hero-copy .button{min-height:48px;padding:13px 17px;font-size:13px}
}
