/* Marine shares the studio's typography, gold accent and editorial grid. */
.dc-marine-options p.dc-eyebrow{font-size:11px}
.dc-marine-hero{position:relative;isolation:isolate;min-height:800px;min-height:min(930px,105svh);padding:150px var(--dc-gutter) 40px;background:#061728;display:flex;flex-direction:column;justify-content:space-between;gap:55px;color:#fff;overflow:hidden}
.dc-marine-hero .dc-marine-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 52%;z-index:-2}
.dc-marine-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031326ed 0%,#03132699 42%,#03132608 100%),linear-gradient(0deg,#031326e6,transparent 55%)}
.dc-marine-hero-content{max-width:820px}.dc-marine-hero .dc-breadcrumb{margin-bottom:55px}.dc-marine-hero h1{font-family:Ppformula,Arial,sans-serif;font-size:clamp(58px,6.7vw,106px);line-height:1.02;letter-spacing:-.015em;color:#fff;text-transform:uppercase;margin:22px 0}
.dc-marine-hero .dc-marine-tagline{font-size:clamp(22px,2vw,30px);margin:20px 0 12px;line-height:1.3}.dc-marine-hero .dc-marine-hero-copy{max-width:380px;line-height:1.6;color:#e0e6ed;margin:0 0 28px}
.dc-marine-hero .dc-button{background:#e5d3aa;color:#071829;border-color:#e5d3aa}.dc-marine-hero .dc-button:nth-child(2){background:transparent;color:#fff!important;border-color:#ffffff80}
.dc-marine-hero-spec{display:flex;max-width:640px;border-top:1px solid #ffffff60;padding-top:24px;gap:54px}.dc-marine-hero-spec a{color:#fff;text-decoration:none}.dc-marine-hero-spec span{display:block;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:#e5d3aa}.dc-marine-hero-spec strong{display:flex;gap:35px;align-items:center;font-size:21px;font-weight:400;margin-top:7px}
.dc-marine-subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;background:#071829;border-bottom:1px solid #ffffff25;padding:15px var(--dc-gutter)}.dc-marine-subnav a{display:flex;align-items:center;min-height:44px;color:#d5e1ec;font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;text-decoration:none}.dc-marine-subnav a:hover{color:#e5d3aa}
.dc-marine-intro,.dc-marine-why,.dc-marine-warranty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw}.dc-marine-intro h2,.dc-marine-heading h2,.dc-marine-vessels h2,.dc-marine-process h2,.dc-marine-why h2,.dc-marine-warranty h2,.dc-marine-close h2,.dc-marine-feature h2{font-size:clamp(40px,5vw,76px);line-height:1.06;letter-spacing:-.025em;margin:20px 0 30px}.dc-marine-intro>div>p:not(.dc-lead){margin-top:25px;line-height:1.7;color:#545955}.dc-marine-intro .dc-lead{font-size:23px;line-height:1.45}
.dc-marine-challenges{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #bcbebb}.dc-marine-challenges li{padding:17px 10px 17px 0;border-bottom:1px solid #bcbebb;font-size:14px}
.dc-marine-technology,.dc-marine-zones{background:#071829;color:#eef3f6}.dc-marine-heading{max-width:880px;margin-bottom:55px}.dc-marine-heading>p:not(.dc-eyebrow){max-width:600px;line-height:1.65;color:#bfcbd5}
.dc-marine-technology-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.dc-marine-finish{margin:0;position:relative;min-height:650px}.dc-marine-finish img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.dc-marine-finish figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 24px 24px;background:linear-gradient(transparent,#071829);font-size:15px}.dc-marine-layers{display:grid;gap:8px;margin-bottom:35px}.dc-marine-layers>span{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;color:#c5d0d9;margin-bottom:8px}.dc-marine-layers>div{padding:17px 22px;background:#e1e7e8;color:#091a2d;font:12px 'IBM Plex Mono',monospace;text-transform:uppercase}.dc-marine-layers>div:nth-of-type(2){background:#578b99;color:white}.dc-marine-layers>div:nth-of-type(3){background:#b2bdc8}
.dc-marine-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.dc-marine-benefits h3{font-size:19px;margin-bottom:8px;color:#fff}.dc-marine-benefits p{font-size:14px;line-height:1.6;color:#bfcbd5}.dc-marine-options .dc-marine-heading{max-width:none}.dc-marine-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.dc-marine-plan{border:1px solid #b3b8b7;padding:42px;background:#f7f7f2;scroll-margin-top:110px}.dc-marine-plan.is-ultimate{border-color:#93805b;background:#eae8e0}.dc-marine-plan h3{font:clamp(40px,4vw,62px)/1.05 Ppformula,Arial,sans-serif;text-transform:uppercase;color:#0e0e0e;margin:18px 0}.dc-marine-plan-top{border-bottom:1px solid #b4b7b1;padding-bottom:26px;margin-bottom:25px}.dc-marine-microns{display:flex;align-items:center;gap:18px}.dc-marine-microns strong{font:100px/1 Ppformula,Arial,sans-serif;color:#071829}.dc-marine-microns>span{font:12px/1.7 'IBM Plex Mono',monospace;text-transform:uppercase}.dc-marine-plan .dc-marine-duration{font-size:23px;margin:18px 0 0}.dc-marine-plan>p{font-size:15px;line-height:1.6;max-width:470px}.dc-marine-plan ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;padding:0;margin:30px 0 38px}.dc-marine-plan li{display:flex;gap:9px;align-items:start;font-size:14px;line-height:1.4}.dc-marine-plan li span{color:#84691b}.dc-marine-options .dc-marine-warranty-note{font-size:13px;color:#545955;line-height:1.7;margin-top:25px}
.dc-marine-zone-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw}.dc-marine-zone-layout figure{margin:0;min-height:630px}.dc-marine-zone-layout img{width:100%;height:100%;max-height:830px;object-fit:cover}.dc-marine-zone-layout ol{margin:0;padding:0;list-style:none}.dc-marine-zone-layout li{border-bottom:1px solid #ffffff30;display:flex;gap:35px;align-items:center;padding:23px 0}.dc-marine-zone-layout h3{font-size:22px;margin:0;color:#e9eef4}.dc-marine-zone-layout .dc-number{color:#dfcea6}.dc-marine-full{margin-top:40px}.dc-marine-full p{font-size:24px;margin-bottom:22px}.dc-marine-vessels>p.dc-lead{font-size:21px}.dc-marine-vessels ul{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.dc-marine-vessels li{border-top:1px solid #b3b6b4;padding:30px 0;display:flex;align-items:center;gap:25px}.dc-marine-vessels h3{font-size:22px;color:#101516;margin:0}
.dc-marine-process{background:#111b23}.dc-marine-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:0;margin:50px 0 0;list-style:none}.dc-marine-process img{width:100%;aspect-ratio:1.05;object-fit:cover;display:block;margin-bottom:26px}.dc-marine-process .dc-number{color:#d4af37}.dc-marine-process h3{font-size:25px;margin:12px 0;color:#fff}.dc-marine-process li p{font-size:15px;line-height:1.65;color:#bfcbd5}
.dc-marine-why article{padding:25px 0;border-top:1px solid #b9bfbb}.dc-marine-why h3{font-size:23px;margin-bottom:9px;color:#0e0e0e}.dc-marine-why article p{line-height:1.6;color:#535954}.dc-marine-warranty{background:#0d1b2b}.dc-marine-warranty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #ffffff40;margin-bottom:25px;padding-bottom:35px}.dc-marine-warranty-grid strong{display:flex;gap:15px;align-items:baseline;font:95px/1 Ppformula,Arial,sans-serif;color:#e5d3aa}.dc-marine-warranty-grid strong span{font:15px 'IBM Plex Mono',monospace}.dc-marine-warranty-grid p{margin-top:16px}.dc-marine-warranty>div>p{font-size:15px;line-height:1.65;color:#c7d2dd;margin-bottom:22px}
.dc-marine-close{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;overflow:hidden}.dc-marine-close>img{position:absolute;inset:0;object-fit:cover;object-position:center;width:100%;height:100%;z-index:-2}.dc-marine-close:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#061728ef,#06172877);z-index:-1}.dc-marine-close>div{max-width:950px}.dc-marine-close p:not(.dc-eyebrow){max-width:540px;line-height:1.65;margin-bottom:26px}.dc-marine-close .dc-marine-contact{font-size:14px;margin-top:30px;color:#cbd7e1}
.dc-marine-feature{background:#071829;color:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw;align-items:center}.dc-marine-feature>div>p:not(.dc-eyebrow){max-width:450px;line-height:1.6;margin-bottom:28px}.dc-marine-feature-image{display:block;height:560px;overflow:hidden}.dc-marine-feature-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .5s}.dc-marine-feature-image:hover img{transform:scale(1.025)}.dc-marine-feature-spec{display:grid;gap:10px;font-size:13px;color:#e5d3aa;margin:30px 0 15px}.dc-marine-feature small{display:block;max-width:450px;line-height:1.6;color:#bbc8d3;font-size:12px}
:is(.dc-marine-hero,.dc-marine-subnav,.dc-marine-technology,.dc-marine-zones,.dc-marine-process,.dc-marine-warranty,.dc-marine-close,.dc-marine-feature) a:focus-visible{outline:2px solid #e5d3aa;outline-offset:5px}.dc-marine-options article[id],#technology,#protection-zones,#vessel-types,#installation,#marine-warranty{scroll-margin-top:110px}
@media(max-width:1000px){.dc-marine-hero{min-height:100svh;padding-top:130px}.dc-marine-hero h1{font-size:72px}.dc-marine-intro,.dc-marine-why,.dc-marine-warranty{gap:40px}.dc-marine-plan{padding:28px}.dc-marine-plan ul{grid-template-columns:1fr}.dc-marine-process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 25px}.dc-marine-technology-grid{grid-template-columns:.8fr 1.2fr;gap:30px}.dc-marine-benefits{grid-template-columns:1fr;gap:20px}.dc-marine-feature-image{height:480px}.dc-marine-zone-layout{gap:30px}.dc-marine-zone-layout li{gap:20px}.dc-marine-zone-layout h3{font-size:19px}}
@media(max-width:700px){.dc-marine-hero{padding:120px var(--dc-gutter) 32px;min-height:100svh;gap:40px}.dc-marine-hero h1{font-size:clamp(48px,10vw,66px);max-width:550px}.dc-marine-hero .dc-marine-hero-image{object-position:61% center}.dc-marine-hero:after{background:linear-gradient(180deg,#031326cf,#03132680 60%,#031326ed)}.dc-marine-hero .dc-breadcrumb{margin-bottom:40px}.dc-marine-hero-spec{gap:24px}.dc-marine-hero-spec strong{font-size:17px;gap:8px}.dc-marine-hero-spec span{font-size:10px}.dc-marine-subnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:15px var(--dc-gutter)}.dc-marine-intro,.dc-marine-technology-grid,.dc-marine-plans,.dc-marine-zone-layout,.dc-marine-why,.dc-marine-warranty,.dc-marine-feature{grid-template-columns:1fr;gap:32px}.dc-marine-finish{min-height:450px}.dc-marine-finish img{object-position:center 40%}.dc-marine-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dc-marine-plan ul{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px;gap:15px}.dc-marine-microns strong{font-size:85px}.dc-marine-zone-layout figure{min-height:0;height:400px}.dc-marine-zone-layout img{object-position:center}.dc-marine-vessels ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.dc-marine-vessels li{gap:13px}.dc-marine-vessels h3{font-size:19px}.dc-marine-process ol{gap:35px 20px}.dc-marine-process li p{font-size:14px}.dc-marine-close{min-height:680px}.dc-marine-close h2{font-size:45px}.dc-marine-close>img{object-position:65% center}.dc-marine-feature-image{height:390px}.dc-marine-warranty-grid strong{font-size:82px}}
@media(prefers-reduced-motion:reduce){.dc-marine-feature-image img{transition:none}}

/* Keep the Marine composition on the same gutters and vertical rhythm. */
.dc-marine-hero .dc-button:hover { background: #efdfba; border-color: #efdfba; }
.dc-marine-hero .dc-button-outline:hover { color: #071829 !important; }
.dc-marine-hero h1 { max-width: 820px; }
.dc-marine-hero .dc-eyebrow { margin-bottom: 22px !important; }
.dc-marine-heading > :last-child { margin-bottom: 0; }
.dc-marine-heading { margin-bottom: clamp(32px, 4vw, 55px); }
.dc-marine-plan { display: flex; flex-direction: column; min-width: 0; }
.dc-marine-plan > .dc-button { align-self: start; margin-top: auto; }
.dc-marine-plan > p { max-width: none; }
.dc-marine-plan .dc-marine-duration { font-size: 23px; }
.dc-marine-options .dc-marine-warranty-note { max-width: 850px; }
.dc-marine-plan li > span { flex-shrink: 0; }
.dc-marine-feature-image { height: clamp(380px, 39vw, 560px); }
.dc-marine-zone-layout figure { position: relative; }
.dc-marine-zone-layout img { display: block; position: absolute; inset: 0; max-height: none; }
.dc-marine-warranty-grid { gap: 24px; }
.dc-marine-close .dc-marine-contact { margin-top: 28px; }
.dc-marine-options { scroll-margin-top: 40px; }
@media (max-width: 1000px) and (min-width: 701px) {
  .dc-marine-subnav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
  .dc-marine-subnav a { justify-content: center; }
  .dc-marine-microns strong { font-size: 84px; }
  .dc-marine-microns { gap: 12px; }
}
@media (max-width: 700px) {
  .dc-marine-feature-image { height: auto; aspect-ratio: 1.15; }
  .dc-marine-finish { min-height: 0; aspect-ratio: 4 / 5; }
  .dc-marine-close { min-height: 600px; }
  .dc-marine-plan > .dc-button { width: 100%; }
  .dc-marine-hero-spec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 16px; }
  .dc-marine-hero-spec > a { min-height: 54px; }
  .dc-marine-warranty-grid { gap: 16px; }
}
@media (max-width: 400px) {
  .dc-marine-plan { padding: 24px; }
  .dc-marine-plan ul { grid-template-columns: minmax(0, 1fr); }
  .dc-marine-benefits { grid-template-columns: minmax(0, 1fr); }
  .dc-marine-process ol { grid-template-columns: minmax(0, 1fr); }
  .dc-marine-process img { aspect-ratio: 4 / 3; margin-bottom: 20px; }
  .dc-marine-hero-spec strong { font-size: 16px; }
}
