/* V18 — continuous cinematic flow. Deliberately removes all card language. */
:root{--flow-cyan:#6fddff;--flow-line:rgba(111,221,255,.16)}

/* One uninterrupted canvas */
main{background:#031927}
.section,.services-overview,.service-detail,.fleet-section,.portfolio-section,
.team-section,.legal-gallery-section,.safety-principles,.coverage-section,
.requirement-section,.values-preview,.section-process,.section-services{
  background:#031927!important;background-image:none!important;border:0!important;
}
.section:before,.section:after,.service-detail:before,.service-detail:after{display:none!important}

/* No cards, panels, boxes, shadows or framed surfaces anywhere */
.service-card,.process-grid article,.value-mini-grid article,.value-card-grid article,
.safety-grid article,.legal-grid article,.mission-card,.vision-card,.management-card,
.service-scope,.service-jump-grid a,.contact-aside,.contact-detail,.form-panel,
.requirement-list,.compact-service-list,.document-slots>*,.coverage-grid>*{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:0!important;transform:none!important;
}
.service-card:after,.process-grid article:after,.value-mini-grid article:after,
.value-card-grid article:after,.safety-grid article:after,.legal-grid article:after,
.management-card:after,.service-scope:before{display:none!important}

/* Organic waves create separation instead of rectangular sections */
.section-services,.section-process,.team-section,.safety-principles,.legal-gallery-section{
  position:relative;isolation:isolate;overflow:hidden
}
.section-services:before,.section-process:before,.team-section:before,
.safety-principles:before,.legal-gallery-section:before{
  content:""!important;display:block!important;position:absolute;z-index:-1;
  width:120%;height:72%;left:-10%;top:14%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(16,91,119,.18),rgba(3,25,39,0) 68%);
  transform:rotate(-4deg);pointer-events:none
}

/* Services are a loose typographic composition */
.service-card-grid{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;
  gap:clamp(44px,7vw,110px) clamp(38px,7vw,105px)!important;padding-top:40px}
.service-card,.service-card:nth-child(2),.service-card:nth-child(4),.service-card:nth-child(5){
  flex:1 1 300px!important;max-width:430px!important;padding:0!important;margin:0!important;
}
.service-card:nth-child(2),.service-card:nth-child(5){margin-top:72px!important}
.service-card:nth-child(4){margin-left:10vw!important}
.service-card-top{position:relative!important;top:auto!important;right:auto!important;margin-bottom:-24px!important}
.service-card-top>span:first-child{font-size:clamp(5rem,9vw,9rem)!important;line-height:1!important;
  color:var(--flow-cyan)!important;opacity:.10!important}
.service-card h3{margin:0 0 16px!important;position:relative;z-index:1}
.service-card p{max-width:38ch}.service-card a{border:0!important;padding:0!important;color:var(--flow-cyan)!important}

/* Open process: floating steps, not columns */
.process-grid,.value-mini-grid,.value-card-grid,.safety-grid,.legal-grid{
  display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;
  gap:clamp(48px,7vw,110px)!important
}
.process-grid article,.value-mini-grid article,.value-card-grid article,
.safety-grid article,.legal-grid article{flex:1 1 210px!important;padding:0!important;max-width:320px!important}
.process-grid article:nth-child(even),.value-mini-grid article:nth-child(even){margin-top:65px!important}

/* Photography becomes background-like: edge-free and fading */
.operations-grid,.portfolio-grid,.editorial-grid,.safety-feature-grid,.company-story{
  position:relative!important;display:block!important;min-height:clamp(590px,70vw,820px)!important;
  max-width:none!important;width:100%!important
}
.operations-image,.portfolio-image,.editorial-grid img,.safety-feature-image,
.company-story img,.fleet-grid img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;border:0!important;border-radius:0!important;clip-path:none!important;
  mask-image:none!important;-webkit-mask-image:none!important
}
.operations-image img,.portfolio-image img,.editorial-grid img,.safety-feature-image img,
.company-story img,.fleet-grid img{width:100%!important;height:100%!important;object-fit:cover!important}
.operations-image:after,.portfolio-image:after,.safety-feature-image:after{
  display:block!important;content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,#031927 0%,rgba(3,25,39,.8) 24%,rgba(3,25,39,.12) 61%,#031927 100%),
             linear-gradient(0deg,#031927 0%,transparent 28%,transparent 72%,#031927 100%)!important
}
.operations-copy,.portfolio-meta,.editorial-grid>div:not(.portfolio-image),.safety-feature-copy,
.portfolio-grid:nth-child(even) .portfolio-meta{
  position:absolute!important;z-index:3!important;left:max(5vw,40px)!important;top:50%!important;
  transform:translateY(-50%)!important;width:min(520px,43vw)!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important
}

/* Interior hero is image + atmosphere, never image box */
.interior-hero{min-height:720px!important;border-radius:0!important}
.interior-hero-grid{display:block!important;max-width:none!important;width:100%!important}
.interior-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.interior-hero-image:after{display:block!important;content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,#031927 0%,rgba(3,25,39,.82) 34%,rgba(3,25,39,.12) 75%),
             linear-gradient(0deg,#031927 0%,transparent 32%,rgba(3,25,39,.2) 100%)!important}
.interior-hero-copy{position:absolute!important;z-index:3!important;left:max(5vw,40px)!important;top:50%!important;
  transform:translateY(-50%)!important;width:min(600px,48vw)!important;padding:0!important}

/* Service details flow like chapters */
.service-jump-grid{display:flex!important;gap:32px!important;justify-content:flex-start!important;overflow-x:auto!important}
.service-jump-grid a,.service-jump-grid a:nth-child(4),.service-jump-grid a:nth-child(5){
  flex:0 0 auto!important;padding:12px 0!important;border:0!important;white-space:nowrap
}
.service-detail{padding-block:clamp(95px,12vw,180px)!important;overflow:hidden}
.service-detail:nth-child(even),.service-detail:nth-child(odd){background:#031927!important}
.service-detail-grid{display:grid!important;grid-template-columns:.28fr 1fr .85fr!important;align-items:center!important;
  gap:clamp(35px,7vw,120px)!important}
.service-detail-index>span{font-size:clamp(8rem,17vw,17rem)!important;opacity:.07!important}
.service-scope{padding:0!important}.service-scope li{border:0!important;padding:9px 0!important}
.service-scope li span{color:var(--flow-cyan)!important;margin-right:18px}

/* Portraits float freely */
.management-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:clamp(60px,9vw,145px)!important}
.management-card,.management-card:nth-child(2){flex:0 1 250px!important;padding:0!important;margin:0!important}
.management-card:nth-child(2){margin-top:75px!important}
.management-photo{width:220px!important;height:290px!important;border-radius:48% 48% 46% 46%!important;
  box-shadow:0 0 70px rgba(52,178,221,.12)!important}

/* Document gallery has breathing room, no tiles */
.legal-document-gallery{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  gap:clamp(52px,8vw,120px) clamp(32px,6vw,80px)!important}
.legal-document-image,.legal-document-image:nth-child(3n+2){flex:0 1 280px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.legal-document-image:nth-child(3n+2){margin-top:80px!important}
.legal-document-image img{box-shadow:0 22px 60px rgba(0,0,0,.22)!important}

/* CTA and footer remain open */
.cta-panel{border:0!important;background:transparent!important;padding-inline:0!important}
.cta-section{background:radial-gradient(ellipse at 50% 40%,rgba(31,131,168,.18),transparent 66%),#031927!important}

@media(max-width:900px){
 .service-card:nth-child(2),.service-card:nth-child(5),.service-card:nth-child(4){margin:0!important}
 .operations-copy,.portfolio-meta,.editorial-grid>div:not(.portfolio-image),.safety-feature-copy,
 .portfolio-grid:nth-child(even) .portfolio-meta{left:34px!important;width:min(560px,78vw)!important}
 .service-detail-grid{grid-template-columns:.22fr 1fr!important}.service-scope{grid-column:2}
}
@media(max-width:640px){
 .service-card-grid,.process-grid,.value-mini-grid,.value-card-grid,.safety-grid,.legal-grid{display:block!important}
 .service-card,.process-grid article,.value-mini-grid article,.value-card-grid article,
 .safety-grid article,.legal-grid article{max-width:none!important;margin:0 0 58px!important}
 .process-grid article:nth-child(even),.value-mini-grid article:nth-child(even){margin-top:0!important}
 .operations-grid,.portfolio-grid,.editorial-grid,.safety-feature-grid,.company-story{min-height:720px!important}
 .operations-copy,.portfolio-meta,.editorial-grid>div:not(.portfolio-image),.safety-feature-copy,
 .portfolio-grid:nth-child(even) .portfolio-meta{left:24px!important;right:24px!important;top:auto!important;bottom:70px!important;
   width:auto!important;transform:none!important}
 .interior-hero-copy{left:24px!important;right:24px!important;width:auto!important}
 .service-detail-grid{display:block!important}.service-detail-index>span{font-size:6rem!important}
 .management-card:nth-child(2){margin-top:0!important}.legal-document-image:nth-child(3n+2){margin-top:0!important}
}
