.hero-with-water{position:relative;min-height:470px;overflow:hidden;isolation:isolate}
#portfolio-flow,#portfolio-flow-front{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
#portfolio-flow-front{z-index:2}
.hero-with-water .hero-text{position:relative;z-index:3;padding-top:78px;padding-bottom:68px}
.hero-with-water h1{max-width:690px;font-size:clamp(2.9rem,4.7vw,4.7rem)}
.hero-with-water .buoy{position:absolute;top:0;left:0;z-index:1;width:clamp(35px,4vw,58px);height:auto;filter:drop-shadow(0 6px 7px rgba(23,33,43,.1));transform-origin:50% 87%;pointer-events:none}
@media(max-width:800px){.hero-with-water{min-height:0}.hero-with-water .hero-text{padding-top:70px;padding-bottom:62px}}
@media(prefers-reduced-motion:reduce){#portfolio-flow,#portfolio-flow-front,.hero-with-water .buoy{display:none}}