/* The surface, light and depth of Why The Way, shared by main public pages. */
body.water-depth{position:relative;background:radial-gradient(ellipse 100% 300px at 50% 0,rgba(183,253,255,.20),transparent 75%),linear-gradient(180deg,#176b85 0,#13556e 160px,#0b3a53 420px,#082c42 720px,#062137 1100px,#041626 1500px,#020b14 2000px);background-repeat:no-repeat;background-color:#020b14}
.water-depth .waybar{background:linear-gradient(180deg,#032332e8,#083f54d9);border-bottom-color:transparent}
.water-depth .page-banner,.water-depth .hero-wrap{position:relative;overflow:hidden}
.water-depth .page-banner::after,.water-depth .hero-wrap::before{content:"";position:absolute;z-index:2;pointer-events:none;left:-5%;right:-5%;bottom:-16px;height:70px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20160%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22crest%22%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e8ffff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%23aceff8%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4ffff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2035%20Q70%208%20150%2030%20T300%2025%20T450%2031%20T600%2025%20T750%2029%20T900%2024%20T1050%2031%20T1200%2022%20L1200%20160%20L0%20160%20Z%22%20fill%3D%22url(%23crest)%22%20opacity%3D%22.54%22%2F%3E%3Cpath%20d%3D%22M0%2035%20Q70%208%20150%2030%20T300%2025%20T450%2031%20T600%2025%20T750%2029%20T900%2024%20T1050%2031%20T1200%2022%22%20fill%3D%22none%22%20stroke%3D%22%23ebffff%22%20stroke-opacity%3D%22.82%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M0%2043%20Q105%2012%20200%2038%20T400%2035%20T600%2041%20T800%2032%20T1000%2042%20T1200%2029%22%20fill%3D%22none%22%20stroke%3D%22%23d2ffff%22%20stroke-opacity%3D%22.48%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;opacity:.8;animation:shared-water-drift 12s ease-in-out infinite alternate}
.water-depth .hero-wrap::after{pointer-events:none}
.water-depth .page-banner img{display:block}
.water-depth::before{content:"";position:absolute;z-index:2;pointer-events:none;left:0;right:0;top:100px;height:600px;opacity:.55;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:shared-water-light 20s ease-in-out infinite alternate}
@keyframes shared-water-drift{to{transform:translateX(-3.5%) scaleY(1.05)}}
@keyframes shared-water-light{to{transform:translateX(3%);opacity:.35}}
@media(prefers-reduced-motion:reduce){.water-depth::before,.water-depth .page-banner::after,.water-depth .hero-wrap::before{animation:none}}