.case-studies-page .case-hero{position:relative;isolation:isolate;min-height:calc(100svh - 138px);display:flex;align-items:center;padding:72px 0;background:#14232D;color:#fff}
.case-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,35,45,.96),rgba(20,35,45,.83) 40%,rgba(20,35,45,.25) 85%),url('cases/fpso-hero.webp') center/cover no-repeat}
.case-hero-copy{max-width:780px}.case-hero .section-kicker{color:#EF682A}
.case-hero h1{color:#fff;font:600 clamp(38px,4.8vw,68px)/1.1 Sora,Arial,sans-serif;letter-spacing:-.04em;margin:22px 0}.case-hero h1 span{font-weight:300}
.case-hero-copy>p{max-width:670px;color:#d8e0e6;font:400 clamp(16px,1.5vw,18px)/1.75 Inter,Arial,sans-serif;margin:0}
.case-hero-link{display:inline-flex;gap:30px;align-items:center;margin-top:30px;min-height:48px;padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:2px;font:500 14px/1.5 Inter,Arial,sans-serif;color:#fff}
.case-hero-link:hover{border-color:#EF682A;background:rgba(255,255,255,.08)}
.case-showcase{background:#fff;padding:72px 0 76px;scroll-margin-top:130px}.case-showcase-heading{margin-bottom:28px}
.case-showcase-heading h2{font:600 clamp(28px,3vw,42px)/1.2 Sora,Arial,sans-serif;color:#14232D;letter-spacing:-.035em;margin:16px 0}
.case-showcase-heading>p{font:400 16px/1.7 Inter,Arial,sans-serif;color:#647784;margin:0;max-width:none}
.vessel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 28px}
.vessel-study{display:grid;grid-template-rows:auto auto auto 1fr auto;min-width:0;background:none;border:0;box-shadow:none}
.vessel-image{display:block;aspect-ratio:5/2;overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:#14232D}
.vessel-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.vessel-image:hover img{transform:scale(1.045)}
.vessel-study:first-child .vessel-image img{object-position:center 70%}
.vessel-meta{display:flex;align-items:center;gap:12px;margin:18px 0 12px;font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#647784}.vessel-meta i{flex:1;height:1px;background:#cdd5da;min-width:20px}
.vessel-study h3{font:600 18px/1.4 Sora,Arial,sans-serif;color:#14232D;margin:0 0 12px;letter-spacing:-.025em}
.vessel-study>p{font:400 14px/1.7 Inter,Arial,sans-serif;color:#647784;margin:0;text-align:justify;hyphens:auto}
.vessel-reference{font:500 11px/1.5 Inter,Arial,sans-serif;color:#647784;margin-top:18px;padding-top:12px;border-top:1px solid #e0e5e8}
.case-source-note{font:400 12px/1.6 Inter,Arial,sans-serif;color:#647784;margin:36px 0 0}
.case-studies-page main a:focus-visible{outline:2px solid #EF682A;outline-offset:5px}
@media(max-width:1000px){.vessel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.case-studies-page .case-hero{padding:56px 0;min-height:calc(100svh - 120px)}.case-showcase{padding:48px 0}.vessel-grid{grid-template-columns:1fr;gap:36px}.vessel-study>p{text-align:left}.case-hero:before{background-position:65% center}}
@media(prefers-reduced-motion:reduce){.vessel-image img{transition:none;transform:none}}