/* Spot On Marine: real screens and a guided before-and-after story. */
.work-feature + .work-feature{margin-top:3rem}
.marine-work-art{background:radial-gradient(ellipse at 70% 80%,#693333,transparent 70%),#13282d}
.marine-work-art .work-screen-inset{width:21%;right:5%;bottom:6%}
.marine-work-art .work-screen-inset img{max-height:330px;object-fit:cover;object-position:top}
.marine-page{--case-accent:#efc6b7}
.marine-page .case-status i{background:var(--case-accent)}
.marine-hero{background:radial-gradient(ellipse at 80% 80%,#4d272b,transparent 75%),#13282d}
.marine-hero .product-image-button{border-color:#72878a}
.marine-page .case-jump,.marine-page .text-link{color:#efc6b7}
.comparison-intro{max-width:580px;color:#b1bfc0;font-size:1rem;line-height:1.85;margin:1.5rem 0 2rem}
.marine-page .case-tabs a[aria-selected=true]{color:#efc6b7;border-color:#efc6b7}
.comparison-panel.case-chapter{display:block}
.comparison-panel.case-chapter[hidden]{display:none}
.comparison-copy{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-bottom:2rem;align-items:start}
.comparison-copy h3{font:500 clamp(1.7rem,3vw,2.8rem)/1.2 var(--sans);letter-spacing:-.045em;margin:0}
.comparison-copy p{font-size:.9375rem;line-height:1.85;color:#b1bfc0;margin:0}
.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.comparison-pair figure{margin:0;min-width:0}
.comparison-label{display:flex;justify-content:space-between;align-items:center;gap:1rem;font:.625rem/1.7 var(--mono);letter-spacing:.07em;padding:1rem 0;color:#b1bfc0}
.comparison-label strong{font-weight:500;color:#f0f1eb}
.comparison-pair figure:last-child .comparison-label strong{color:#efc6b7}
.comparison-pair .product-image-button{aspect-ratio:16/10}
.comparison-pair .product-image-button>img{height:auto;aspect-ratio:auto}
.comparison-pair figcaption{font-size:.8125rem;line-height:1.8;color:#b1bfc0;margin-top:1rem}
.comparison-pair .image-expand{font-size:.625rem}
.comparison-note{font:.6875rem/1.8 var(--mono);color:#a8b7b7;margin:2rem 0 0}
.marine-detail{border-block:1px solid var(--rule);background:#0c1416}
.marine-detail .product-spotlight{align-items:start}
.marine-mobile-shot{position:relative;padding:2.5rem;background:radial-gradient(ellipse at center,#463537,transparent 75%),#142328;border:1px solid #405155}
.marine-mobile-shot .product-image-button{width:min(260px,100%);margin:auto;border-radius:16px}
.marine-mobile-shot .image-expand{left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
.marine-detail .product-story-copy{padding-top:1rem}
.marine-service-example{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--rule)}
.marine-service-example .product-image-button>img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.marine-page .application-journey span{color:#efc6b7}
.marine-page .application-journey>div:after{color:#efc6b7}
.marine-page .outcome-details span{color:#efc6b7}
.marine-page .case-cta{background:#efe5df}
.marine-page .case-cta .button{background:#2b2523;border-color:#2b2523}
.marine-page .case-cta .button:hover{background:transparent;color:#2b2523}
@media(max-width:760px){.comparison-copy{grid-template-columns:1fr;gap:1rem}.comparison-pair{gap:1rem}.comparison-label{font-size:.5625rem;letter-spacing:.02em}.comparison-label span{display:none}.marine-mobile-shot{padding:1.5rem}.marine-mobile-shot .product-image-button{width:min(230px,100%)}.marine-service-example{margin-top:2.5rem;padding-top:2.5rem}}
@media(max-width:540px){.comparison-pair{grid-template-columns:1fr;gap:1.5rem}.comparison-copy h3{font-size:1.85rem}.marine-page .case-tabs a{font-size:.75rem}.marine-work-art .work-screen-inset{width:25%;bottom:1.8rem}.marine-work-art .work-screen-inset>span{font-size:.3125rem}.marine-work-art .work-screen-inset img{max-height:160px}}