/* Hero based on the supplied 1097 × 1434 reference. All copy and CTAs are live HTML. */
.showcase{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;background:#0b1722;aspect-ratio:1097/1434;color:#fff}
.showcase-art{position:absolute;inset:0;z-index:-2;pointer-events:none}
.showcase-art picture{position:absolute;inset:0;display:block}
.showcase-art img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,22,.34),transparent 61%),linear-gradient(0deg,#090a09 0%,rgba(9,10,9,.91) 9%,rgba(9,10,9,.25) 20%,transparent 29%)}
.showcase-content{position:relative;padding:6.2cqw 5.4cqw 0;width:100%}
.showcase-eyebrow{display:flex;align-items:center;gap:1.65cqw;color:#edc363;font-size:1.83cqw;line-height:1.4;letter-spacing:.24em;font-weight:500;margin:0 0 3.2cqw;white-space:nowrap}
.showcase-eyebrow:before,.showcase-eyebrow:after{content:"";height:1px;width:3.2cqw;background:#dfb859;flex:none}
.showcase-title{font-family:var(--body);font-size:8.2cqw;font-weight:800;letter-spacing:-.005em;line-height:1;margin:0 0 2.6cqw;max-width:none;text-shadow:0 2px 15px #0002}
.showcase-title>span{display:block;white-space:nowrap;color:#fff}
.showcase-title .showcase-gold{color:#efc15b;background:linear-gradient(180deg,#f9d57c 5%,#e8b748 53%,#a87628 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.showcase-title .showcase-payoff{font-size:6.2cqw;letter-spacing:-.005em;line-height:1.2;font-weight:800;color:#fff}
.showcase-description{font-size:2.19cqw;line-height:1.48;font-weight:400;letter-spacing:-.005em;max-width:53cqw;color:#e5e5e2;margin:0 0 3.85cqw;text-shadow:0 1px 7px #0005}
.showcase-actions{display:flex;gap:1.85cqw;align-items:center}
.showcase-button{display:inline-flex;align-items:center;justify-content:center;gap:1.7cqw;height:7.75cqw;min-height:44px;border:2px solid #e9bd59;border-radius:.7cqw;font-size:2cqw;font-weight:800;line-height:1.2;letter-spacing:-.02em;transition:background .2s,box-shadow .2s;white-space:nowrap}
.showcase-button .icon{height:2.8cqw;width:2.8cqw;stroke-width:1.9}
.showcase-call{width:29.2cqw;color:#10120d;background:linear-gradient(115deg,#f8ce69,#efbd48);box-shadow:0 6px 28px #df9c3020}
.showcase-call .icon{fill:currentColor;stroke-width:.7;transform:rotate(-7deg)}
.showcase-call:hover{background:#ffda80;box-shadow:0 8px 32px #e9bd5935}
.showcase-quote{width:22.9cqw;color:#fff;background:#0a0b0bee;box-shadow:inset 0 0 0 1px #f6d88944}
.showcase-quote:hover{background:#272419}
.showcase-notes{display:flex;align-items:center;gap:2.2cqw;margin:2.55cqw 0 0;color:#f5f3ea;font-size:1.92cqw;line-height:1.4;letter-spacing:-.035em}
.showcase-notes>span{display:flex;align-items:center;gap:1.15cqw;white-space:nowrap}
.showcase-notes>span+span{border-left:1px solid #e3bb63;padding-left:2.2cqw}
.showcase-notes .icon{width:2.75cqw;height:2.75cqw;stroke-width:3;color:#f3c65c}
.showcase-benefits{position:absolute;left:3.5%;right:3.5%;bottom:5.15%;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.showcase-benefits li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2cqw;font-size:2.18cqw;line-height:1.15;font-weight:600;letter-spacing:-.045em}
.showcase-benefits li+li:before{content:"";position:absolute;left:0;top:1.2cqw;bottom:1cqw;width:1px;background:#e8bc5b}
.showcase-benefits .icon{width:5.2cqw;height:5.2cqw;color:#f2c259;stroke-width:1.35}
.showcase-benefits span{display:block}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Wide screens get a separately composed photograph so the whole sign and fleet remain visible. */
@media(min-width:1200px){
.showcase{aspect-ratio:auto;height:calc(62.55vw + 210px)}
.showcase-art picture{inset:auto 0 150px;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 92%,transparent)}
.showcase-art img{width:100%;height:auto;object-fit:initial}
.showcase-art:after{background:linear-gradient(90deg,rgba(6,13,20,.37),transparent 59%),linear-gradient(0deg,#090a09 0%,rgba(9,10,9,.95) 9%,transparent 24%)}
.showcase-content{padding:clamp(32px,3vw,58px) 5.4vw 0}
.showcase-eyebrow{font-size:clamp(15px,1.4vw,22px);gap:18px;margin-bottom:24px}
.showcase-eyebrow:before,.showcase-eyebrow:after{width:34px}
.showcase-title{font-size:clamp(64px,5vw,100px);margin-bottom:24px}
.showcase-title .showcase-payoff{font-size:.76em}
.showcase-description{font-size:clamp(17px,1.5vw,26px);max-width:48vw;line-height:1.48;margin-bottom:28px}
.showcase-actions{gap:20px}
.showcase-button{height:clamp(58px,4.7vw,78px);font-size:clamp(16px,1.45vw,24px);gap:20px;border-radius:7px}
.showcase-call{width:clamp(248px,24vw,360px)}
.showcase-quote{width:clamp(205px,19vw,290px)}
.showcase-button .icon{width:29px;height:29px}
.showcase-notes{font-size:clamp(14px,1.4vw,23px);margin-top:22px;gap:25px}
.showcase-notes>span{gap:12px}.showcase-notes>span+span{padding-left:25px}
.showcase-notes .icon{width:26px;height:26px}
.showcase-benefits{bottom:38px;left:10%;right:10%}
.showcase-benefits li{font-size:clamp(20px,1.65vw,28px);gap:12px}
.showcase-benefits .icon{width:52px;height:52px}
.showcase-benefits li+li:before{top:12px;bottom:6px}
}
/* Keep readable, selectable copy and full-size touch targets on phones. */
@media(max-width:600px){
html{scroll-padding-top:20px}
.showcase{aspect-ratio:auto;height:calc(130.72vw + 480px)}
.showcase-art picture{inset:auto 0 120px;mask-image:linear-gradient(0deg,transparent,#000 17%,#000 83%,transparent)}
.showcase-art img{width:100%;height:auto;object-fit:initial}
.showcase-art:after{background:linear-gradient(0deg,#090a09,rgba(9,10,9,.8) 9%,transparent 24%)}
.showcase-content{padding:30px 5.4vw 0}
.showcase-eyebrow{font-size:clamp(10px,2.8vw,15px);gap:12px;letter-spacing:.21em;margin-bottom:28px}
.showcase-eyebrow:before,.showcase-eyebrow:after{width:24px}
.showcase-title{font-size:9.6vw;margin-bottom:22px;letter-spacing:-.045em}
.showcase-title .showcase-payoff{font-size:7.25vw;line-height:1.3}
.showcase-description{font-size:15px;line-height:1.6;letter-spacing:-.025em;max-width:390px;margin-bottom:28px}
.showcase-description br{display:none}
.showcase-actions{gap:10px}
.showcase-button{height:54px;font-size:clamp(10px,3.1vw,16px);border-radius:6px;gap:9px;border-width:1.5px}
.showcase-call{width:50vw}.showcase-quote{width:37.2vw}
.showcase-button .icon{width:21px;height:21px}
.showcase-notes{font-size:clamp(10px,3vw,15px);margin-top:20px;gap:15px;letter-spacing:-.03em}
.showcase-notes>span{gap:6px}.showcase-notes>span+span{padding-left:15px}
.showcase-notes .icon{width:20px;height:20px;stroke-width:2.5}
.showcase-benefits{left:3%;right:3%;bottom:30px}
.showcase-benefits li{font-size:clamp(10px,2.9vw,15px);line-height:1.25;gap:10px;letter-spacing:-.035em}
.showcase-benefits .icon{width:35px;height:35px;stroke-width:1.5}
.showcase-benefits li+li:before{top:6px;bottom:4px}
}
@media(prefers-reduced-motion:reduce){.showcase-button{transition:none}}