/* TIDE / watery glass, caustics, shell */
body{
  background:
    radial-gradient(ellipse at 26% 18%,rgba(255,255,255,.5),transparent 26%),
    radial-gradient(ellipse at 76% 72%,rgba(20,130,143,.09),transparent 34%),
    linear-gradient(180deg,#dceae7,#cfe1df 54%,#e5efec);
}
body:before{content:"";position:fixed;z-index:-1;inset:-20%;background:
  repeating-radial-gradient(ellipse at 55% 30%,transparent 0 33px,rgba(255,255,255,.22) 35px 37px,transparent 39px 64px);
  opacity:.48;transform:rotate(-8deg);animation:tideMove 18s linear infinite}
body:after{content:"";position:fixed;z-index:-1;right:-10%;top:18%;width:520px;height:520px;border-radius:46% 54% 55% 45%;border:1px solid rgba(17,80,89,.08);box-shadow:inset 0 0 80px rgba(255,255,255,.22)}
@keyframes tideMove{to{transform:rotate(-2deg) translate(24px,12px)}}
.nav{background:rgba(219,232,230,.78);backdrop-filter:blur(16px)}
.hero-media{box-shadow:0 30px 80px rgba(14,62,67,.14)}
section:nth-of-type(even){background:rgba(255,255,255,.17);backdrop-filter:blur(3px)}
.panel{background:linear-gradient(135deg,rgba(238,248,246,.82),rgba(211,232,230,.75));backdrop-filter:blur(12px);box-shadow:0 25px 70px rgba(14,62,67,.1)}
.menu-row:hover{background:rgba(8,124,132,.045)}
.gallery figure{border-radius:42% 58% 12px 12px/14% 18% 12px 12px}
footer{background:linear-gradient(180deg,transparent,rgba(8,124,132,.06))}