/* Seven-train banner experiment, isolated from previous banner layouts. */
.hero.fleet-hero{height:clamp(530px,35vw,680px);min-height:0;background:#061d3d;isolation:isolate;overflow:hidden}
.fleet-backdrop{position:absolute;inset:0;background:url('assets/yard-open.png') center/cover no-repeat;z-index:0;mask-image:linear-gradient(180deg,#000 42%,#000b 48%,transparent 59%)}
.fleet-shade{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(6,29,61,.1) 0%,rgba(6,29,61,.1) 20%,transparent 36%)}
.fleet-lineup{position:absolute;left:22%;width:66%;bottom:85px;display:flex;align-items:flex-end;gap:0;z-index:3;mask-image:linear-gradient(0deg,transparent,#000 5%,#000 75%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.fleet-lineup img{height:auto;object-fit:contain;display:block;min-width:0;flex-shrink:0}
.fleet-perspective{width:100%}

.fleet-hero .hero-portrait{left:auto;right:-3%;bottom:0;width:25.5%;height:94%;max-height:620px;transform:none;background:url('assets/roy-blazer-complete.png') right bottom/contain no-repeat;mask-image:linear-gradient(0deg,transparent,#000 6%);z-index:5}
.fleet-hero .hero-content{position:relative;z-index:6;width:21%;max-width:390px;margin-left:4.5%;margin-right:0;padding-top:100px;padding-bottom:0;isolation:auto}
.fleet-hero .hero-content:before{display:none}
.fleet-hero h1{font-size:clamp(48px,4.2vw,78px);line-height:.98;letter-spacing:-1px;margin:17px 0 22px;text-shadow:0 3px 14px #061d3d99}
.fleet-hero h1 em{font-size:.52em;letter-spacing:-1px;line-height:1.5;white-space:nowrap}
.fleet-hero .hero-content>p{font-size:15px;max-width:290px;line-height:1.55;margin-bottom:20px}
.fleet-hero .eyebrow{font-size:clamp(12px,.85vw,15px);font-weight:750;letter-spacing:1px;gap:8px;line-height:1.55;color:#fff;white-space:normal;text-shadow:0 2px 8px #061d3d}
.fleet-hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px;max-width:none}
.fleet-hero .hero-actions .button{padding:10px 18px;font-size:13px;min-height:43px;border-radius:999px}
.fleet-desks{position:absolute;left:0;right:0;bottom:0;height:225px;z-index:4;pointer-events:none;mask-image:linear-gradient(0deg,#000 38%,#000000ed 58%,#00000080 80%,transparent 100%)}
.fleet-desks>div{position:absolute;bottom:0;height:100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 80%,transparent);filter:brightness(1.15)}
.desk-icm{left:-5%;width:43%;background-image:url('assets/20240710_211942.jpg');background-size:88% auto;background-position:center 60%;filter:brightness(1.3);mask-image:linear-gradient(90deg,transparent,#000000b3 15%,#000 36%,#000 80%,transparent)}
.desk-virm{left:29%;width:38%;background-image:url('assets/20250109_141413.jpg');background-size:80% auto;background-position:center 53%;opacity:.87}
.desk-digital{left:60%;width:41%;background-image:url('assets/20250101_214228.jpg');background-size:80% auto;background-position:center 50%}
@media(min-width:1800px){.fleet-lineup{bottom:135px;left:21%;width:68%}.fleet-hero .hero-content{padding-top:130px}.fleet-hero .hero-content>p{font-size:17px}.fleet-desks{height:285px}}
@media(max-width:1100px){.hero.fleet-hero{height:570px}.fleet-hero .hero-content{width:23%;margin-left:4.5%;padding-top:90px}.fleet-hero h1{font-size:50px}.fleet-hero .hero-content>p{font-size:13px}.fleet-lineup{left:26%;width:62%;bottom:145px}.fleet-hero .hero-portrait{right:-4%;width:26.5%;height:87%}.fleet-desks{height:245px}.fleet-hero .eyebrow{letter-spacing:.7px;font-size:12px}}
@media(max-width:800px){.hero.fleet-hero{height:720px}.fleet-hero .hero-content{width:55%;max-width:none;margin-left:5%;padding-top:65px}.fleet-hero h1{font-size:54px}.fleet-hero h1 br:first-of-type{display:none}.fleet-hero .hero-content>p{max-width:330px;font-size:15px}.fleet-hero .hero-actions{flex-direction:row;flex-wrap:wrap}.fleet-hero .eyebrow{font-size:13px;letter-spacing:1px}.fleet-lineup{left:3%;width:94%;bottom:105px}.fleet-hero .hero-portrait{right:-3%;width:37%;height:360px;bottom:245px}.fleet-desks{height:180px}}
@media(max-width:520px){.hero.fleet-hero{height:750px;min-height:0}.fleet-hero .hero-content{width:85%;padding-top:55px;margin-left:6%}.fleet-hero h1{font-size:54px;max-width:300px}.fleet-hero h1 br:first-of-type{display:initial}.fleet-hero .hero-content>p{max-width:260px;font-size:14px}.fleet-hero .hero-actions{flex-direction:column;gap:9px}.fleet-hero .hero-portrait{width:43%;height:280px;right:-4%;bottom:210px;opacity:.95}.fleet-lineup{left:2%;width:96%;bottom:100px}.fleet-desks{height:155px}.desk-icm{width:55%}.desk-virm{left:37%;width:35%}.desk-digital{left:65%;width:42%}.fleet-backdrop{background-position:57% center}}



/* Foreground paint is independent of the portrait and text. */
.fleet-paint-front{position:absolute;inset:0;z-index:7;pointer-events:none;background:url('assets/paint-front.png') center/cover no-repeat;transform:scale(.6);transform-origin:right bottom}
@media(max-width:800px){.fleet-paint-front{transform:none;background-size:auto 230px;background-position:right bottom 180px}}

.fleet-hero .hero-content>p{text-shadow:0 2px 7px #061d3dbb}
@media(max-width:800px){.fleet-shade{background:linear-gradient(90deg,rgba(6,29,61,.1) 0%,rgba(6,29,61,.1) 50%,transparent 85%)}}