/* Desktop keeps Gentle swell; the homepage uses Coastal sweep across the mobile top. */
@media(width > 900px){
  .hero-gentle-swell .hero-beach-wrap{
    border-radius:0;
    clip-path:none;
    -webkit-mask-image:url('/images/hero-gentle-swell.svg');
    mask-image:url('/images/hero-gentle-swell.svg');
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  @supports not (mask-image:linear-gradient(black,black)){
    .hero-gentle-swell .hero-beach-wrap{border-bottom-left-radius:118px}
  }
}
@media(max-width:900px){
  .hero-coastal-sweep-mobile .hero-beach-wrap{
    -webkit-mask-image:url('/images/hero-coastal-sweep-top.svg');
    mask-image:url('/images/hero-coastal-sweep-top.svg');
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
}