:root{
  --navy:#071722;
  --navy-2:#0c2a3a;
  --ink:#102837;
  --muted:#657684;
  --white:#ffffff;
  --soft:#f5f7f9;
  --line:rgba(16,40,55,.12);
  --accent:#0c5f78;
  --accent-2:#63c7de;
  --blue:#0e5f77;
  --shadow:0 20px 56px rgba(7,23,34,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  color:var(--ink);
  background:var(--white);
  font-size:14.5px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.055;
  background-image:linear-gradient(var(--navy) 1px,transparent 1px),linear-gradient(90deg,var(--navy) 1px,transparent 1px);
  background-size:82px 82px;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
p{margin:0 0 .85rem}
h1,h2,h3{margin:0 0 11px;line-height:1.02;letter-spacing:-.045em;font-weight:700}
h1{font-size:clamp(2.35rem,5.5vw,5.6rem)}
h2{font-size:clamp(1.8rem,3vw,3.3rem)}
h3{font-size:1.05rem}
.wrap{width:min(1060px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:10px;background:var(--navy);color:white;padding:10px 14px;border-radius:999px;z-index:1000}
.skip-link:focus{left:10px}

.header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.nav{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.brand img{width:48px;height:48px;object-fit:contain}
.nav-menu{display:flex;align-items:center;gap:4px}
.nav-menu a{
  padding:8px 11px;
  border-radius:999px;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--ink);
}
.nav-menu a:hover{background:var(--soft)}
.nav-menu .quote{background:var(--blue);color:white}
.nav-menu .quote:hover{background:var(--navy)}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:white}
.menu-btn span{display:block;width:18px;height:2px;background:var(--navy);margin:4px auto;border-radius:999px}

.overline{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:var(--accent-2);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.66rem;
  font-weight:700;
}
.overline::before{content:"";width:26px;height:1px;background:currentColor}
.overline.dark{color:var(--blue)}
.overline.light{color:#8fd7e7}
.btn{
  display:inline-flex;
  min-height:43px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  font-weight:700;
  font-size:.88rem;
  border:1px solid transparent;
  transition:.22s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(7,23,34,.14)}
.btn.primary{background:var(--blue);color:white}
.btn.primary:hover{background:var(--accent-2);color:#071722}
.btn.secondary{color:white;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
.btn.secondary:hover{background:rgba(255,255,255,.15)}
.full{width:100%}

.hero{
  position:relative;
  min-height:650px;
  overflow:hidden;
  color:white;
  background:var(--navy);
}
.hero-media{
  position:absolute;
  inset:0 0 0 42%;
  background:
    linear-gradient(90deg,rgba(7,23,34,1),rgba(7,23,34,.35) 42%,rgba(7,23,34,.10)),
    url('../img/hero-terminal.webp') center/cover no-repeat;
  animation:heroMove 22s ease-in-out infinite alternate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0 58% 0 0;
  background:linear-gradient(160deg,#071722,#0b2d3f 70%,#09202f);
}
.hero::after{
  content:"";
  position:absolute;
  right:4%;
  bottom:12%;
  width:220px;
  height:220px;
  border:1px solid rgba(99,199,222,.22);
  border-radius:50%;
  animation:floatRing 9s ease-in-out infinite;
}
.hero-grid{
  position:relative;
  z-index:2;
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) 320px;
  gap:44px;
  align-items:end;
  padding:76px 0 82px;
}
.hero-copy{max-width:700px}
.hero-copy p{max-width:540px;color:rgba(255,255,255,.78);font-size:.98rem}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-card{
  align-self:end;
  background:rgba(255,255,255,.95);
  color:var(--ink);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow);
}
.hero-card span{
  display:block;
  color:var(--blue);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.68rem;
  font-weight:700;
  margin-bottom:14px;
}
.hero-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.hero-card li{position:relative;padding-left:18px;color:var(--muted);font-size:.9rem}
.hero-card li::before{content:"";position:absolute;left:0;top:.63em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.ticker{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  display:flex;
  gap:28px;
  overflow:hidden;
  white-space:nowrap;
  padding:10px 0;
  background:rgba(3,12,18,.58);
  border-top:1px solid rgba(255,255,255,.10);
}
.ticker span{
  min-width:max-content;
  color:rgba(255,255,255,.70);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.66rem;
  animation:ticker 24s linear infinite;
}

.intro{padding:54px 0;background:white}
.intro-grid{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:34px;
  padding-bottom:44px;
  border-bottom:1px solid var(--line);
}
.intro-text p{max-width:680px;color:var(--muted)}

.services{padding:62px 0;background:linear-gradient(180deg,#fff,var(--soft))}
.section-head{margin-bottom:24px}
.service-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  background:white;
  box-shadow:var(--shadow);
}
.service-item{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:15px;
  padding:24px;
  border-bottom:1px solid var(--line);
}
.service-item:nth-child(odd){border-right:1px solid var(--line)}
.service-item:nth-child(3),.service-item:nth-child(4){border-bottom:0}
.service-item span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--navy);
  color:var(--accent-2);
  font-weight:700;
  font-size:.76rem;
}
.service-item p{color:var(--muted);font-size:.9rem}

.rov{
  padding:72px 0;
  background:radial-gradient(circle at 15% 20%,rgba(18,107,122,.28),transparent 30%),linear-gradient(140deg,#06131d,#0a2d3f 55%,#071722);
  color:white;
  overflow:hidden;
}
.rov-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:center}
.rov h2{color:white}
.rov-copy p{color:rgba(255,255,255,.74);max-width:520px}
.rov-panel{
  position:relative;
  min-height:360px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:52px 52px;
  overflow:hidden;
}
.rov-panel::after{
  content:"";
  position:absolute;
  inset:50% -10% auto;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--accent-2),transparent);
  transform:rotate(-5deg);
  animation:pulse 4s ease-in-out infinite;
}
.depth{
  position:absolute;
  left:22px;
  top:24px;
  bottom:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-left:1px solid rgba(255,255,255,.18);
  padding-left:10px;
  color:rgba(255,255,255,.45);
  font-size:.68rem;
}
.pulse{
  position:absolute;
  max-width:270px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  animation:softFloat 6s ease-in-out infinite;
}
.pulse b{display:block;margin-bottom:4px}
.pulse small{color:rgba(255,255,255,.70)}
.pulse.a{top:42px;right:44px}
.pulse.b{top:150px;left:110px;animation-delay:-2s}
.pulse.c{right:56px;bottom:46px;animation-delay:-3s}

.fleet{padding:62px 0;background:white}
.fleet-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.link{font-weight:700;color:var(--blue);font-size:.9rem}
.fleet-strip{
  width:min(1120px,calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  padding:8px;
  border-radius:24px;
  background:var(--navy);
  box-shadow:var(--shadow);
}
.fleet-strip a{
  position:relative;
  min-height:190px;
  overflow:hidden;
  border-radius:17px;
}
.fleet-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:.35s ease}
.fleet-strip span{
  position:absolute;
  left:11px;
  bottom:11px;
  color:white;
  background:rgba(7,23,34,.72);
  border-radius:999px;
  padding:6px 10px;
  font-weight:700;
  font-size:.82rem;
}
.fleet-strip a:hover img{transform:scale(1.055);filter:saturate(1.05)}

.gallery{padding:62px 0;background:var(--soft)}
.gallery-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:28px;align-items:start}
.gallery-copy p{color:var(--muted)}
.mosaic{display:grid;grid-template-columns:1.3fr .7fr;grid-auto-rows:160px;gap:10px}
.mosaic a{overflow:hidden;border-radius:20px;background:#dbe5eb;box-shadow:0 14px 34px rgba(7,23,34,.08)}
.mosaic a:first-child{grid-row:span 2}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.mosaic a:hover img{transform:scale(1.045)}

.contact{
  padding:70px 0;
  background:linear-gradient(rgba(7,23,34,.88),rgba(7,23,34,.88)),url('../img/fleet-strip.webp') center/cover no-repeat;
  color:white;
}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}
.contact h2{color:white}
.contact-copy p{color:rgba(255,255,255,.74)}
.form{
  background:rgba(255,255,255,.98);
  color:var(--ink);
  border-radius:22px;
  padding:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.26);
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{display:grid;gap:7px;margin-bottom:10px;color:var(--navy);font-weight:700;font-size:.84rem}
input,select,textarea{
  width:100%;
  border:1px solid rgba(16,40,55,.16);
  border-radius:13px;
  padding:10px 11px;
  font:inherit;
  font-size:.9rem;
  outline:0;
}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,107,122,.10)}
textarea{resize:vertical}
.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}
.note{margin:9px 0 0;color:var(--muted);font-size:.78rem}
.note code{background:#f1f4f7;padding:2px 6px;border-radius:7px}

.footer{background:#030f17;color:rgba(255,255,255,.68);padding:36px 0 18px}
.footer-grid{display:grid;grid-template-columns:1.3fr .75fr .95fr;gap:26px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.10)}
.footer img{max-width:130px;margin-bottom:10px}
.footer a{display:block;color:rgba(255,255,255,.68);margin:5px 0}
.footer a:hover{color:white}
.copyright{padding-top:14px;font-size:.8rem;color:rgba(255,255,255,.58)}

.ships-hero{
  padding:72px 0;
  background:linear-gradient(120deg,rgba(7,23,34,.92),rgba(7,23,34,.68)),url('../img/fleet-strip.webp') center/cover no-repeat;
  color:white;
}
.ships-hero-grid{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:end}
.ships-hero p{color:rgba(255,255,255,.74);max-width:700px}
.ship-index{display:grid;gap:8px}
.ship-index a{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:15px;padding:11px 13px;font-weight:700}
.ship-index a::after{content:"→";color:var(--accent-2)}
.ship-list{padding:66px 0;background:white}
.ship-list .wrap{display:grid;gap:22px}
.ship-card{
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:white;
}
.ship-card.reverse .ship-photo{order:2}
.ship-photo{min-height:320px;background:#dbe5eb;overflow:hidden}
.ship-photo img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.ship-photo:hover img{transform:scale(1.035)}
.ship-info{padding:28px}
.ship-info p{color:var(--muted)}
.ship-info dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0}
.ship-info div{background:#fbfcfd;border:1px solid rgba(16,40,55,.08);border-radius:13px;padding:10px}
.ship-info dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.6rem;font-weight:700}
.ship-info dd{margin:3px 0 0;font-weight:700;color:var(--navy);font-size:.86rem}

.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(2,8,12,.9)}
.lightbox.is-open{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:white;color:var(--navy);font-size:30px;line-height:1;cursor:pointer}
.lightbox-caption{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);color:white;background:rgba(0,0,0,.45);border-radius:999px;padding:8px 14px}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@keyframes heroMove{from{transform:scale(1.02) translate(-8px,-4px)}to{transform:scale(1.06) translate(10px,6px)}}
@keyframes floatRing{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-360px)}}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}
@media (max-width:980px){
  .hero-media{inset:0}
  .hero::before{inset:0;background:linear-gradient(90deg,rgba(7,23,34,.92),rgba(7,23,34,.68))}
  .hero-grid,.intro-grid,.rov-grid,.gallery-grid,.contact-grid,.ships-hero-grid{grid-template-columns:1fr}
  .hero-card{max-width:360px}
  .service-layout{grid-template-columns:1fr}
  .service-item,.service-item:nth-child(odd){border-right:0}
  .service-item:nth-child(3){border-bottom:1px solid var(--line)}
  .fleet-strip{grid-template-columns:repeat(2,1fr)}
  .fleet-strip a:last-child{grid-column:span 2}
  .ship-card,.ship-card.reverse{grid-template-columns:1fr}
  .ship-card.reverse .ship-photo{order:0}
}
@media (max-width:720px){
  .wrap{width:calc(100% - 28px)}
  .menu-btn{display:block}
  .nav-menu{
    position:fixed;
    top:70px;
    left:14px;
    right:14px;
    display:grid;
    gap:6px;
    background:white;
    border:1px solid var(--line);
    border-radius:18px;
    padding:10px;
    box-shadow:var(--shadow);
    opacity:0;
    transform:translateY(-10px);
    pointer-events:none;
    transition:.22s ease;
  }
  .nav-menu.open{opacity:1;transform:none;pointer-events:auto}
  .nav-menu a{text-align:center}
  .hero,.hero-grid{min-height:auto}
  .hero-grid{padding:58px 0 78px}
  .hero-card{display:none}
  .service-item{grid-template-columns:1fr;padding:20px}
  .fleet-head{display:grid}
  .fleet-strip{grid-template-columns:1fr}
  .fleet-strip a,.ship-photo{min-height:230px}
  .fleet-strip a:last-child{grid-column:auto}
  .mosaic{grid-template-columns:1fr;grid-auto-rows:170px}
  .mosaic a:first-child{grid-row:auto}
  .form-row,.ship-info dl,.footer-grid{grid-template-columns:1fr}
}
@media (max-width:460px){
  h1{font-size:2.2rem}
  h2{font-size:1.75rem}
  .actions{display:grid}
  .btn{width:100%}
  .intro,.services,.rov,.fleet,.gallery,.contact,.ship-list{padding:50px 0}
  .rov-panel{min-height:430px}
  .pulse{left:84px!important;right:16px!important;max-width:none}
  .pulse.a{top:36px}
  .pulse.b{top:160px}
  .pulse.c{bottom:34px}
}



.nav-menu .quote,
.btn.primary {
  background: linear-gradient(135deg, #0c5f78, #0e5f77);
  color: #fff;
}
.nav-menu .quote:hover,
.btn.primary:hover {
  background: #071722;
  color: #fff;
}
.overline,
.overline.light {
  color: #7fd5e8;
}
.overline.dark {
  color: #0c5f78;
}
.hero-card li::before,
.service-item span,
.ship-info dt {
  color: #63c7de;
}
.hero-card li::before {
  background: #63c7de;
}
.service-item span {
  background: #071722;
}
.ticker span {
  color: rgba(255,255,255,.76);
}



:root{
  --navy:#071722;
  --navy-2:#0d2a3b;
  --ink:#102837;
  --muted:#667784;
  --white:#ffffff;
  --soft:#f4f8fb;
  --line:rgba(16,40,55,.12);
  --accent:#0c5f78;
  --accent-2:#63c7de;
  --blue:#0e5f77;
}

body{
  background:#ffffff;
}

.header{
  background:rgba(255,255,255,.94);
}

.nav-menu .quote,
.btn.primary{
  background:linear-gradient(135deg, #0c5f78, #0e5f77);
  color:#ffffff;
}

.nav-menu .quote:hover,
.btn.primary:hover{
  background:#071722;
  color:#ffffff;
}

.overline,
.overline.light{
  color:#7fd5e8;
}

.overline.dark,
.link{
  color:#0c5f78;
}

.hero-card span,
.ship-info dt,
.service-item span{
  color:#63c7de;
}

.hero-card li::before{
  background:#63c7de;
}

.service-item span{
  background:#071722;
}

.hero::after{
  border-color:rgba(99,199,222,.22);
}

.ticker{
  background:rgba(5,16,24,.62);
}

.ticker span{
  color:rgba(255,255,255,.78);
}

.rov-panel::after{
  background:linear-gradient(90deg, transparent, #63c7de, transparent);
}



.btn.ghost-white{
  background:rgba(255,255,255,.08);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.22);
}
.btn.ghost-white:hover{
  background:rgba(255,255,255,.16);
  color:#ffffff;
}

.hero-slider{
  position:relative;
  min-height:720px;
  background:#071722;
  color:#ffffff;
  overflow:hidden;
}
.hero-slides{
  position:relative;
  min-height:650px;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .65s ease, visibility .65s ease;
}
.hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.hero-slide__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(7,23,34,.88) 0%, rgba(7,23,34,.78) 26%, rgba(7,23,34,.42) 52%, rgba(7,23,34,.30) 100%),
    radial-gradient(circle at 78% 58%, rgba(99,199,222,.16), transparent 18%),
    var(--hero-image) center/cover no-repeat;
  transform:scale(1.02);
}
.hero-slide.is-active .hero-slide__bg{
  animation:heroZoom 10s ease forwards;
}
.hero-slide__grid{
  position:relative;
  z-index:2;
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:28px;
  align-items:end;
  padding:90px 0 118px;
}
.hero-panel{
  max-width:610px;
  padding:28px 28px 24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(7,23,34,.56), rgba(7,23,34,.72));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.hero-panel h1{
  font-size:clamp(2.15rem, 3.4vw, 4rem);
  margin-bottom:12px;
  max-width:14ch;
}
.hero-panel p{
  max-width:56ch;
  color:rgba(255,255,255,.78);
  font-size:1rem;
}
.hero-panel .actions{
  margin-top:20px;
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.hero-tags span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.84);
  font-size:.8rem;
  font-weight:700;
}
.hero-brief{
  align-self:end;
  margin-bottom:10px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  color:#102837;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.hero-brief strong{
  display:block;
  margin-bottom:12px;
  color:#0c5f78;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.72rem;
}
.hero-brief ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.hero-brief li{
  position:relative;
  padding-left:16px;
  color:#5f7180;
}
.hero-brief li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#63c7de;
}
.hero-slider__footer{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:-82px;
  padding-bottom:24px;
}
.hero-slider__nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.hero-tab{
  min-width:180px;
  text-align:left;
  display:grid;
  gap:2px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(4,14,22,.84);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.72);
  cursor:pointer;
  transition:all .22s ease;
}
.hero-tab span{
  color:#7fd5e8;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
}
.hero-tab small{
  font-size:.9rem;
  font-weight:700;
}
.hero-tab:hover,
.hero-tab.is-active{
  background:#ffffff;
  color:#102837;
  border-color:rgba(255,255,255,.14);
}
.hero-tab:hover span,
.hero-tab.is-active span{
  color:#0c5f78;
}
.hero-slider__controls{
  display:flex;
  gap:10px;
}
.hero-arrow{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(4,14,22,.84);
  color:#ffffff;
  font-size:1.8rem;
  line-height:1;
  cursor:pointer;
  transition:all .22s ease;
}
.hero-arrow:hover{
  background:#ffffff;
  color:#071722;
}

@keyframes heroZoom{
  from{transform:scale(1.02)}
  to{transform:scale(1.08)}
}

@media (max-width:980px){
  .hero-slider{
    min-height:760px;
  }
  .hero-slide__grid{
    grid-template-columns:1fr;
    padding:84px 0 146px;
  }
  .hero-panel{
    max-width:640px;
  }
  .hero-brief{
    max-width:420px;
  }
  .hero-slider__footer{
    margin-top:-112px;
    display:grid;
  }
}

@media (max-width:720px){
  .hero-slider{
    min-height:auto;
  }
  .hero-slides,
  .hero-slide__grid{
    min-height:auto;
  }
  .hero-slide__grid{
    padding:74px 0 162px;
  }
  .hero-panel{
    padding:22px 20px 20px;
    border-radius:22px;
  }
  .hero-panel h1{
    max-width:unset;
    font-size:clamp(1.9rem, 8vw, 2.8rem);
  }
  .hero-panel p{
    font-size:.95rem;
  }
  .hero-brief{
    display:none;
  }
  .hero-slider__footer{
    margin-top:-128px;
  }
  .hero-slider__nav{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-tab{
    min-width:auto;
  }
  .hero-slider__controls{
    justify-content:flex-end;
  }
}



.hero-slider,
.hero-slides,
.hero-slider__footer,
.hero-slide,
.hero-tab,
.hero-arrow,
.hero-brief,
.hero-panel,
.hero-tags{display:none}

.hero-sea{
  position:relative;
  min-height:760px;
  overflow:hidden;
  background:linear-gradient(180deg,#04131d 0%, #082536 48%, #0a3147 100%);
  color:#fff;
}
.hero-sea__bg{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.hero-sea__image{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(4,19,29,.30) 0%, rgba(4,19,29,.55) 38%, rgba(4,19,29,.72) 100%),
    linear-gradient(90deg, rgba(4,19,29,.58) 0%, rgba(4,19,29,.42) 34%, rgba(4,19,29,.34) 100%),
    url('../img/fleet/issis/main.webp') center/cover no-repeat;
  opacity:.30;
  transform:scale(1.08);
  animation:seaDrift 18s ease-in-out infinite alternate;
}
.sea-glow{
  position:absolute;
  inset:auto -10% -10% -10%;
  height:62%;
  background:radial-gradient(circle at 50% 8%, rgba(127,213,232,.14), transparent 34%), radial-gradient(circle at 18% 30%, rgba(14,95,119,.42), transparent 30%), radial-gradient(circle at 78% 36%, rgba(99,199,222,.20), transparent 28%);
  filter:blur(8px);
  animation:glowShift 12s ease-in-out infinite alternate;
}
.wave{
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-2%;
  height:44%;
  border-radius:45% 55% 0 0 / 16% 20% 0 0;
  background:linear-gradient(180deg, rgba(127,213,232,.00) 0%, rgba(16,76,101,.18) 18%, rgba(9,50,71,.72) 68%, rgba(6,27,39,.94) 100%);
  opacity:.95;
  transform-origin:center bottom;
}
.wave::before,
.wave::after{
  content:"";
  position:absolute;
  inset:auto -2% -1px -2%;
  height:68%;
  border-radius:44% 56% 0 0 / 18% 22% 0 0;
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 16%, rgba(7,31,46,.30) 40%, rgba(6,27,39,.82) 100%);
}
.wave-1{
  bottom:-4%;
  animation:waveFloat1 10s ease-in-out infinite;
}
.wave-2{
  bottom:-7%;
  opacity:.74;
  height:39%;
  animation:waveFloat2 14s ease-in-out infinite;
}
.wave-3{
  bottom:-10%;
  opacity:.56;
  height:34%;
  animation:waveFloat3 18s ease-in-out infinite;
}
.hero-sea__content{
  position:relative;
  z-index:2;
  min-height:760px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:110px 0 96px;
}
.hero-sea__inner{
  max-width:760px;
}
.hero-sea__logo{
  width:min(320px, 58vw);
  margin:0 auto 22px;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.22));
}
.hero-sea .overline{
  justify-content:center;
  margin-bottom:14px;
}
.hero-sea h1{
  max-width:12ch;
  margin:0 auto 16px;
  font-size:clamp(2.2rem, 5vw, 4.8rem);
  letter-spacing:-.05em;
}
.hero-sea p{
  max-width:44rem;
  margin:0 auto;
  color:rgba(255,255,255,.82);
  font-size:1.05rem;
}
.hero-sea__actions{
  justify-content:center;
  margin-top:28px;
}
.hero-sea__chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:26px;
}
.hero-sea__chips span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.88);
  font-size:.82rem;
  font-weight:700;
  backdrop-filter:blur(8px);
}

@keyframes seaDrift{
  from{transform:scale(1.08) translate3d(-10px,-4px,0)}
  to{transform:scale(1.12) translate3d(14px,6px,0)}
}
@keyframes glowShift{
  from{transform:translateY(0) scale(1)}
  to{transform:translateY(-8px) scale(1.04)}
}
@keyframes waveFloat1{
  0%,100%{transform:translateX(0) translateY(0) scaleX(1)}
  50%{transform:translateX(2.4%) translateY(-12px) scaleX(1.02)}
}
@keyframes waveFloat2{
  0%,100%{transform:translateX(0) translateY(0) scaleX(1)}
  50%{transform:translateX(-2.8%) translateY(-18px) scaleX(1.05)}
}
@keyframes waveFloat3{
  0%,100%{transform:translateX(0) translateY(0) scaleX(1)}
  50%{transform:translateX(3.2%) translateY(-12px) scaleX(1.08)}
}

@media (max-width:980px){
  .hero-sea,
  .hero-sea__content{min-height:700px}
  .hero-sea__logo{width:min(280px,62vw)}
}

@media (max-width:720px){
  .hero-sea,
  .hero-sea__content{min-height:auto}
  .hero-sea__content{padding:94px 0 82px}
  .hero-sea__logo{width:min(220px,58vw); margin-bottom:18px}
  .hero-sea h1{max-width:unset;font-size:clamp(1.95rem, 9vw, 3.2rem)}
  .hero-sea p{font-size:.97rem}
  .hero-sea__chips{gap:8px}
  .hero-sea__chips span{font-size:.76rem;padding:0 12px}
  .wave{height:36%}
}



.hero-sea__content{
  text-align:left;
}
.hero-sea__grid{
  position:relative;
  z-index:2;
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 330px;
  gap:36px;
  align-items:center;
  padding:110px 0 96px;
}
.hero-sea__inner{
  max-width:620px;
  margin:0;
}
.hero-sea__logo{
  width:min(270px, 46vw);
  margin:0 0 20px;
}
.hero-sea .overline{
  justify-content:flex-start;
}
.hero-sea h1{
  max-width:12ch;
  margin:0 0 16px;
}
.hero-sea p{
  max-width:40rem;
  margin:0;
}
.hero-sea__actions{
  justify-content:flex-start;
}
.hero-sea__chips{
  justify-content:flex-start;
}
.hero-sea__panel{
  align-self:end;
  margin-bottom:8px;
  padding:24px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.90);
  color:#102837;
  box-shadow:0 22px 60px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}
.hero-sea__panel-kicker{
  display:block;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.7rem;
  font-weight:800;
  color:#0c5f78;
}
.hero-sea__panel ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:11px;
}
.hero-sea__panel li{
  position:relative;
  padding-left:16px;
  color:#576b79;
  line-height:1.45;
}
.hero-sea__panel li::before{
  content:"";
  position:absolute;
  left:0;
  top:.64em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#63c7de;
}
.hero-sea__panel-divider{
  height:1px;
  margin:16px 0 14px;
  background:linear-gradient(90deg, rgba(12,95,120,.18), rgba(12,95,120,.06));
}
.hero-sea__panel p{
  color:#6a7a86;
  font-size:.9rem;
}

@media (max-width:980px){
  .hero-sea__grid{
    min-height:700px;
    grid-template-columns:1fr;
    gap:20px;
    padding:100px 0 82px;
  }
  .hero-sea__panel{
    max-width:420px;
    align-self:start;
    margin-bottom:0;
  }
}

@media (max-width:720px){
  .hero-sea__content{ text-align:center; }
  .hero-sea__grid{
    min-height:auto;
    padding:92px 0 78px;
  }
  .hero-sea__inner{
    max-width:unset;
  }
  .hero-sea__logo{
    width:min(220px, 58vw);
    margin:0 auto 18px;
  }
  .hero-sea .overline,
  .hero-sea__actions,
  .hero-sea__chips{justify-content:center;}
  .hero-sea h1{
    max-width:unset;
    margin:0 auto 14px;
  }
  .hero-sea p{
    margin:0 auto;
  }
  .hero-sea__panel{
    display:none;
  }
}



.topbar{
  background:#071722;
  color:rgba(255,255,255,.82);
  font-size:.78rem;
}
.topbar__inner{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.topbar a{color:#8ad7e7;font-weight:700}

.header--overlay{
  background:rgba(255,255,255,.96);
}
.brand img{width:56px;height:56px}
.nav{min-height:74px}
.nav-menu a{font-size:.78rem}


.hero-sea,
.hero-slider{display:none}
.hero-reference{
  position:relative;
  min-height:720px;
  overflow:hidden;
  background:linear-gradient(120deg,#061622 0%,#0b2a3b 52%,#11384d 100%);
  color:#fff;
}
.hero-reference__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,22,34,.92) 0%, rgba(6,22,34,.82) 38%, rgba(6,22,34,.34) 100%),
    url('../img/fleet/issis/main.webp') center right/cover no-repeat;
}
.hero-reference__grid{
  position:relative;
  z-index:2;
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 440px;
  gap:42px;
  align-items:center;
  padding:120px 0 90px;
}
.hero-reference__copy{max-width:600px}
.hero-reference__logo{width:min(250px,44vw);margin:0 0 22px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.18))}
.hero-reference .overline{justify-content:flex-start;margin-bottom:14px}
.hero-reference h1{max-width:12ch;margin-bottom:16px;font-size:clamp(2.4rem,4.6vw,4.7rem)}
.hero-reference p{max-width:42rem;color:rgba(255,255,255,.82);font-size:1.02rem}
.hero-reference__actions{justify-content:flex-start;margin-top:24px}
.hero-reference__metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.hero-reference__metrics article{
  padding:16px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
.hero-reference__metrics strong{display:block;font-size:1.4rem;line-height:1;color:#8ad7e7}
.hero-reference__metrics span{display:block;margin-top:5px;font-size:.82rem;color:rgba(255,255,255,.74)}
.hero-reference__visual{position:relative;display:grid;justify-items:end}
.hero-reference__frame{
  width:100%;
  max-width:420px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.24);
}
.hero-reference__frame img{width:100%;height:560px;object-fit:cover}
.hero-reference__card{
  position:absolute;
  left:-36px;
  bottom:34px;
  width:290px;
  padding:22px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.96);
  color:#102837;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
}
.hero-reference__card-kicker{
  display:block;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.7rem;
  font-weight:800;
  color:#0c5f78;
}
.hero-reference__card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.hero-reference__card li{position:relative;padding-left:16px;color:#60717d}
.hero-reference__card li::before{content:"";position:absolute;left:0;top:.67em;width:6px;height:6px;border-radius:50%;background:#63c7de}

.intro{padding:72px 0 46px}
.intro-grid{grid-template-columns:250px 1fr;gap:30px;padding-bottom:0;border-bottom:0}
.intro-text h2{font-size:clamp(1.9rem,3vw,3.1rem)}
.intro-text p{font-size:1rem;max-width:760px}

.quick-services{padding:0 0 68px;background:linear-gradient(180deg,#fff,#f5f7f9)}
.quick-services__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.quick-services article{
  padding:22px 20px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid rgba(16,40,55,.09);
  box-shadow:0 14px 34px rgba(7,23,34,.07);
}
.quick-services span{
  display:inline-flex;
  width:36px;height:36px;align-items:center;justify-content:center;
  border-radius:50%;background:#0e5f77;color:#fff;font-weight:700;font-size:.75rem;
  margin-bottom:16px;
}
.quick-services h3{margin-bottom:8px;font-size:1.05rem}
.quick-services p{margin:0;color:#677887;font-size:.92rem}

.services{padding-top:30px}
.section-head{display:flex;align-items:end;justify-content:space-between}
.service-layout{border-radius:28px;overflow:hidden}
.service-item{padding:28px}

.ships-hero{padding-top:92px}

@media (max-width:1100px){
  .hero-reference__grid{grid-template-columns:1fr 380px;gap:28px}
  .hero-reference__card{left:-18px;width:260px}
}
@media (max-width:980px){
  .hero-reference{min-height:auto}
  .hero-reference__grid{min-height:auto;grid-template-columns:1fr;padding:118px 0 78px}
  .hero-reference__visual{justify-items:start}
  .hero-reference__frame{max-width:560px}
  .hero-reference__frame img{height:360px}
  .hero-reference__card{position:relative;left:auto;bottom:auto;margin-top:-48px;margin-left:20px}
  .quick-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .topbar__inner{min-height:34px;font-size:.72rem;flex-direction:column;justify-content:center;padding:6px 0}
  .header--overlay .nav{min-height:64px}
  .hero-reference__grid{padding:96px 0 66px}
  .hero-reference__logo{width:min(210px,50vw)}
  .hero-reference h1{max-width:unset;font-size:clamp(2rem,8vw,3rem)}
  .hero-reference__metrics{grid-template-columns:1fr}
  .hero-reference__frame img{height:280px}
  .hero-reference__card{width:auto;margin: -36px 0 0 14px;max-width:calc(100% - 28px)}
  .intro-grid{grid-template-columns:1fr}
  .quick-services__grid{grid-template-columns:1fr}
}



.hero-reference__grid{
  grid-template-columns:minmax(0,1fr) 420px;
  align-items:end;
  padding:118px 0 86px;
}
.hero-reference__copy{
  grid-column:1 / -1;
  max-width:none;
  display:block;
  margin-bottom:26px;
}
.hero-reference .overline{
  margin-bottom:16px;
}
.hero-reference h1{
  max-width:none;
  width:min(100%, 1080px);
  margin-bottom:18px;
  font-size:clamp(2.45rem, 4.5vw, 5rem);
  line-height:0.98;
}
.hero-reference p{
  max-width:940px;
  font-size:1.05rem;
}
.hero-reference__actions{
  margin-top:26px;
}
.hero-reference__metrics{
  width:min(100%, 760px);
  margin-top:30px;
}
.hero-reference__visual{
  grid-column:2;
  grid-row:2;
}
.hero-reference__frame{
  max-width:390px;
}
.hero-reference__frame img{
  height:480px;
}
.hero-reference__card{
  left:-54px;
  bottom:26px;
}

@media (max-width:1100px){
  .hero-reference__grid{
    grid-template-columns:minmax(0,1fr) 360px;
  }
  .hero-reference h1{
    width:min(100%, 920px);
  }
  .hero-reference__metrics{
    width:min(100%, 680px);
  }
  .hero-reference__frame{max-width:340px}
  .hero-reference__frame img{height:430px}
}

@media (max-width:980px){
  .hero-reference__grid{
    grid-template-columns:1fr;
    gap:22px;
    padding:110px 0 76px;
  }
  .hero-reference__copy,
  .hero-reference__visual{
    grid-column:auto;
    grid-row:auto;
  }
  .hero-reference p,
  .hero-reference__metrics{
    max-width:none;
    width:100%;
  }
  .hero-reference__visual{
    justify-items:start;
  }
  .hero-reference__frame{max-width:560px}
  .hero-reference__frame img{height:360px}
  .hero-reference__card{left:auto;right:18px;bottom:18px}
}

@media (max-width:720px){
  .hero-reference__grid{
    padding:92px 0 64px;
  }
  .hero-reference h1{
    font-size:clamp(2rem, 8.2vw, 3.2rem);
  }
  .hero-reference p{
    font-size:.98rem;
  }
  .hero-reference__metrics{
    grid-template-columns:1fr;
  }
  .hero-reference__frame img{height:280px}
  .hero-reference__card{
    position:relative;
    right:auto;
    bottom:auto;
    left:auto;
    margin:-38px 0 0 14px;
    width:auto;
    max-width:calc(100% - 28px);
  }
}



.nav{
  min-height:72px;
}
.nav-menu{
  gap:2px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.nav-menu a{
  font-size:.75rem;
  padding:8px 10px;
}
.nav-menu .quote{
  padding-inline:14px;
}

.hero-reference{
  min-height:620px;
}
.hero-reference__grid{
  min-height:620px;
  padding:96px 0 64px;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:30px;
  align-items:end;
}
.hero-reference__copy{
  margin-bottom:12px;
}
.hero-reference h1{
  width:min(100%, 960px);
  font-size:clamp(2.1rem, 4vw, 4.1rem);
  margin-bottom:14px;
}
.hero-reference p{
  max-width:820px;
  font-size:1rem;
}
.hero-reference__actions{
  margin-top:20px;
}
.hero-reference__metrics{
  width:min(100%, 680px);
  gap:10px;
  margin-top:22px;
}
.hero-reference__metrics article{
  padding:14px 12px;
}
.hero-reference__frame{
  max-width:340px;
}
.hero-reference__frame img{
  height:390px;
}
.hero-reference__card{
  width:250px;
  left:-34px;
  bottom:18px;
  padding:18px 16px;
}
.hero-reference__card ul{gap:9px}
.hero-reference__card li{font-size:.88rem}

@media (max-width:1100px){
  .nav-menu a{font-size:.72rem;padding:8px 9px}
  .hero-reference__grid{
    grid-template-columns:minmax(0,1fr) 320px;
  }
  .hero-reference__frame{max-width:300px}
  .hero-reference__frame img{height:360px}
}

@media (max-width:980px){
  .hero-reference,
  .hero-reference__grid{
    min-height:auto;
  }
  .hero-reference__grid{
    grid-template-columns:1fr;
    padding:92px 0 58px;
    gap:20px;
  }
  .hero-reference__copy{
    margin-bottom:0;
  }
  .hero-reference__visual{
    justify-items:start;
  }
  .hero-reference__frame{max-width:520px}
  .hero-reference__frame img{height:320px}
  .hero-reference__card{
    left:auto;
    right:16px;
    bottom:16px;
  }
}

@media (max-width:720px){
  .nav-menu{
    justify-content:stretch;
  }
  .nav-menu a{
    font-size:.78rem;
    padding:10px 12px;
  }
  .hero-reference__grid{
    padding:86px 0 54px;
  }
  .hero-reference h1{
    font-size:clamp(1.9rem, 7.5vw, 3rem);
  }
  .hero-reference p{
    font-size:.96rem;
  }
  .hero-reference__metrics{
    width:100%;
    grid-template-columns:1fr;
  }
  .hero-reference__frame img{height:250px}
  .hero-reference__card{
    position:relative;
    right:auto;
    bottom:auto;
    width:auto;
    max-width:calc(100% - 28px);
    margin:-32px 0 0 14px;
  }
}



.brand img{
  width:68px;
  height:68px;
}
.nav{
  min-height:78px;
}

.hero-reference{
  min-height:520px;
}
.hero-reference__bg{
  background:
    linear-gradient(90deg, rgba(6,22,34,.88) 0%, rgba(6,22,34,.72) 34%, rgba(6,22,34,.48) 62%, rgba(6,22,34,.30) 100%),
    url('../img/fleet/issis/main.webp') center right/cover no-repeat;
}
.hero-reference__grid{
  min-height:520px;
  grid-template-columns:1fr;
  gap:0;
  align-items:center;
  padding:84px 0 56px;
}
.hero-reference__copy{
  grid-column:auto;
  max-width:none;
  margin-bottom:0;
}
.hero-reference .overline{
  margin-bottom:14px;
}
.hero-reference h1{
  width:min(100%, 980px);
  max-width:none;
  font-size:clamp(1.85rem, 3.2vw, 3.45rem);
  line-height:1.02;
  margin-bottom:12px;
}
.hero-reference p{
  max-width:760px;
  font-size:.94rem;
  line-height:1.55;
}
.hero-reference__actions{
  margin-top:18px;
}
.hero-reference__metrics{
  width:min(100%, 620px);
  margin-top:18px;
}
.hero-reference__metrics article{
  padding:12px 12px;
}
.hero-reference__metrics strong{
  font-size:1.18rem;
}
.hero-reference__metrics span{
  font-size:.78rem;
}
.hero-reference__visual,
.hero-reference__frame,
.hero-reference__card,
.hero-reference__card-kicker{
  display:none !important;
}

@media (max-width:980px){
  .brand img{
    width:62px;
    height:62px;
  }
  .hero-reference,
  .hero-reference__grid{
    min-height:auto;
  }
  .hero-reference__grid{
    padding:82px 0 52px;
  }
  .hero-reference h1{
    width:min(100%, 760px);
    font-size:clamp(1.8rem, 5vw, 2.8rem);
  }
  .hero-reference p{
    max-width:680px;
  }
}

@media (max-width:720px){
  .brand img{
    width:58px;
    height:58px;
  }
  .nav{
    min-height:70px;
  }
  .hero-reference__grid{
    padding:78px 0 48px;
  }
  .hero-reference h1{
    font-size:clamp(1.65rem, 7vw, 2.3rem);
  }
  .hero-reference p{
    font-size:.92rem;
    max-width:none;
  }
  .hero-reference__metrics{
    width:100%;
    grid-template-columns:1fr;
  }
}

.rov-services{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:34px;
}
.rov-services article{
  min-height:108px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  color:#fff;
}
.rov-services span{
  display:block;
  margin-bottom:10px;
  color:#7fd5e8;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
}
.rov-services strong{
  display:block;
  line-height:1.25;
}
.equipment-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.equipment-grid article{
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 14px 36px rgba(0,0,0,.18);
}
.equipment-grid img{
  width:100%;
  height:150px;
  object-fit:cover;
  background:#dce8ee;
}
.equipment-grid div{
  padding:16px;
}
.equipment-grid span{
  display:block;
  margin-bottom:6px;
  color:#0c5f78;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.66rem;
  font-weight:700;
}
.equipment-grid h3{
  margin-bottom:8px;
}
.equipment-grid p{
  color:#667784;
  font-size:.88rem;
}
.fleet-strip{
  grid-template-columns:repeat(6,1fr);
}
.whatsapp-inline{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  margin-top:12px;
  border-radius:999px;
  background:#25d366;
  color:#062b17;
  font-weight:700;
}
.whatsapp-inline:hover{
  background:#36e578;
}
.whatsapp-float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:180;
  display:grid;
  gap:1px;
  min-width:178px;
  padding:12px 16px;
  border-radius:18px;
  background:#25d366;
  color:#062b17;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
  font-weight:700;
}
.whatsapp-float span{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.whatsapp-float strong{
  font-size:.96rem;
}
@media (max-width:980px){
  .rov-services,
  .equipment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .fleet-strip{
    grid-template-columns:repeat(3,1fr);
  }
}
@media (max-width:720px){
  .rov-services,
  .equipment-grid{
    grid-template-columns:1fr;
  }
  .fleet-strip{
    grid-template-columns:1fr;
  }
  .whatsapp-float{
    right:14px;
    bottom:14px;
    min-width:150px;
    padding:10px 13px;
  }
}


.split-hub{padding:0 0 34px;background:linear-gradient(180deg,#fff,#f6f9fb)}
.split-hub__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:-34px;position:relative;z-index:5}
.split-card{display:block;padding:28px;border-radius:28px;background:#ffffff;border:1px solid rgba(16,40,55,.08);box-shadow:0 18px 42px rgba(7,23,34,.10);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.split-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(7,23,34,.14);border-color:rgba(12,95,120,.22)}
.split-card span{display:block;margin-bottom:12px;color:#0c5f78;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.split-card h2{margin-bottom:10px;font-size:clamp(1.5rem,2vw,2.2rem)}
.split-card p{margin:0 0 14px;color:#667784;max-width:48ch}.split-card b{color:#071722;font-size:.9rem}
.split-card--transport{background:linear-gradient(180deg,#fff,#f9fbfc)}
.split-card--rov{background:linear-gradient(180deg,#f7fbfd,#eef7fb)}

.transport-section{padding-top:44px;background:#fff}
.transport-lead{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin-bottom:22px}
.transport-lead p{max-width:720px;color:#667784;font-size:1rem;margin:0}.transport-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.transport-badges span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#eef6f9;color:#0c5f78;font-size:.8rem;font-weight:700}
.transport-grid{grid-template-columns:1fr 1fr}.transport-marquee{overflow:hidden;margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;color:#0c5f78;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;white-space:nowrap}.transport-marquee div{display:inline-block;min-width:max-content;animation:marqueeRun 22s linear infinite}

.rov-system{padding:78px 0;background:linear-gradient(135deg,#06131d,#0a2535 58%,#0d3146);color:#fff;overflow:hidden}
.rov-system .section-head h2{color:#fff}.rov-system__intro{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:24px}.rov-system__intro p{margin:0;max-width:760px;color:rgba(255,255,255,.76);font-size:1rem}.rov-system__tabs{display:flex;gap:10px;flex-wrap:wrap}.rov-tab{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);font:inherit;font-weight:700;cursor:pointer;transition:all .22s ease}.rov-tab:hover,.rov-tab.is-active{background:#fff;color:#071722}
.rov-panels{position:relative}.rov-panel-block{display:none}.rov-panel-block.is-active{display:block;animation:fadePanel .28s ease}.rov-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rov-cards article{padding:20px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.rov-cards span{display:block;margin-bottom:10px;color:#7fd5e8;font-size:.72rem;font-weight:700;letter-spacing:.14em}.rov-cards h3{margin-bottom:9px;color:#fff}.rov-cards p{margin:0;color:rgba(255,255,255,.72);font-size:.9rem}.equipment-grid--rov{margin-top:0}.equipment-grid--rov article{box-shadow:none;background:rgba(255,255,255,.96)}.equipment-grid--rov img{height:180px}
.rov-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.rov-range article{padding:22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.rov-range strong{display:block;margin-bottom:8px;color:#8ad7e7;font-size:1.55rem;line-height:1}.rov-range span{color:rgba(255,255,255,.74);font-size:.9rem}.rov-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rov-process div{padding:20px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}.rov-process b{display:block;margin-bottom:8px;color:#fff}.rov-process p{margin:0;color:rgba(255,255,255,.72)}

@keyframes marqueeRun{from{transform:translateX(0)}to{transform:translateX(-45%)}}@keyframes fadePanel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:980px){.split-hub__grid{grid-template-columns:1fr}.transport-lead,.rov-system__intro{grid-template-columns:1fr}.transport-badges{justify-content:flex-start}.rov-cards,.rov-range{grid-template-columns:repeat(2,minmax(0,1fr))}.rov-process{grid-template-columns:1fr}.equipment-grid--rov{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.split-hub{padding-bottom:24px}.split-card{padding:22px;border-radius:24px}.transport-grid,.rov-cards,.rov-range,.equipment-grid--rov{grid-template-columns:1fr}.transport-section,.rov-system{padding-top:54px}.transport-lead p,.rov-system__intro p{font-size:.95rem}.transport-marquee{font-size:.62rem}}


.visual-head{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.visual-head p{max-width:760px;color:#667784}.visual-head--light p{color:rgba(255,255,255,.74)}
.transport-showcase{padding:8px 0 74px;background:linear-gradient(180deg,#fff,#f6f9fb)}
.transport-showcase__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}.transport-showcase__grid a{position:relative;overflow:hidden;border-radius:26px;box-shadow:0 18px 46px rgba(7,23,34,.12)}.transport-showcase__grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.transport-showcase__grid a:hover img{transform:scale(1.04)}.transport-showcase__main{grid-row:1 / span 2}.transport-showcase__main span{position:absolute;left:16px;bottom:16px;display:inline-flex;min-height:36px;padding:0 14px;align-items:center;border-radius:999px;background:rgba(255,255,255,.92);color:#071722;font-weight:700}
.rov-visuals{padding:0 0 82px;background:linear-gradient(180deg,#0d3146,#fff 78%)}.rov-visuals__grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:200px 200px;gap:14px}.rov-visuals__grid a{overflow:hidden;border-radius:24px;box-shadow:0 18px 46px rgba(7,23,34,.14)}.rov-visuals__grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.rov-visuals__grid a:hover img{transform:scale(1.04)}.rov-visuals__grid .tall{grid-row:1 / span 2}
.fleet-strip a{position:relative;overflow:hidden;min-height:200px;border-radius:24px;box-shadow:0 16px 40px rgba(7,23,34,.10)}.fleet-strip img{width:100%;height:100%;object-fit:cover}.fleet-strip span{position:absolute;left:12px;bottom:12px;display:inline-flex;min-height:34px;padding:0 12px;align-items:center;border-radius:999px;background:rgba(255,255,255,.92);color:#071722;font-weight:700}.fleet-strip{gap:12px;align-items:stretch}
.gallery-grid--expanded{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.mosaic--rich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px;gap:12px}.mosaic--rich a{overflow:hidden;border-radius:22px;box-shadow:0 14px 36px rgba(7,23,34,.10)}.mosaic--rich a.wide{grid-column:span 2;grid-row:span 2}.mosaic--rich img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.mosaic--rich a:hover img{transform:scale(1.04)}
.boats-ribbon{padding:0 0 34px;background:#fff}.boats-ribbon__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.boats-ribbon__grid a{overflow:hidden;border-radius:24px;box-shadow:0 16px 40px rgba(7,23,34,.10);height:240px}.boats-ribbon__grid img{width:100%;height:100%;object-fit:cover}
.filomena-gallery{padding:18px 0 74px;background:linear-gradient(180deg,#fff,#f6f9fb)}.filomena-gallery__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:220px 220px;gap:14px}.filomena-gallery__grid a{overflow:hidden;border-radius:24px;box-shadow:0 16px 40px rgba(7,23,34,.10)}.filomena-gallery__grid a.large{grid-row:1/span 2}.filomena-gallery__grid img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.filomena-gallery__grid a:hover img{transform:scale(1.04)}
.whatsapp-float{display:grid;place-items:center;width:62px;height:62px;padding:0;border-radius:50%;min-width:0;background:#25d366;color:#fff}.whatsapp-float svg{width:30px;height:30px;fill:currentColor}.whatsapp-float span,.whatsapp-float strong{display:none}.whatsapp-inline{background:#25d366;color:#082f17}.whatsapp-inline:hover{background:#36e578}.topbar a{display:inline-flex;align-items:center;gap:8px}
@media (max-width:980px){.transport-showcase__grid,.rov-visuals__grid,.filomena-gallery__grid{grid-template-columns:1fr 1fr}.transport-showcase__main,.rov-visuals__grid .tall,.filomena-gallery__grid a.large{grid-row:auto;grid-column:1 / -1;height:280px}.gallery-grid--expanded{grid-template-columns:1fr}.boats-ribbon__grid{grid-template-columns:1fr 1fr}.fleet-strip{grid-template-columns:repeat(3,1fr)}.fleet-strip a{min-height:170px}}
@media (max-width:720px){.transport-showcase,.rov-visuals,.filomena-gallery{padding-bottom:56px}.transport-showcase__grid,.rov-visuals__grid,.boats-ribbon__grid,.filomena-gallery__grid,.mosaic--rich{grid-template-columns:1fr}.transport-showcase__grid{grid-template-rows:260px repeat(4,180px)}.rov-visuals__grid{grid-template-rows:260px repeat(4,170px)}.boats-ribbon__grid a{height:190px}.filomena-gallery__grid{grid-template-rows:240px repeat(3,180px)}.mosaic--rich a.wide{grid-column:auto;grid-row:auto}.fleet-strip{grid-template-columns:1fr 1fr}.fleet-strip a{min-height:150px}}

.transport-showcase__main img,
.filomena-gallery__grid img,
.boats-ribbon__grid img,
.rov-visuals__grid img {
  background: #d7e4ea;
}
.transport-showcase__main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(7,23,34,.34) 100%);
}
.transport-showcase__main span{
  z-index:2;
}
.rov-visuals__grid .tall img{
  object-position:center center;
}
.filomena-gallery__grid .large img,
.transport-showcase__main img{
  object-position:center center;
}



.split-hub{position:relative;padding:12px 0 44px;background:linear-gradient(180deg,#f5f9fc 0%, #ffffff 88%);overflow:hidden}
.split-hub::before{content:"";position:absolute;inset:-80px auto auto -120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(99,199,222,.22) 0%, rgba(99,199,222,0) 70%);filter:blur(8px)}
.split-hub::after{content:"";position:absolute;right:-100px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle, rgba(12,95,120,.14) 0%, rgba(12,95,120,0) 72%)}
.split-hub__grid{gap:22px;margin-top:-52px}
.split-card{position:relative;overflow:hidden;padding:30px 30px 28px;border-radius:30px;box-shadow:0 20px 50px rgba(7,23,34,.10)}
.split-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,0));pointer-events:none}
.split-card::after{content:"";position:absolute;top:-30px;right:-20px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 70%);opacity:.8;pointer-events:none}
.split-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 26px 58px rgba(7,23,34,.16)}
.split-card span{margin-bottom:14px}
.split-card h2{margin-bottom:12px}
.split-card p{max-width:44ch;font-size:.95rem}
.split-card b{display:inline-flex;align-items:center;gap:8px;color:#0b2a3b}
.split-card b::after{content:"→";font-size:1rem;transition:transform .2s ease}
.split-card:hover b::after{transform:translateX(3px)}
.split-card--transport{background:linear-gradient(140deg,#ffffff 0%, #f4fbff 45%, #eaf7fb 100%)}
.split-card--rov{background:linear-gradient(140deg,#f7fcff 0%, #eef7fb 48%, #e2f0f6 100%)}

.transport-section{position:relative;padding:56px 0 34px;background:linear-gradient(180deg,#ffffff 0%, #f7fbfd 65%, #ffffff 100%);overflow:hidden}
.transport-section::before{content:"";position:absolute;top:28px;left:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle, rgba(99,199,222,.16), rgba(99,199,222,0) 72%)}
.transport-section::after{content:"";position:absolute;right:-140px;top:120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle, rgba(12,95,120,.10), rgba(12,95,120,0) 74%)}
.transport-section .wrap{position:relative;z-index:2}
.transport-section .section-head{position:relative;padding-left:18px;margin-bottom:18px}
.transport-section .section-head::before{content:"";position:absolute;left:0;top:6px;width:4px;height:78%;border-radius:99px;background:linear-gradient(180deg,#63c7de,#0c5f78)}
.transport-section .section-head h2{max-width:13ch;line-height:.98}
.transport-lead{padding:24px 26px;border-radius:28px;background:linear-gradient(135deg,#0b2a3b 0%, #103548 45%, #0d4159 100%);box-shadow:0 18px 44px rgba(10,38,54,.16);margin-bottom:26px;align-items:center;position:relative;overflow:hidden}
.transport-lead::before{content:"";position:absolute;right:-20px;top:-20px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(127,213,232,.22), rgba(127,213,232,0) 72%)}
.transport-lead::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(127,213,232,.9), rgba(255,255,255,0));animation:leadGlow 5s linear infinite}
.transport-lead p{color:rgba(255,255,255,.82);font-size:1rem;max-width:670px}
.transport-badges span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.10);color:#d8f5fb;backdrop-filter:blur(6px)}
.transport-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:none;border-radius:0;overflow:visible}
.transport-grid .service-item{position:relative;padding:26px 24px;border:1px solid rgba(16,40,55,.10);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f7fbfd);box-shadow:0 14px 34px rgba(7,23,34,.06);transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;border-bottom:1px solid rgba(16,40,55,.10)}
.transport-grid .service-item:nth-child(odd){border-right:1px solid rgba(16,40,55,.10)}
.transport-grid .service-item:nth-child(3), .transport-grid .service-item:nth-child(4){border-bottom:1px solid rgba(16,40,55,.10)}
.transport-grid .service-item::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:24px 0 0 24px;background:linear-gradient(180deg,#63c7de,#0c5f78);opacity:.95}
.transport-grid .service-item:nth-child(2)::before{background:linear-gradient(180deg,#8ad7e7,#177897)}
.transport-grid .service-item:nth-child(3)::before{background:linear-gradient(180deg,#0c5f78,#14506a)}
.transport-grid .service-item:nth-child(4)::before{background:linear-gradient(180deg,#63c7de,#0e4c62)}
.transport-grid .service-item:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(7,23,34,.12);border-color:rgba(12,95,120,.18)}
.transport-grid .service-item span{background:linear-gradient(180deg,#082334,#0d4159);color:#bdeefa;box-shadow:0 10px 20px rgba(7,23,34,.14)}
.transport-grid .service-item h3{margin-bottom:8px}
.transport-grid .service-item p{font-size:.92rem;line-height:1.55}
.transport-marquee{position:relative;margin-top:24px;padding:14px 0;border:0;background:linear-gradient(90deg,#ebf7fb,#f6fbfd,#ebf7fb);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(12,95,120,.10)}
.transport-marquee::before,.transport-marquee::after{content:"";position:absolute;top:0;bottom:0;width:56px;border-radius:999px;pointer-events:none}
.transport-marquee::before{left:0;background:linear-gradient(90deg,#ebf7fb,rgba(235,247,251,0))}
.transport-marquee::after{right:0;background:linear-gradient(270deg,#ebf7fb,rgba(235,247,251,0))}
.transport-marquee div{padding-left:18px}

@keyframes leadGlow{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

@media (max-width:980px){
  .transport-section .section-head h2{max-width:none}
  .transport-lead{grid-template-columns:1fr;gap:16px;padding:22px}
  .transport-grid{grid-template-columns:1fr}
  .transport-grid .service-item:nth-child(odd){border-right:1px solid rgba(16,40,55,.10)}
}
@media (max-width:720px){
  .split-hub{padding-bottom:28px}
  .split-hub__grid{margin-top:-32px;gap:16px}
  .split-card{padding:24px 22px;border-radius:24px}
  .transport-section{padding-top:44px}
  .transport-lead{padding:18px 18px 20px;border-radius:22px}
  .transport-badges{gap:8px}
  .transport-badges span{min-height:32px;padding:0 12px;font-size:.75rem}
  .transport-grid .service-item{padding:22px 18px 22px 20px;border-radius:20px}
  .transport-marquee{border-radius:22px}
}



.split-hub{
  padding:0 0 18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(99,199,222,.18), transparent 32%),
    linear-gradient(180deg,#eef7fb 0%,#f8fbfd 70%,#ffffff 100%);
}
.split-hub__grid{
  margin-top:-42px;
  margin-bottom:0;
  align-items:stretch;
}
.split-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.split-card p{
  font-size:.9rem;
}

.intro{
  position:relative;
  padding:38px 0;
  background:
    linear-gradient(120deg, rgba(6,22,34,.96), rgba(12,95,120,.86)),
    url('../img/fleet/issis/gal-01.webp') center/cover no-repeat;
  color:#fff;
  overflow:hidden;
}
.intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 20%, rgba(99,199,222,.22), transparent 34%),
    radial-gradient(circle at 88% 60%, rgba(127,213,232,.16), transparent 28%);
  pointer-events:none;
}
.intro .wrap{
  position:relative;
  z-index:2;
}
.intro-grid{
  display:grid;
  grid-template-columns:210px minmax(0,1fr) 300px;
  gap:26px;
  align-items:center;
  padding-bottom:0;
  border-bottom:0;
}
.intro .overline{
  color:#8ad7e7;
}
.intro-text h2{
  color:#fff;
  max-width:680px;
  margin-bottom:10px;
}
.intro-text p{
  color:rgba(255,255,255,.78);
  max-width:680px;
}
.intro-media{
  height:180px;
  overflow:hidden;
  border-radius:24px;
  box-shadow:0 20px 46px rgba(0,0,0,.24);
}
.intro-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.transport-section{
  padding:44px 0 28px;
  background:
    radial-gradient(circle at 85% 12%, rgba(99,199,222,.16), transparent 30%),
    linear-gradient(180deg,#f7fbfd 0%, #ffffff 70%);
}
.transport-section .section-head{
  display:grid;
  grid-template-columns:210px 1fr;
  gap:26px;
  align-items:end;
  margin-bottom:18px;
  padding-left:0;
}
.transport-section .section-head::before{
  display:none;
}
.transport-section .section-head .overline{
  margin-bottom:7px;
}
.transport-section .section-head h2{
  max-width:760px;
  line-height:1;
}
.transport-lead{
  margin-bottom:18px;
  padding:20px 22px;
}
.transport-lead p{
  font-size:.94rem;
}
.transport-photo-strip{
  display:grid;
  grid-template-columns:1.45fr .8fr .8fr;
  gap:12px;
  margin:0 0 16px;
}
.transport-photo-strip a{
  height:170px;
  overflow:hidden;
  border-radius:24px;
  box-shadow:0 16px 38px rgba(7,23,34,.11);
}
.transport-photo-strip a:first-child{
  height:200px;
  grid-row:span 2;
}
.transport-photo-strip img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.transport-photo-strip a:hover img{
  transform:scale(1.04);
}
.transport-grid{
  gap:12px;
}
.transport-grid .service-item{
  min-height:150px;
  padding:22px 22px 22px 24px;
}
.transport-marquee{
  margin-top:16px;
}
.transport-showcase{
  padding-top:42px;
}

@media (max-width:980px){
  .intro-grid{
    grid-template-columns:1fr;
  }
  .intro-media{
    height:240px;
  }
  .transport-section .section-head{
    grid-template-columns:1fr;
    gap:6px;
  }
  .transport-photo-strip{
    grid-template-columns:1fr 1fr;
  }
  .transport-photo-strip a:first-child{
    grid-column:1 / -1;
    grid-row:auto;
  }
}
@media (max-width:720px){
  .split-hub__grid{
    margin-top:-24px;
  }
  .split-card{
    min-height:auto;
  }
  .intro{
    padding:32px 0;
  }
  .intro-media{
    height:190px;
  }
  .transport-section{
    padding-top:34px;
  }
  .transport-lead{
    padding:18px;
  }
  .transport-photo-strip{
    grid-template-columns:1fr;
  }
  .transport-photo-strip a,
  .transport-photo-strip a:first-child{
    height:190px;
  }
  .transport-grid .service-item{
    min-height:auto;
  }
}


.split-hub{
  padding:26px 0 34px;
  margin-top:0;
  overflow:visible;
}
.split-hub__grid{
  margin-top:0;
  margin-bottom:0;
}
.split-card{
  min-height:185px;
}
.intro{
  margin-top:0;
}
.transport-section{
  padding-top:38px;
}
.transport-photo-strip{
  margin-top:4px;
}
.hero-reference{
  overflow:hidden;
}
.hero-reference__grid{
  padding-bottom:58px;
}
@media (max-width:980px){
  .split-hub{
    padding-top:24px;
  }
  .split-hub__grid{
    margin-top:0;
  }
}
@media (max-width:720px){
  .split-hub{
    padding-top:22px;
  }
  .hero-reference__grid{
    padding-bottom:46px;
  }
}

.main-visual-band{
  position:relative;
  padding:42px 0;
  background:
    linear-gradient(120deg, rgba(6,22,34,.90), rgba(12,95,120,.78)),
    url('../img/fleet/filomena/main.webp') center/cover no-repeat;
  color:#fff;
  overflow:hidden;
}
.main-visual-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 35%, rgba(127,213,232,.22), transparent 32%),
    radial-gradient(circle at 84% 60%, rgba(255,255,255,.10), transparent 24%);
}
.main-visual-band .wrap{
  position:relative;
  z-index:2;
}
.main-visual-band__grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:14px;
}
.main-visual-band article{
  padding:22px;
  min-height:150px;
  border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
.main-visual-band span{
  display:block;
  margin-bottom:10px;
  color:#8ad7e7;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:700;
}
.main-visual-band h3{
  color:#fff;
  margin-bottom:8px;
}
.main-visual-band p{
  color:rgba(255,255,255,.76);
  margin:0;
}
@media (max-width:980px){
  .main-visual-band__grid{
    grid-template-columns:1fr;
  }
}