:root{--michi-ocean-gradient:linear-gradient(180deg,#176b85 0%,#11506a 3%,#0a344b 14%,#082a40 30%,#062037 49%,#04192c 68%,#031120 88%,#020b14 100%)}
/* Original Why The Way ocean, scoped to pages using the shared header. */
body.michi-ocean-active{position:relative;background:radial-gradient(ellipse 100% 20% at 50% 0,rgba(183,253,255,.33),transparent 75%),radial-gradient(ellipse 55% 14% at 15% 14%,rgba(51,161,183,.13),transparent 100%),radial-gradient(ellipse 55% 19% at 90% 33%,rgba(40,132,155,.10),transparent 100%),var(--michi-ocean-gradient)!important;background-repeat:no-repeat!important;background-color:#020b14!important}
.michi-ocean-water{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none}
.michi-surface{position:absolute;top:87px;left:-8%;width:116%;height:160px;z-index:2;opacity:.94;filter:drop-shadow(0 11px 12px #a6faff20);pointer-events:none}.michi-surface svg{width:100%;height:100%;overflow:visible}.michi-water-sheet{animation:michi-drift 12s ease-in-out infinite alternate;transform-origin:center}.michi-water-sheet.two{animation-duration:17s;animation-direction:alternate-reverse;opacity:.7}.michi-water-sheet.three{animation-duration:22s;opacity:.44}@keyframes michi-drift{to{transform:translateX(-3.5%) scaleY(1.05)}}
.michi-caustics{position:absolute;left:-15%;top:178px;width:130%;height:540px;z-index:0;opacity:.52;pointer-events:none;filter:blur(9px);background:repeating-linear-gradient(113deg,transparent 0 9%,rgba(205,255,255,.085) 10%,transparent 12% 19%);mask-image:linear-gradient(#000 0%,transparent 100%);animation:michi-sway 16s ease-in-out infinite alternate}.michi-caustics.second{top:174px;transform:scaleX(-1);opacity:.3;animation-duration:25s}@keyframes michi-sway{to{transform:translateX(4%) skewX(-5deg)}}
.michi-shafts{position:absolute;top:165px;left:0;right:0;height:1000px;pointer-events:none;background:linear-gradient(102deg,transparent 19%,rgba(194,252,255,.08) 29%,transparent 40%),linear-gradient(77deg,transparent 44%,rgba(202,251,255,.095) 54%,transparent 63%),linear-gradient(116deg,transparent 68%,rgba(168,234,243,.05) 79%,transparent 88%);mask-image:linear-gradient(#000,transparent 87%);animation:michi-lights 20s ease-in-out infinite alternate}@keyframes michi-lights{to{transform:translateX(3%);opacity:.7}}
.michi-bubbles{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,#d8ffff52 1px,transparent 2px),radial-gradient(circle,#d8ffff39 1px,transparent 2px);background-size:190px 280px,260px 430px;background-position:40px 110px,130px 200px;opacity:.19;mask-image:linear-gradient(transparent 0%,#000 17%,#000 70%,transparent 100%)}

body.michi-ocean-active.water-depth::before{display:none}
body.michi-ocean-active.water-depth .page-banner::after,body.michi-ocean-active.water-depth .hero-wrap::before{display:none}
@media(max-width:700px){.michi-surface{top:76px;height:105px}.michi-caustics{top:135px}.michi-shafts{top:110px}}
@media(prefers-reduced-motion:reduce){.michi-ocean-water *{animation:none!important;transition:none!important}}