/* Brand accents and a wider frame on large screens. */
:root{--container:1540px}
.container{width:min(var(--container),calc(100% - 80px))}
.hero-copy{padding-left:max(40px,calc((100vw - var(--container))/2));background:radial-gradient(circle at 8% 90%,#123c60 0,transparent 36%),linear-gradient(135deg,#082b4b,#041d36 75%);color:#fff;isolation:isolate}
.hero-copy:before{content:'';position:absolute;top:0;right:0;width:75px;height:5px;background:var(--orange)}
.hero-copy:after{content:'';position:absolute;right:8%;bottom:8%;width:180px;height:180px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 48px #ffffff04,0 0 0 95px #ffffff03;z-index:-1;pointer-events:none}
.hero-copy h1{color:#fff}
.hero-copy .eyebrow{color:#d6e5f0}
.hero-description,.hero-note{color:#c0d0dd}
.hero-note strong{color:#fff}
.hero .button.outline{color:#fff;border-color:#a6bdd0;background:#ffffff0d}
.hero .button.outline:hover{background:#ffffff25}
.hero-visual:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);z-index:2;opacity:.85}
.service-card{box-shadow:0 12px 35px #0625450a}
.service-card.featured{background:linear-gradient(145deg,#0a3359,#041d36)}
.service-card.featured:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange)}
.about-image:before{content:'';position:absolute;top:0;left:0;width:75px;height:4px;background:var(--orange);z-index:2}

/* Fleet carousel: a dominant photograph with the next image visible at the edge. */
.fleet{background:radial-gradient(circle at 80% 5%,#173f60 0,transparent 33%),#041d36;color:white;overflow:hidden}
.fleet .eyebrow{color:#a9c0d3}
.fleet-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:37px}
.fleet-heading h2{font-size:clamp(2.6rem,4.1vw,4.4rem);margin:0;color:white}
.fleet-heading>p{max-width:420px;margin:0 0 9px;color:#bdd0df;font-size:.98rem}
.fleet-carousel{position:relative}
.fleet-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x;outline-offset:5px}
.fleet-track::-webkit-scrollbar{display:none}
.fleet-slide{position:relative;flex:0 0 min(70%,1040px);height:clamp(430px,33vw,590px);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;margin:0;background:#0d3556}
.fleet-slide img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.fleet-slide:hover img{transform:scale(1.035)}
.fleet-slide:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(1,17,31,.8));pointer-events:none}
.fleet-slide:nth-child(3) img{object-position:50% 57%}
.fleet-slide:nth-child(6) img{object-position:50% 52%}
.fleet-slide figcaption{position:absolute;z-index:1;left:38px;bottom:34px;color:white;display:grid;gap:4px;text-shadow:0 1px 5px #001d31}
.fleet-slide figcaption span{font-size:.72rem;letter-spacing:.16em;font-weight:700;color:#ffaf72}
.fleet-slide figcaption strong{font-size:clamp(1.65rem,2.5vw,2.65rem);line-height:1.15;letter-spacing:-.04em}
.fleet-controls{display:flex;align-items:center;gap:29px;padding-top:24px}
.fleet-position{display:flex;align-items:center;gap:12px;min-width:92px;font-size:.85rem;color:#9db5c7;font-weight:700;letter-spacing:.08em}
.fleet-position .fleet-current{font-size:1.55rem;color:white}
.fleet-divider{height:1px;width:20px;background:#6d879b}
.fleet-progress{height:2px;max-width:430px;flex:1;background:#37536a;overflow:hidden}
.fleet-progress span{display:block;height:100%;width:16.6667%;background:var(--orange);transition:width .5s ease}
.fleet-arrows{margin-left:auto;display:flex;gap:9px}
.fleet-arrows button{width:49px;height:49px;display:grid;place-items:center;border:1px solid #6d8499;border-radius:50%;background:transparent;color:white;font-size:1.55rem;line-height:1;transition:background .2s,border-color .2s,transform .2s}
.fleet-arrows button:hover{background:var(--orange);border-color:var(--orange);color:#041d36;transform:translateY(-2px)}
.fleet-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding-top:25px;border-top:1px solid #3b576e}
.fleet-bottom>span{font-size:.69rem;color:#9fb5c8;letter-spacing:.13em;font-weight:700}
@media(max-width:1150px){.hero-copy{padding-left:32px}.container{width:calc(100% - 64px)}}
@media(max-width:1020px) and (min-width:761px){.menu-toggle{display:flex;width:45px;height:45px;border:1px solid var(--line);background:white;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:20px;height:2px;background:var(--navy)}.header nav{display:none;position:absolute;top:93px;left:0;right:0;padding:15px 32px 24px;background:white;box-shadow:0 16px 20px #06254515;align-items:stretch;gap:0}.header nav.open{display:flex;flex-direction:column}.header nav>a{font-size:.95rem}.header nav .button{margin-top:10px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.hero-copy{padding-left:20px}.hero-copy:after{width:120px;height:120px}.fleet-heading{display:block}.fleet-heading>p{margin-top:18px;max-width:520px}.fleet-track{gap:12px}.fleet-slide{flex-basis:84%;height:clamp(340px,89vw,440px)}.fleet-slide figcaption{left:21px;bottom:20px}.fleet-slide figcaption strong{font-size:1.65rem}.fleet-controls{gap:15px}.fleet-progress{max-width:none}.fleet-bottom{align-items:flex-start;flex-direction:column}.fleet-bottom .button{width:100%}}
@media(max-width:420px){.fleet-heading h2{font-size:2.5rem}.fleet-slide{height:335px}.fleet-slide figcaption strong{font-size:1.4rem}.fleet-slide figcaption span{font-size:.61rem}.fleet-arrows button{width:43px;height:43px}.fleet-position{min-width:75px;gap:6px}.fleet-progress{max-width:72px}}
@media(prefers-reduced-motion:reduce){.fleet-slide img,.fleet-progress span{transition:none!important}}
