.marine-page{--black:#111d33;--black-2:#192a48;--black-3:#22365a;--page-ground:var(--black);--t-line:#2a3d60;--t-bg:var(--black);--t-tile:#2c426c;background:var(--grain),var(--black)}.marine-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;min-height:calc(100svh - var(--nav-height));overflow:hidden}.marine-hero-image{z-index:-2;object-fit:cover;object-position:30% 60%;filter:saturate(.6) brightness(.85)}.marine-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(17,29,51,.85),rgba(17,29,51,.5) 40%,transparent 65%),linear-gradient(0deg,var(--black),rgba(17,29,51,.4) 30%,transparent 50%)}.marine-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;padding-block:60px 56px}.marine-hero-text{justify-self:end;width:min(840px,100%)}.marine-hero h1{margin:0 0 32px;font-size:clamp(32px,min(5vw,10svh),72px);text-shadow:0 2px 24px rgba(17,29,51,.5)}.marine-hero h1 span{display:block;color:var(--blue)}.marine-hero-foot .marine-lead{max-width:420px}.marine-hero-foot{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.marine-lead{max-width:360px;margin:0;color:var(--ink-on-dark);font-size:16px;line-height:1.55}.marine-hero .button{min-width:0;gap:32px}.marine-range-nav{background:var(--black-2)}.marine-range-nav>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.marine-range-nav a{display:flex;align-items:center;gap:12px;padding:24px 4px;font-size:15px;font-weight:600;line-height:1.3;transition:color .2s}.marine-range-nav a:hover{color:var(--blue)}.marine-range-nav a>span:first-child{color:var(--blue);font-variant-numeric:tabular-nums}.marine-range-nav .arrow{margin-left:auto;width:12px;height:12px;flex-basis:12px}.marine-range-nav a:hover .arrow{transform:translateY(3px)}@media (max-width:1000px){.marine-range-nav .arrow{display:none}}@media (max-width:800px){.marine-hero{min-height:min(760px,calc(100svh - var(--nav-height)))}.marine-hero:before{background:linear-gradient(0deg,var(--black),rgba(17,29,51,.6) 45%,transparent 80%)}.marine-hero-image{object-position:22% 60%}.marine-hero-inner{padding-block:40px 32px}.marine-hero h1{font-size:6.4vw;margin-bottom:22px}.marine-hero-foot{grid-template-columns:1fr;gap:22px}.marine-range-nav>div{display:flex;overflow-x:auto;gap:24px;scrollbar-width:none}.marine-range-nav a{flex-shrink:0;padding:20px 0}}