.hero{--depth-progress:0}.hero .depth-background{transform:translate3d(0,calc(var(--depth-progress)*18px),0) scale(calc(1 + var(--depth-progress)*.085));transform-origin:center;will-change:transform}.depth-foreground{position:absolute;inset:0;z-index:4;pointer-events:none;transform:translate3d(0,calc(var(--depth-progress)*-34px),0);will-change:transform}.scroll-depth-scene{position:relative;height:128svh;min-height:800px;max-height:1500px;--scene-progress:0;--depth-top:32px;background:#0d506b}.scroll-depth-scene>.depth-sticky{position:sticky;top:var(--depth-top);min-height:calc(82svh - var(--depth-top));overflow:hidden;isolation:isolate}.depth-sticky .water-story{align-self:center;transform:translate3d(0,calc(var(--scene-progress)*-20px),0);will-change:transform}.depth-sticky .water-surface{height:100%;min-height:calc(82svh - var(--depth-top))}.depth-sticky .water-mark{transform:translate3d(0,calc(var(--scene-progress)*-54px),0);will-change:transform}.depth-caption{position:absolute;right:7%;bottom:9%;width:200px;padding:23px 27px 27px;background:#faf7f0;color:#3c512a;border:1px solid #faf7f0;box-shadow:0 16px 40px #052d3940;transform:translate3d(0,calc(65px - var(--scene-progress)*115px),0) rotate(-4deg);will-change:transform;pointer-events:none}.depth-caption>span{font:8px/1.5 Arial,sans-serif;letter-spacing:.13em}.depth-caption>strong{display:block;font:35px/.98 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin-top:15px}.depth-caption em{font-weight:400}.preview-rail{position:sticky;top:0}@media(max-width:720px){.scroll-depth-scene{height:139svh;min-height:990px;max-height:none}.scroll-depth-scene>.depth-sticky{min-height:0}.depth-sticky .water-story{padding:36px 6% 29px}.depth-sticky .water-story h2{font-size:34px}.depth-sticky .water-story>p:not(.water-eyebrow){font-size:11px;max-width:310px}.depth-sticky .water-eyebrow{margin-bottom:15px}.depth-sticky .water-surface{height:365px;min-height:365px}.depth-sticky .water-mark{top:22%;font-size:83px}.depth-caption{width:164px;right:7%;bottom:12%;padding:17px 20px 21px;transform:translate3d(0,calc(35px - var(--scene-progress)*65px),0) rotate(-4deg)}.depth-caption>strong{font-size:27px;margin-top:11px}.depth-caption>span{font-size:6px}}
.stillwater .hero .hero-photo{overflow:hidden}
@media(prefers-reduced-motion:reduce){.hero .depth-background,.depth-foreground,.depth-sticky .water-story,.depth-sticky .water-mark,.depth-caption{transform:none!important;will-change:auto}.scroll-depth-scene{height:auto!important;min-height:0;max-height:none}.scroll-depth-scene>.depth-sticky{position:relative;top:auto;min-height:0}.depth-sticky .water-surface{min-height:390px}.depth-caption{bottom:35px}}
