.marine-hero{background-image:url('../images/nb_01.jpg')}
.marine-hero-img{position:absolute;right:0;top:48px;width:590px;height:360px;object-fit:contain}
.marine-tabs{grid-template-columns:repeat(2,1fr);width:500px}
.marine-page .dropdown a.current{background:rgba(255,255,255,.18)}
.marine-content{padding:52px 0 75px}
.wide-diagram{display:block;width:100%;margin:0 auto 48px;object-fit:contain}
.wide-diagram.matrix{margin-top:10px}
.ship-solutions,.boat-products{display:grid;gap:55px;margin-top:25px}
.ship-solutions article,.boat-products article{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center}
.ship-solutions img,.boat-products>article>img{width:100%;max-height:430px;object-fit:contain}
.ship-solutions article>div{border:1px solid #2671d5}
.ship-solutions h3{margin:0;padding:14px 18px;color:#fff;background:#063979;font-size:19px}
.ship-solutions dl{display:grid;grid-template-columns:125px 1fr;margin:0}
.ship-solutions dt,.ship-solutions dd{margin:0;padding:15px;border-top:1px solid #2671d5}
.ship-solutions dt{font-weight:700;border-right:1px solid #2671d5}
.ship-solutions table{width:100%;border-collapse:collapse;border:1px solid #2369d0;color:#202020;font-size:14px;table-layout:fixed}
.ship-solutions th,.ship-solutions td{border:1px solid #2369d0;padding:17px 13px;text-align:center;line-height:1.5}
.ship-solutions thead th{background:#062f70;color:#fff;font-size:16px}
.ship-solutions thead th:first-child,.ship-solutions tbody th{width:105px;font-weight:700}
.ship-solutions table.multi{font-size:12px}
.ship-solutions table.multi thead th:first-child,.ship-solutions table.multi tbody th{width:82px}
.boat-hero .marine-hero-img{right:2%;top:55px;width:530px}
.boat-products table{width:100%;border-collapse:collapse;border:1px solid #2369d0;color:#202020;font-size:15px;table-layout:fixed}
.boat-products th,.boat-products td{border:1px solid #2369d0;padding:17px 14px;text-align:center;line-height:1.55}
.boat-products thead th{background:#062f70;color:#fff;font-size:17px}
.boat-products thead th:first-child,.boat-products tbody th{width:112px}
.boat-products tbody th{font-weight:700}
.cases-title{margin-top:70px}
.boat-cases{display:grid;gap:75px;margin-top:30px}
.boat-cases article{display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:stretch}
.case-copy{border:1px solid #8bc9ef;background:#fff}
.boat-cases .case-copy h3{display:table;margin:-1px 0 0 15px;padding:6px 18px;background:#1761a5;color:#fff;font-size:20px;line-height:1}
.case-copy p{margin:0;padding:10px 18px 15px;line-height:1.75;font-size:14px}
.case-copy strong{color:#e51d27}
.case-value{display:grid;grid-template-columns:95px 1fr;align-items:center}
.case-value img{width:82px;margin:8px 0 15px 18px}
.case-value p{padding-left:15px}
.case-visual{display:flex;flex-direction:column;min-width:0}
.case-images{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.case-images img,.case-visual>img{display:block;width:100%;height:220px;object-fit:cover}
.case-visual h4{display:flex;flex:1;align-items:center;margin:10px 0 0;padding:28px 45px;background:#08a7e8;color:#fff;font-size:27px;line-height:1.45}
@media(max-width:900px){
  .marine-hero-img{right:-12%;top:70px;width:400px;height:245px}
  .marine-tabs{width:100%}
  .marine-content{padding-top:35px}
  .ship-solutions article,.boat-products article{grid-template-columns:1fr;gap:12px}
  .ship-solutions img,.boat-products>article>img{height:330px}
  .ship-solutions table{font-size:13px}
  .boat-cases article{grid-template-columns:1fr}
  .case-images img,.case-visual>img{height:auto}
  .boat-hero .marine-hero-img{right:-10%;top:72px;width:360px}
  .wide-diagram{margin-bottom:30px}
}
@media(max-width:520px){
  .marine-hero-img{right:-28%;top:78px;width:310px;height:190px}
  .boat-hero .marine-hero-img{right:-22%;width:290px}
  .ship-solutions img,.boat-products>article>img{height:260px}
  .ship-solutions dl{grid-template-columns:92px 1fr;font-size:12px}
  .ship-solutions dt,.ship-solutions dd{padding:10px}
  .ship-solutions h3{font-size:16px}
  .ship-solutions table,.ship-solutions table.multi{font-size:10px}
  .ship-solutions th,.ship-solutions td{padding:8px 5px}
  .ship-solutions thead th{font-size:11px}
  .ship-solutions thead th:first-child,.ship-solutions tbody th,.ship-solutions table.multi thead th:first-child,.ship-solutions table.multi tbody th{width:62px}
  .boat-products{gap:38px}
  .boat-products table{font-size:11px}
  .boat-products th,.boat-products td{padding:9px 6px}
  .boat-products thead th{font-size:12px}
  .boat-products thead th:first-child,.boat-products tbody th{width:65px}
  .case-images{grid-template-columns:1fr}
  .boat-cases{gap:50px}
  .boat-cases .case-copy h3{font-size:16px}
  .case-copy p{font-size:12px;padding:9px 12px 13px}
  .case-value{grid-template-columns:75px 1fr}
  .case-value img{width:64px;margin-left:10px}
  .case-visual h4{padding:22px;font-size:20px}
}