/* Independent illustrated planes: a short scroll through the dunes. */
.coastal-walk{--walk-nav:86px;position:relative;height:185svh;min-height:1100px;isolation:isolate;background:#f7f2e7;border-block:1px solid #31576d20}
.walk-stage{--walk-progress:0;position:sticky;top:var(--walk-nav);height:calc(100svh - var(--walk-nav));min-height:0;overflow:hidden;isolation:isolate;background:#f7f2e7}
.walk-plane{position:absolute;pointer-events:none;user-select:none;inset:-6% -7% -12%;transform-origin:50% 75%}
.walk-plane>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;-webkit-user-drag:none}
.walk-distance{z-index:-3;transform:translate3d(0,calc(var(--walk-progress)*-25px),0) scale(calc(1.02 + var(--walk-progress)*.035))}
.walk-dunes{z-index:-2;inset:-2% -5% -8%;transform-origin:50% 80%;transform:translate3d(0,calc(var(--walk-progress)*75px),0) scale(calc(1 + var(--walk-progress)*.16))}
.walk-foreground{z-index:1;inset:0 -3% -12%;transform-origin:50% 100%;transform:translate3d(0,calc(var(--walk-progress)*175px),0) scale(calc(1.02 + var(--walk-progress)*.36))}
.walk-foreground>img{object-position:50% 100%}
.walk-mobile-oats{display:none}
.walk-copy{position:absolute;z-index:2;left:24%;right:24%;top:19%;text-align:center;transform:translate3d(0,calc(var(--walk-progress)*-70px),0);opacity:var(--walk-copy-opacity,1);pointer-events:none}
.walk-copy .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:24px}
.walk-copy h2{font-size:clamp(65px,7.1vw,112px);line-height:.96;letter-spacing:-.045em;text-wrap:balance}
.walk-copy h2 em{font-weight:400}
.walk-copy>p:last-child{font:400 28px/1.4 'Caveat',cursive;margin-top:25px}
.walk-copy:before{content:'';position:absolute;inset:-50px -50px -40px;background:radial-gradient(ellipse,#f7f2e7b8,transparent 72%);z-index:-1}
.walk-footer{position:absolute;bottom:24px;left:6.5vw;right:6.5vw;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.walk-scroll-note{padding:12px 16px;background:#f7f2e7ed;border:1px solid #31576d35;font-size:9px;letter-spacing:.05em}
.walk-scroll-note>span:first-child{display:flex;align-items:center;gap:24px}
.walk-scroll-note i{font-style:normal;font-size:16px}
.walk-progress{display:block;width:100%;height:1px;background:#31576d32;margin-top:10px;overflow:hidden}
.walk-progress>span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(var(--walk-progress));transform-origin:left}
.walk-continue{background:#f7f2e7f2;border:1px solid #31576d45;padding:13px 17px;font-size:10px;display:inline-flex;align-items:center;gap:24px;line-height:1.6}
.walk-continue:hover{background:#fff9ec}
.walk-continue>span{font-size:18px}
@media(min-width:1800px){.walk-copy{top:20%}.walk-copy h2{font-size:130px}.walk-copy>p:last-child{font-size:32px}}
@media(max-width:1000px){.walk-copy{left:20%;right:20%}.walk-copy h2{font-size:80px}.walk-copy .eyebrow{font-size:8px}}
@media(max-width:800px){.coastal-walk{--walk-nav:72px;height:155svh;min-height:950px}.walk-stage{min-height:540px}.walk-copy{top:19%;left:11%;right:11%}.walk-copy h2{font-size:clamp(51px,12vw,76px);line-height:1}.walk-copy .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:20px}.walk-copy>p:last-child{font-size:24px;margin-top:18px}.walk-copy:before{inset:-35px -15px -30px}.walk-foreground{inset:0 0 -10%;transform:translate3d(0,calc(var(--walk-progress)*115px),0) scale(calc(1 + var(--walk-progress)*.25))}.walk-foreground>.walk-wide-oats{display:none}.walk-mobile-oats{display:block;position:absolute;bottom:0;top:19%;width:64%;height:81%;object-fit:contain;object-position:50% 100%}.walk-foreground>.walk-oats-left{left:-25%;transform:rotate(-8deg)}.walk-foreground>.walk-oats-right{right:-25%;transform:scaleX(-1) rotate(-7deg)}.walk-dunes{inset:0 -8% -8%;transform:translate3d(0,calc(var(--walk-progress)*45px),0) scale(calc(1 + var(--walk-progress)*.1))}.walk-distance{inset:-3% -12% -12%}.walk-footer{left:7vw;right:7vw;bottom:20px;gap:12px}.walk-scroll-note{padding:9px 11px;font-size:7px}.walk-scroll-note>span:first-child{gap:12px}.walk-scroll-note i{font-size:13px}.walk-continue{padding:11px 13px;font-size:9px;gap:17px}.walk-continue>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.coastal-walk{height:calc(100svh - var(--walk-nav));min-height:620px}.walk-stage{position:relative;top:0;height:100%;min-height:620px}.walk-distance,.walk-dunes,.walk-foreground,.walk-copy{transform:none;opacity:1}.walk-progress{display:none}}
@media(max-width:800px){.walk-foreground>.walk-mobile-oats{width:64%;height:81%;object-fit:contain;object-position:50% 100%}.walk-footer{bottom:34px}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.walk-stage{min-height:0}}
@media(max-height:600px) and (prefers-reduced-motion:no-preference){.walk-copy{top:13%}.walk-copy h2{font-size:clamp(40px,7vh,62px)}.walk-copy .eyebrow{margin-bottom:14px}.walk-copy>p:last-child{font-size:22px;margin-top:14px}.walk-footer{bottom:15px}}