.marine-site{background:#101811;color:#eeeee6}
.marine-page{--marine-cream:#eeece2;--marine-ink:#162219;--marine-gold:#d7b474;background:#111a13;color:#e9ece2}
.marine-page .wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.marine-page h1,.marine-page h2{font-family:var(--font);font-weight:650;letter-spacing:-.065em}
.marine-page h1{font-size:clamp(3.2rem,5.4vw,5.4rem);line-height:1.04}
.marine-page h2{font-size:clamp(2.4rem,3.7vw,3.9rem);line-height:1.12}
.marine-page h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.03em}
.marine-page .eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.15em;color:#c6b489}
.marine-page .breadcrumb{padding-block:25px;color:#b3bcaf;font-size:.75rem}
.marine-page .breadcrumb a{min-height:28px;display:inline-flex;align-items:center}
.marine-page .button{border-radius:30px;gap:16px;font-size:.8125rem;min-height:48px;max-width:100%;text-align:center}
.marine-page .text-link{gap:16px;max-width:100%;font-size:.8125rem;line-height:1.5}
.marine-section{padding-block:80px;scroll-margin-top:100px}
.marine-two-column{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:start}
.marine-two-column h2{margin-top:20px}
.marine-two-column>div>p:not(.eyebrow){font-size:1rem;line-height:1.9;margin-top:22px;max-width:570px;color:#bfc8b9}
.marine-two-column>div>p:first-child:not(.eyebrow){margin-top:0}
.marine-page .marine-subcopy{font-size:.9375rem;line-height:1.8;margin-top:22px;max-width:420px;color:#aebba5}
.marine-hub-hero{background:#111a13;padding-bottom:32px}
.marine-hero-frame{position:relative;isolation:isolate;min-height:570px;overflow:hidden;border-radius:34px 34px 110px 34px;background:#192c21}
.marine-hero-image{position:absolute;inset:0;margin:0;z-index:-2}
.marine-hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.marine-hero-frame:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102017f2 0%,#102017d9 29%,#10201745 69%,#10201700),linear-gradient(0deg,#102017aa,transparent 30%)}
.marine-hero-copy{padding:70px 55px 72px;max-width:750px}
.marine-hero-copy h1{margin-top:24px;color:#f5f4ea;font-size:clamp(3.1rem,4.6vw,4.9rem)}
.marine-hero-copy h1 span{color:#e0cba1}
.marine-hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85;color:#e0e5d8;max-width:420px;margin-top:26px}
.marine-hero-copy .button{margin-top:30px}
.marine-photo-note{position:absolute;right:36px;bottom:26px;font-size:.625rem;letter-spacing:.06em;color:#eeeece}
.marine-family-nav{display:flex;flex-wrap:wrap;gap:9px;padding-block:28px 10px}
.marine-family-nav a{display:flex;align-items:center;justify-content:center;border:1px solid #ffffff2a;border-radius:40px;padding:12px 20px;min-height:48px;font-size:.75rem;font-weight:650;line-height:1.5}
.marine-family-nav a[aria-current=page]{background:#d9ba80;color:#162219;border-color:#d9ba80}
.marine-family-nav a:hover{border-color:#d9ba80}
.marine-intro{background:#111a13;border-bottom:1px solid #ffffff16}
.marine-collection{background:#eae9df;color:#1a291d}
.marine-collection .eyebrow,.marine-related .eyebrow{color:#69794e}
.marine-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:36px}
.marine-section-heading h2{margin-top:18px}
.marine-section-heading>p{font-size:.875rem;line-height:1.8;color:#63705e;max-width:250px}
.marine-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.marine-product-card{border:1px solid #c9cebb;background:#f8f7ef;overflow:hidden;border-radius:26px;display:flex;flex-direction:column;min-width:0}
.marine-card-image{display:block;overflow:hidden;background:#d1d6c6}
.marine-card-image img{width:100%;height:230px;object-fit:cover;object-position:center;transition:transform .35s}
.marine-card-ceramic-coating .marine-card-image img{object-position:center 20%}
.marine-card-image:hover img{transform:scale(1.025)}
.marine-card-copy{padding:26px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.marine-card-copy h3{margin-top:16px;font-size:1.5rem;letter-spacing:-.045em;font-weight:700}
.marine-card-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.8;color:#5b6754;margin-top:17px;margin-bottom:24px}
.marine-card-copy .text-link{margin-top:auto;color:#2c432e;border-color:#b5c0a9}
.marine-choice{background:#1d3225}
.marine-choice-list{display:grid;gap:0}
.marine-choice-list>a{display:flex;gap:24px;align-items:center;padding-block:26px;border-bottom:1px solid #ffffff26}
.marine-choice-list>a:first-child{border-top:1px solid #ffffff26}
.marine-choice-number{font-size:.6875rem;color:#b6c09e;align-self:flex-start;padding-top:6px}
.marine-choice-list>a>span:not(.nav-arrow):not(.marine-choice-number){flex:1;min-width:0}
.marine-choice-list small{display:block;font-size:.6875rem;letter-spacing:.05em;color:#c0cbb4;margin-bottom:10px}
.marine-choice-list strong{display:block;font-size:1.3125rem;line-height:1.45;letter-spacing:-.025em}
.marine-choice-list>a:hover strong{color:#ddc493}
.marine-planning{background:#111a13}
.marine-planning h2{margin-top:20px}
.marine-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:48px}
.marine-step-grid article{border-top:1px solid #ffffff30;padding-top:22px;min-width:0}
.marine-step-grid article>span{font-size:.6875rem;color:#bdc39c}
.marine-step-grid h3{margin-top:22px}
.marine-step-grid p{margin-top:16px;color:#b3bfa9;font-size:.875rem;line-height:1.85}
.marine-faq{background:#eeece2;color:#1b291d}
.marine-faq .eyebrow{color:#6b7850}
.marine-faq .marine-subcopy{color:#627057}
.marine-faq .faq details{border-color:#bcc5b0}
.marine-faq .faq summary{font-size:.9375rem;line-height:1.7;padding-block:23px}
.marine-faq .faq details p{font-size:.875rem;line-height:1.85;color:#58664e}
.marine-contact{background:#233c2c;color:#f0f0e6}
.marine-contact>.wrap{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:75px}
.marine-contact h2{margin-top:20px}
.marine-contact p:not(.eyebrow){font-size:.9375rem;line-height:1.85;color:#c4d0b8;margin-top:24px;max-width:550px}
.marine-contact-actions{display:flex;flex-direction:column;gap:22px;align-items:flex-start;justify-self:end}
.marine-contact-actions>a:not(.button){font-size:.8125rem;color:#e0d2af;min-height:44px;display:flex;align-items:center;max-width:100%}
.marine-contact .text-link{border-color:#ffffff35}
.marine-detail-hero{background:#111a13;padding-bottom:58px}
.marine-detail-hero .marine-family-nav{padding-top:0;padding-bottom:32px;border-bottom:1px solid #ffffff16}
.marine-detail-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding-top:52px}
.marine-detail-copy h1{font-size:clamp(3rem,4.8vw,4.9rem);margin-top:24px;max-width:580px}
.marine-detail-copy .marine-tagline{font-size:1.25rem;line-height:1.6;color:#e0ceaa;margin-top:28px}
.marine-detail-copy>p:not(.eyebrow):not(.marine-tagline){font-size:.9375rem;line-height:1.85;color:#bdc8b5;margin-top:22px}
.marine-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.marine-detail-actions .text-link{color:#ddc8a0;border-color:#ffffff26}
.marine-detail-grid figure{margin:0;min-width:0}
.marine-detail-grid figure img{width:100%;height:490px;object-fit:cover;border-radius:30px 30px 100px 30px}
.marine-detail-ceramic-coating .marine-detail-grid figure img{height:420px;object-position:center 15%}
.marine-detail-grid figcaption{margin-top:16px;font-size:.625rem;letter-spacing:.06em;color:#9daa92}
.marine-applications{background:#1d3225}
.marine-applications .marine-section-heading>p{color:#bac7ac}
.marine-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.marine-area-grid article{border:1px solid #ffffff27;background:#ffffff03;border-radius:24px;padding:30px;min-width:0}
.marine-area-grid article>span{font-size:.625rem;color:#b4c49b;letter-spacing:.1em}
.marine-area-grid h3{margin-top:32px;font-size:1.25rem}
.marine-area-grid p{font-size:.875rem;line-height:1.9;margin-top:20px;color:#bdc9b2}
.marine-plan-detail{background:#111a13}
.marine-plan-list{padding:0;margin:0;list-style:none;display:grid}
.marine-plan-list li{display:flex;gap:25px;border-top:1px solid #ffffff2a;padding-block:25px}
.marine-plan-list li:last-child{border-bottom:1px solid #ffffff2a}
.marine-plan-list li>span{font-size:.6875rem;color:#b8c69e;padding-top:4px}
.marine-plan-list h3{font-size:1.125rem}
.marine-plan-list p{font-size:.875rem;line-height:1.8;color:#b3c1a7;margin-top:12px}
.marine-related{background:#eae9df;color:#1a291d}
.marine-related .marine-product-grid{grid-template-columns:1fr 1fr}
.marine-related .text-link{color:#3a5335;border-color:#bec8ac}
.marine-related .marine-card-image img{height:270px}
.worlds-options .text-link{margin-top:18px;border-color:#ffffff30;color:#d3bb8b}
@media(max-width:1100px){.marine-hero-copy{padding:50px 40px}.marine-hero-frame{min-height:530px}.marine-two-column{gap:45px}.marine-detail-grid{gap:40px}.marine-card-copy{padding:22px}.marine-card-copy h3{font-size:1.3rem}.marine-card-image img{height:190px}.marine-area-grid article{padding:24px}.marine-contact>.wrap{gap:35px}}
@media(max-width:850px){.marine-page .wrap{width:calc(100% - 48px)}.marine-section{padding-block:56px}.marine-two-column,.marine-detail-grid{grid-template-columns:1fr;gap:28px}.marine-two-column>div>p:not(.eyebrow){max-width:700px}.marine-hero-frame{min-height:610px}.marine-hero-copy{max-width:630px;padding:60px 35px}.marine-hero-copy h1{font-size:clamp(3.1rem,6vw,4.4rem)}.marine-hero-frame:before{background:linear-gradient(90deg,#102017ef,#10201789 65%,#10201730),linear-gradient(0deg,#102017a8,transparent)}.marine-detail-grid figure img{height:400px}.marine-detail-copy h1{max-width:700px;font-size:clamp(3.2rem,6vw,4.5rem)}.marine-detail-grid{padding-top:36px}.marine-detail-copy>p:not(.eyebrow):not(.marine-tagline){max-width:650px}.marine-product-grid,.marine-related .marine-product-grid{grid-template-columns:1fr}.marine-card-image img,.marine-related .marine-card-image img{height:auto;aspect-ratio:16/9;object-fit:cover}.marine-card-ceramic-coating .marine-card-image img{height:350px;aspect-ratio:auto}.marine-card-copy{padding:28px}.marine-card-copy h3{font-size:1.6rem}.marine-card-copy>p:not(.eyebrow){max-width:520px}.marine-step-grid{gap:22px}.marine-area-grid{grid-template-columns:1fr}.marine-area-grid article{padding:26px}.marine-area-grid h3{margin-top:18px}.marine-area-grid p{max-width:640px}.marine-contact>.wrap{grid-template-columns:1fr;gap:30px}.marine-contact-actions{justify-self:start}.marine-section-heading{align-items:flex-start}.marine-section-heading>p{max-width:200px}}
@media(max-width:540px){.marine-page .wrap{width:calc(100% - 32px)}.marine-page .breadcrumb{font-size:.6875rem;gap:8px;padding-block:20px}.marine-hero-frame{min-height:650px;border-radius:24px 24px 70px 24px}.marine-hero-image img{object-position:67% top}.marine-hero-frame:before{background:linear-gradient(0deg,#102017f7 4%,#102017dc 30%,#10201735 75%,#10201708)}.marine-hero-copy{padding:280px 24px 44px}.marine-hero-copy h1{font-size:clamp(2.35rem,9.1vw,3.1rem);margin-top:18px}.marine-hero-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.8;margin-top:22px}.marine-photo-note{bottom:17px;right:25px;font-size:.5625rem}.marine-hero-copy .button{font-size:.75rem;margin-top:24px;padding-inline:18px}.marine-family-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:20px}.marine-family-nav a{font-size:.6875rem;padding:11px 10px;text-align:center;min-height:54px;border-radius:18px}.marine-page h2{font-size:2.35rem}.marine-page h1{overflow-wrap:anywhere}.marine-section-heading{display:block}.marine-section-heading>p{margin-top:20px}.marine-section-heading>.text-link{margin-top:18px}.marine-step-grid{grid-template-columns:1fr;margin-top:32px;gap:28px}.marine-step-grid h3{margin-top:16px}.marine-two-column>div>p:not(.eyebrow){font-size:.9375rem}.marine-choice-list>a{gap:16px}.marine-choice-list strong{font-size:1.125rem}.marine-card-copy{padding:24px}.marine-card-copy h3{font-size:1.4rem}.marine-card-ceramic-coating .marine-card-image img{height:210px}.marine-detail-copy h1{font-size:clamp(2.6rem,10.5vw,3.45rem)}.marine-detail-copy .marine-tagline{font-size:1.125rem;margin-top:22px}.marine-detail-actions{gap:16px;margin-top:26px}.marine-detail-grid figure img,.marine-detail-ceramic-coating .marine-detail-grid figure img{height:270px;border-radius:24px 24px 65px 24px}.marine-detail-grid figure img{object-position:center}.marine-detail-ceramic-coating .marine-detail-grid figure img{object-position:center 15%}.marine-plan-list li{gap:18px}.marine-area-grid h3{font-size:1.125rem}.marine-contact h2{font-size:2.5rem}.marine-contact-actions{width:100%}.marine-contact-actions .button{font-size:.75rem;white-space:normal}.marine-contact-actions .text-link{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.marine-card-image img{transition:none}}
