/* Art-directed responsive background; headline and CTA remain editable HTML. */
#top.ocean-studio-hero{position:relative;isolation:isolate;height:41.667vw;overflow:hidden;background:#f0fcfa}
#top.ocean-studio-hero .washed{position:absolute;inset:0;min-height:0!important;background:#f0fcfa!important}
#top.ocean-studio-hero picture{display:block;width:100%;height:100%}
#top.ocean-studio-hero .ocean-studio-background{display:block;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;opacity:1}
#top.ocean-studio-hero .hero-scrim{background:none!important;align-items:center!important}
#top.ocean-studio-hero .hero-scrim>div{padding:0 clamp(24px,5vw,72px)!important;max-width:1440px}
#top.ocean-studio-hero .hero-copy{max-width:min(43%,560px)!important;gap:18px!important}
#top.ocean-studio-hero h1{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important;text-wrap:balance}
#top.ocean-studio-hero p{max-width:29em}
@media(max-width:640px){
 #top.ocean-studio-hero{height:clamp(640px,177.87vw,920px)}
 #top.ocean-studio-hero .hero-scrim{align-items:flex-start!important}
 #top.ocean-studio-hero .hero-scrim>div{padding:34px 22px 0!important}
 #top.ocean-studio-hero .hero-copy{max-width:100%!important;gap:15px!important}
 #top.ocean-studio-hero h1{font-size:clamp(30px,8.2vw,43px)!important;max-width:12em}
 #top.ocean-studio-hero p{font-size:16px!important;max-width:22em}
 #top.ocean-studio-hero .ocean-studio-background{object-position:center bottom}
}
@media(min-width:641px) and (max-width:900px){
 #top.ocean-studio-hero{height:41.667vw}
 #top.ocean-studio-hero .hero-copy{gap:10px!important}
 #top.ocean-studio-hero h1{font-size:clamp(22px,3.25vw,29px)!important;line-height:1.06!important}
 #top.ocean-studio-hero p{font-size:14px!important;line-height:1.4!important}
 #top.ocean-studio-hero .btn{font-size:13px!important;padding:10px 20px!important}
}