.ocean-hero{--ocean-progress:0;--hero-frame:clamp(680px, 100svh, 1100px);height:calc(var(--hero-frame) + 65svh);color:#fffaf0;background:#062c37;position:relative}.ocean-hero__stage{height:var(--hero-frame);isolation:isolate;position:sticky;top:0;overflow:hidden}.ocean-hero__poster,.ocean-hero__water,.ocean-hero__foreground{width:100%;height:100%;position:absolute;inset:0}.ocean-hero__poster{z-index:0;transform-origin:75% 100%;transform:scale(calc(1 + var(--ocean-progress) * .04));transition:opacity}.ocean-hero__poster img,.ocean-hero__water video{object-fit:cover;object-position:65% center;width:100%;height:100%}.ocean-hero__water{z-index:1;opacity:0;transform-origin:75% 100%;transform:scale(calc(1 + var(--ocean-progress) * .04));transition:opacity .9s}.ocean-hero__foreground{z-index:2;opacity:0;transform-origin:75% 100%;transform:scale(calc(1 + var(--ocean-progress) * .04));background:url(/ocean/hero-refined.webp) 65%/cover no-repeat;-webkit-mask:url(/ocean/hero-mask.webp) 65%/cover no-repeat;-webkit-mask-source-type:luminance;mask:url(/ocean/hero-mask.webp) 65%/cover no-repeat luminance}.ocean-hero--ready .ocean-hero__water,.ocean-hero--ready .ocean-hero__foreground{opacity:1}.ocean-hero--ready .ocean-hero__poster{opacity:0;transition-delay:.9s}.ocean-hero__stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#031920c2,#0319209e 35%,#0000 65%);position:absolute;inset:0}.ocean-hero__copy{z-index:3;translate:0 -45%;transform:translateY(calc(var(--ocean-progress) * -24px));max-width:48%;position:absolute;top:48%;left:clamp(2rem,6.7vw,8rem)}.ocean-hero__copy h1{font:400 clamp(4.5rem, 7.25vw, 7.5rem)/.92 var(--sc-font-display);letter-spacing:-.035em;color:#fffaf0;margin:0 0 1.25rem}.ocean-hero__copy h1 em{padding-bottom:.1em;font-weight:400;display:inline-block}.ocean-hero__copy p{color:#fffaf0;max-width:35ch;margin:0 0 1.5rem;font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.5}.ocean-hero__copy p span{margin-top:.2rem;display:block}.ocean-hero__cta{color:#163237;background:#f9f5ed;border:1px solid #f9f5ed;justify-content:space-between;align-items:center;gap:2.2rem;min-height:54px;padding:.9rem 1.4rem;font-size:1rem;text-decoration:none;transition:background .18s,gap .18s;display:inline-flex}.ocean-hero__cta span{font-size:1.35rem;line-height:1}.ocean-hero__cta:hover{background:#fff;gap:2.7rem}.ocean-hero a:focus-visible,.ocean-hero button:focus-visible{outline-offset:5px;outline:2px solid #fffaf0}@media (min-width:1800px){.ocean-hero__copy{left:max(7vw,50vw - 770px)}}@media (max-width:1000px) and (min-width:768px){.ocean-hero__copy{max-width:52%;left:2rem}.ocean-hero__copy h1{font-size:5.2rem}.ocean-hero__poster img,.ocean-hero__water video{object-position:62% center}.ocean-hero__foreground{background-position:62%;-webkit-mask-position:62%;mask-position:62%}}@media (max-width:767px){.ocean-hero{--hero-frame:max(780px, 100svh);height:var(--hero-frame)}.ocean-hero__stage{position:relative}.ocean-hero__stage:after{background:linear-gradient(#0319201f,#0000 42%)}.ocean-hero__poster img,.ocean-hero__water video{object-position:center bottom}.ocean-hero__foreground{display:none}.ocean-hero__poster,.ocean-hero__water{transform-origin:77% 82%;transform:scale(calc(1 + var(--ocean-progress) * .055))}.ocean-hero__copy{max-width:none;translate:none;transform:translate3d(0, calc(var(--ocean-progress) * -24px), 0);top:102px;left:1.4rem;right:1.4rem}.ocean-hero__copy h1{margin-bottom:.9rem;font-size:clamp(3.1rem,12vw,4.6rem);line-height:.94}.ocean-hero__copy .ocean-hero__lead{max-width:24ch;margin-bottom:1rem;font-size:.9375rem;line-height:1.4}.ocean-hero__cta{gap:.8rem;min-height:46px;padding:.7rem .85rem;font-size:.875rem}}@media (max-width:350px){.ocean-hero__stage{background:#041e28}.ocean-hero__poster img,.ocean-hero__water video{object-fit:contain}.ocean-hero__poster,.ocean-hero__water{-webkit-mask-image:linear-gradient(#0000 calc(100% - 211.6vw),#000 calc(100% - 211.6vw + 80px));mask-image:linear-gradient(#0000 calc(100% - 211.6vw),#000 calc(100% - 211.6vw + 80px))}.ocean-hero__copy{top:90px;left:1.2rem;right:1.2rem}.ocean-hero__copy h1{font-size:2.95rem}.ocean-hero__copy .ocean-hero__lead{font-size:.875rem}.ocean-hero__cta{gap:.6rem;font-size:.8125rem}}@media (max-height:500px) and (min-width:768px){.ocean-hero{--hero-frame:500px;height:var(--hero-frame)}.ocean-hero__stage{position:relative}.ocean-hero__copy{top:100px;translate:none}.ocean-hero__copy h1{margin-bottom:.75rem;font-size:3.25rem}.ocean-hero__copy p{margin-bottom:1rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.ocean-hero{height:var(--hero-frame)}.ocean-hero__stage{position:relative}.ocean-hero__water,.ocean-hero__foreground{display:none}.ocean-hero--ready .ocean-hero__poster{opacity:1}.ocean-hero__poster,.ocean-hero__copy{transform:none}.ocean-hero__cta{transition:none}}.ocean-hero__water video{position:absolute;inset:0}.ocean-hero__water video+video{opacity:0}@media (max-width:767px){.ocean-hero__cta{gap:clamp(.5rem,2vw,.85rem);min-height:44px;padding-inline:clamp(.65rem,2.6vw,.9rem);font-size:clamp(.75rem,3.35vw,.875rem)}.ocean-hero__poster,.ocean-hero__water{transform-origin:100% 82%}.ocean-hero{--hero-frame:max(100svh, 211.6vw)}.ocean-hero__stage{background:#041e28}.ocean-hero__poster img,.ocean-hero__water video{object-fit:contain}.ocean-hero__poster,.ocean-hero__water{-webkit-mask-image:linear-gradient(#0000 calc(100% - 211.6vw),#000 calc(100% - 211.6vw + 65px));mask-image:linear-gradient(#0000 calc(100% - 211.6vw),#000 calc(100% - 211.6vw + 65px))}}