/* Story look: contour lines, octopus watermark, depth meter. Shared by /cape-town/ and /apply/. */
.sb-deep{position:relative;overflow:hidden;isolation:isolate}
.sb-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:45%;z-index:-1;pointer-events:none;fill:none;stroke:#e4d8c8;stroke-width:1;opacity:.08}
.sb-waves path{vector-effect:non-scaling-stroke}
.sb-wm{position:absolute;left:-60px;bottom:-80px;width:340px;height:auto;opacity:.06;z-index:-1;pointer-events:none}
.sb-depth{position:fixed;top:14vh;bottom:14vh;right:18px;width:1px;background:#8fd2d659;z-index:20;pointer-events:none}
.sb-depth:before{content:"";position:absolute;inset:0 auto 0 6px;width:7px;background:repeating-linear-gradient(#8fd2d673 0 1px,transparent 1px 7vh)}
.sb-depth__run{position:absolute;left:0;top:0;width:1px;height:100%}
.sb-depth__ring{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:1.5px solid #8fd2d6;background:radial-gradient(circle,#8fd2d6 0 3px,transparent 3.5px);box-shadow:0 0 0 5px #8fd2d61f}
@keyframes sb-depth{to{transform:translateY(100%)}}
@supports (animation-timeline:scroll()){.sb-depth__run{animation:sb-depth linear both;animation-timeline:scroll(root)}}
@media (max-width:640px){.sb-depth{right:7px;opacity:.75}.sb-depth:before{left:4px;width:4px}.sb-depth__ring{width:12px;height:12px;margin:-6px 0 0 -6px;border-width:1px;background:radial-gradient(circle,#8fd2d6 0 2px,transparent 2.5px);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.sb-depth__run{animation:none!important;transform:none!important}}