/* The home page dive: a pool you scroll down into. Everything is scoped to body.dive so
   it never leaks into the blog or legal pages (site.css). */
.dive{
  --ink:#06223A; --foam:#F4FBFD; --sun:#FFC845; --coral:#FF7A59; --aqua:#3EC4E0; --pool:#1895C9; --tile:#E8F7FB;
  --display:"Fraunces",Georgia,serif; --text:"Nunito Sans","Helvetica Neue",Arial,sans-serif;
  --deck:max(30vh,210px);
}
.dive *{box-sizing:border-box}
html:has(body.dive){scroll-behavior:smooth;overflow-x:clip}
.dive main,.dive section{overflow-x:clip}
body.dive{margin:0;font:18px/1.65 var(--text);color:var(--foam);background:#8fe6f2;overflow-x:hidden}
.dive a{color:inherit}
.dive h1,.dive h2,.dive h3{font-family:var(--display);margin:0;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.dive p{margin:0}
.dive .wrap{max-width:1120px;margin:0 auto;padding-inline:24px}
@media (max-width:600px){.dive .wrap{padding-inline:16px}}

/* --- The pool water: fixed layers that change with depth ---------------------------- */
.dive .water{position:fixed;inset:0;z-index:-4;background:#8fe6f2}
/* Wall tiles, seen through the water. */
.dive .tiles{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.16) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.16) 2px,transparent 2px);
  background-size:46px 46px}
/* Caustics: the net of light that dances on a pool's walls and floor. */
.dive .caustics{position:fixed;inset:-25%;z-index:-2;pointer-events:none;opacity:.55;mix-blend-mode:soft-light}
.dive .caustics i{position:absolute;inset:0;animation:caustic 14s ease-in-out infinite alternate}
.dive .caustics i:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.010' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -9 0 0 0 1.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");background-size:420px 420px}
.dive .caustics i:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.014' numOctaves='2' seed='23' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -9 0 0 0 1.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");background-size:360px 360px;opacity:.7;animation-duration:19s;animation-direction:alternate-reverse}
@keyframes caustic{to{transform:translate(80px,50px) rotate(2deg)}}

/* --- Depth gauge, like a dive computer ------------------------------------------- */
.dive .gauge{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:8px;justify-items:center;
  font:700 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.dive .gauge .track{position:relative;width:4px;height:42vh;border-radius:4px;background:rgba(6,34,58,.2)}
.dive .gauge .fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--p,0) * 100%);border-radius:4px;background:var(--sun)}
.dive .gauge .read{font:800 15px/1 var(--text);color:var(--foam);background:rgba(6,34,58,.6);padding:8px 10px;border-radius:10px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-width:74px;text-align:center}
.dive .gauge .read small{display:block;font-size:10px;opacity:.75;margin-top:4px}
/* Phones: a slim bar across the top, like an app header, instead of a box over the text. */
@media (max-width:720px){
  .dive .gauge{left:0;right:0;top:0;bottom:auto;transform:none;display:flex;justify-content:flex-end;align-items:center;gap:0;
    padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 7px;background:rgba(6,34,58,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .dive .gauge>span{display:none}
  .dive .gauge .track{position:absolute;left:0;right:0;bottom:0;width:auto;height:3px;border-radius:0;background:rgba(255,255,255,.2)}
  .dive .gauge .fill{height:100%;width:calc(var(--p,0) * 100%);border-radius:0}
  .dive .gauge .read{display:flex;gap:8px;align-items:baseline;background:none;padding:0;min-width:0;font-size:13px;backdrop-filter:none;-webkit-backdrop-filter:none}
  .dive .gauge .read small{margin:0;font-size:12px}
  .dive .gauge .read small::before{content:"· "}
}

/* --- The diver ----------------------------------------------------------------------- */
.dive .diver{position:fixed;right:7vw;top:50%;width:min(19vw,230px);z-index:10;pointer-events:none;
  transform:translateY(-50%);filter:drop-shadow(0 18px 24px rgba(0,40,80,.3))}
.dive .diver svg{width:100%;height:auto;display:block;overflow:visible}
.dive .diver .body{animation:bob 4s ease-in-out infinite;transform-origin:50% 40%;rotate:-8deg}
@keyframes bob{50%{transform:translateY(-10px) rotate(-1.5deg)}}
.dive .diver .fin-l{animation:kick 1.1s ease-in-out infinite;transform-origin:80px 250px}
.dive .diver .fin-r{animation:kick 1.1s ease-in-out infinite reverse;transform-origin:120px 250px}
@keyframes kick{50%{transform:rotate(7deg)}}
.dive .diver.moving .fin-l,.dive .diver.moving .fin-r{animation-duration:.55s}
.dive .diver .pose{opacity:0;transition:opacity .25s ease}
.dive .diver[data-pose="rest"] .pose-rest,.dive .diver[data-pose="nose"] .pose-nose,.dive .diver[data-pose="ok"] .pose-ok,.dive .diver[data-pose="up"] .pose-up{opacity:1}
.dive .bubble{position:fixed;z-index:9;width:var(--s);height:var(--s);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,255,255,.25) 45%,rgba(255,255,255,.08) 70%);
  border:1px solid rgba(255,255,255,.6);animation:rise var(--t) ease-in forwards}
@keyframes rise{to{transform:translate(var(--dx),-70vh) scale(1.3);opacity:0}}
.dive .ok-tag{position:fixed;z-index:11;right:calc(7vw + min(19vw,230px) / 2);top:calc(50% - min(19vw,230px) * .725 - 58px);
  font:800 14px var(--text);background:var(--foam);color:var(--ink);padding:8px 13px;border-radius:14px;white-space:nowrap;
  box-shadow:0 8px 20px -8px rgba(0,30,60,.35);opacity:0;transform:translate(50%,6px) scale(.9);transition:opacity .25s,transform .25s;pointer-events:none}
.dive .ok-tag::after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-7px;border:7px solid transparent;border-bottom:0;border-top-color:var(--foam)}
.dive .ok-tag.show{opacity:1;transform:translate(50%,0) scale(1)}
@media (max-width:900px){.dive .diver{width:92px;right:10px;top:auto;bottom:64px;transform:none;z-index:1;opacity:.9}.dive .ok-tag{display:none}.dive .bubble{z-index:1}}

/* --- Pool deck at the top: sky, edge, ladder, lane rope, rubber duck ------------------- */
.dive .deck{position:absolute;left:0;right:0;top:0;height:var(--deck);z-index:1;overflow:hidden;
  background:linear-gradient(180deg,#a8e2ff 0%,#dff5ff 62%,#f4fbff 100%)}
.dive .deck .sun{position:absolute;right:15%;top:16%;width:80px;height:80px;border-radius:50%;background:#FFD866;
  box-shadow:0 0 0 14px rgba(255,216,102,.25),0 0 60px 20px rgba(255,216,102,.45)}
.dive .deck .cl{position:absolute;height:24px;width:110px;border-radius:24px;background:#fff;box-shadow:28px -11px 0 2px #fff,58px -2px 0 -4px #fff;
  animation:cloudmove 80s linear infinite}
@keyframes cloudmove{from{translate:-200px 0}to{translate:110vw 0}}
/* Coping: the white edge of the pool, with a row of blue edge tiles. */
.dive .coping{position:absolute;left:0;right:0;bottom:0;height:44px;
  background:linear-gradient(180deg,#f7f3ea 0 22px,#d9d2c3 22px 26px,transparent 26px),
  repeating-linear-gradient(90deg,#1d6fb8 0 22px,#2a86cf 22px 44px);background-size:100% 100%,44px 18px;background-repeat:no-repeat,repeat-x;background-position:0 0,0 26px}
.dive .ladder{position:absolute;left:10%;top:calc(var(--deck) - 70px);width:80px;height:140px;z-index:3;pointer-events:none}
.dive .waterline{position:absolute;left:0;right:0;top:calc(var(--deck) - 6px);height:60px;z-index:2;overflow:hidden;pointer-events:none}
.dive .waterline svg{position:absolute;left:0;width:200%;height:100%}
.dive .waterline .w1{animation:waves 8s linear infinite}
.dive .waterline .w2{animation:waves 12s linear infinite reverse;opacity:.6}
@keyframes waves{to{transform:translateX(-50%)}}
.dive .lane{position:absolute;left:0;right:0;top:calc(var(--deck) + 4px);height:16px;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(90deg,#E8414B 0 14px,#fff 14px 28px,#1D4FB0 28px 42px,#fff 42px 56px);
  border-radius:8px;mask-image:radial-gradient(ellipse 7px 8px at 7px 8px,#000 98%,transparent) 0 0/14px 16px repeat-x;
  -webkit-mask:radial-gradient(ellipse 7px 8px at 7px 8px,#000 98%,transparent) 0 0/14px 16px repeat-x;animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translateY(3px)}}
.dive .flags{position:absolute;left:0;right:0;top:calc(var(--deck) - 120px);height:60px;z-index:2;pointer-events:none}
.dive .flags svg{width:100%;height:100%;display:block}
.dive .ball{position:absolute;left:26%;top:calc(var(--deck) - 44px);width:58px;z-index:3;animation:duck 6s ease-in-out infinite reverse}
.dive .noodle{position:absolute;left:70%;top:calc(var(--deck) - 14px);width:180px;height:22px;border-radius:12px;z-index:3;background:linear-gradient(#ff8fc1,#e8559a);
  box-shadow:inset 0 4px 0 rgba(255,255,255,.35);animation:float 4s ease-in-out infinite;rotate:-4deg}
.dive .duck{position:absolute;left:46%;top:calc(var(--deck) - 34px);width:64px;z-index:3;animation:duck 5s ease-in-out infinite}
@keyframes duck{50%{transform:translate(18px,4px) rotate(-6deg)}}

/* Toys you can play with: click or tap. */
.dive .toy{cursor:pointer;pointer-events:auto;transition:left 1.3s cubic-bezier(.3,.7,.3,1);-webkit-tap-highlight-color:transparent}
.dive .toy:focus-visible{outline:3px solid var(--sun);outline-offset:4px;border-radius:50%}
.dive .life .ring{pointer-events:auto;cursor:pointer}
.dive .splash{position:absolute;z-index:3;width:20px;height:8px;margin:-4px 0 0 -10px;border-radius:50%;border:3px solid rgba(255,255,255,.9);
  pointer-events:none;animation:splash .9s ease-out forwards}
@keyframes splash{to{transform:scale(7,5);opacity:0}}
.dive .drop{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:#fff;pointer-events:none;animation:drop .7s ease-out forwards}
@keyframes drop{to{transform:translate(var(--x),var(--y));opacity:0}}
.dive .quack{position:absolute;z-index:4;font:800 14px var(--text);color:var(--ink);background:#fff;padding:4px 9px;border-radius:10px;pointer-events:none;animation:quack 1s ease-out forwards}
@keyframes quack{from{transform:translate(-50%,0) scale(.6);opacity:0}20%{opacity:1;transform:translate(-50%,-10px) scale(1)}to{transform:translate(-50%,-34px);opacity:0}}

/* --- Things in the water ------------------------------------------------------------- */
.dive .life{position:absolute;left:0;right:0;pointer-events:none;z-index:1}
.dive .fish{position:absolute;left:0;animation:swim var(--t,26s) linear infinite;animation-delay:var(--d,0s)}
.dive .fish svg{display:block;width:var(--w,56px);height:auto;animation:wiggle 1.2s ease-in-out infinite}
.dive .fish.rev{animation-name:swim-rev}.dive .fish.rev svg{transform:scaleX(-1)}
@keyframes swim{from{transform:translateX(-160px)}to{transform:translateX(calc(100vw + 160px))}}
@keyframes swim-rev{from{transform:translateX(calc(100vw + 160px))}to{transform:translateX(-160px)}}
@keyframes wiggle{50%{translate:0 4px}}
/* Pool props used in dive classes. */
.dive .hoop{position:absolute;width:120px;animation:sway 6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes sway{50%{transform:rotate(3deg)}}
/* Dive rings: training toys that sink slowly and sway. */
.dive .ring{position:absolute;width:var(--w,64px);animation:sink var(--t,10s) ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes sink{from{transform:translateY(-30px) rotate(-14deg)}to{transform:translateY(40px) rotate(12deg)}}

/* --- Content ------------------------------------------------------------------------- */
.dive main{position:relative}
.dive section{position:relative;min-height:100vh;display:grid;align-items:center;padding-block:14vh}
.dive .panel{position:relative;z-index:2;max-width:560px;display:grid;gap:18px}
/* Depth marks painted on the pool wall, like real pools. */
.dive .mark{justify-self:start;display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:6px;
  background:var(--tile);color:var(--ink);font:800 15px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 0 0 2px rgba(6,34,58,.08),inset 0 -3px 0 rgba(6,34,58,.08)}
.dive .mark b{font:900 28px/1 var(--text);letter-spacing:-.02em}
.dive .surface{padding-top:calc(var(--deck) + 9vh);align-items:start}
.dive .surface h1{font-size:clamp(46px,7.2vw,94px);font-weight:800;color:var(--ink)}
.dive .surface h1 em{font-style:italic;color:#fff;text-shadow:0 3px 0 rgba(6,34,58,.22)}
.dive .surface .lead{color:#07385a}
.dive h2{font-size:clamp(34px,4.6vw,58px);font-weight:700;text-shadow:0 2px 10px rgba(0,40,80,.2)}
.dive .lead{font-size:20px;opacity:.95}
.dive .btn{display:inline-flex;align-items:center;gap:10px;font:800 16px var(--text);padding:15px 22px;border-radius:999px;text-decoration:none;border:2px solid transparent;transition:transform .15s}
.dive .btn:hover{transform:translateY(-2px)}
.dive .btn-sun{background:var(--sun);color:var(--ink);box-shadow:0 6px 0 #d49b14}
.dive .btn-ghost{border-color:rgba(255,255,255,.75);color:#fff}
.dive .surface .btn-ghost{border-color:var(--ink);color:var(--ink)}
.dive .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.dive .card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);border-radius:22px;padding:22px;display:grid;gap:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dive .card h3{font-size:22px}
.dive .card p{font-size:16px;opacity:.9}
.dive .card .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--sun);color:var(--ink);font-size:22px}
.dive .steps{counter-reset:step}
.dive .steps .card::before{counter-increment:step;content:counter(step);font:900 14px var(--text);color:var(--ink);background:var(--foam);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
@media (max-width:900px){.dive .cards{grid-template-columns:1fr}.dive .panel{max-width:none}}
/* Shallow (bright) water: dark ink and light cards. Deep water: white text on darker cards. */
.dive .shallow{color:var(--ink)}
.dive .shallow h2{text-shadow:none}
.dive .shallow .card{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.8);color:var(--ink)}
.dive .shallow .card p{opacity:.85}
.dive .shallow .btn-ghost{border-color:var(--ink);color:var(--ink)}
.dive section:not(.shallow):not(.surface) .card,.dive section:not(.shallow):not(.surface) .member{background:rgba(4,36,74,.55);border-color:rgba(255,255,255,.18)}
.dive section:not(.shallow):not(.surface) h2{text-shadow:0 2px 14px rgba(0,25,60,.45)}
.dive section:not(.shallow):not(.surface) .lead{text-shadow:0 1px 8px rgba(0,25,60,.4);opacity:1}
.dive .placeholder{display:inline-block;font:700 11px var(--text);letter-spacing:.08em;text-transform:uppercase;background:rgba(255,200,69,.2);color:var(--sun);border:1px dashed var(--sun);padding:4px 8px;border-radius:6px;vertical-align:middle}
.dive .surface .placeholder{color:#7a5a00;border-color:#b98a00;background:rgba(255,200,69,.35)}

/* Staff: people behind each class. */
.dive .team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.dive .member{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);border-radius:22px;padding:20px;display:grid;gap:8px;justify-items:center;text-align:center;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dive .member .photo{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#bdeefa;box-shadow:0 0 0 4px var(--sun);display:grid;place-items:end center}
.dive .member .photo svg{width:84px}
.dive .member .photo.initials{place-items:center;font:800 28px var(--display);color:var(--ink)}
.dive .member h3{font-size:20px}
.dive .member .role{font-weight:700;font-size:15px;opacity:.92}
.dive .member .cert{font:800 11px var(--text);letter-spacing:.06em;text-transform:uppercase;background:var(--foam);color:var(--ink);padding:5px 9px;border-radius:999px}
.dive .member p{font-size:15px;opacity:.85}
@media (max-width:1000px){.dive .team{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dive .team{grid-template-columns:1fr}}

/* Pool floor: tiles, the dark lane line, a drain and a fish mosaic. */
.dive .bottom{min-height:110vh;align-items:end;padding-bottom:0}
.dive .floor{position:absolute;left:0;right:0;bottom:0;height:40vh;z-index:1;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.06)),
  linear-gradient(rgba(6,34,58,.18) 2px,transparent 2px) 0 0/46px 46px,linear-gradient(90deg,rgba(6,34,58,.18) 2px,transparent 2px) 0 0/46px 46px,#2f8fc9;
  clip-path:polygon(0 18%,100% 18%,100% 100%,0 100%)}
.dive .floor .lane-line{position:absolute;left:50%;top:18%;bottom:0;width:30px;margin-left:-15px;background:#123a6b;opacity:.75}
.dive .floor .lane-line::before{content:"";position:absolute;left:-40px;right:-40px;top:22%;height:30px;background:#123a6b}
.dive .floor .drain{position:absolute;left:22%;top:52%;width:70px;height:70px;border-radius:8px;background:repeating-linear-gradient(90deg,#9ab3c4 0 6px,#5a7486 6px 10px);box-shadow:0 0 0 4px #c6d6e0}
.dive .floor .mosaic{position:absolute;right:16%;top:36%;width:180px}
.dive .floor .sunk{position:absolute;width:56px}
.dive .floor .sticks{position:absolute;left:38%;top:44%;display:flex;gap:16px;align-items:flex-end}
.dive .floor .sticks i{display:block;width:12px;height:60px;border-radius:6px 6px 3px 3px;box-shadow:inset -3px 0 0 rgba(0,0,0,.15),0 6px 0 -2px rgba(0,0,0,.2);transform-origin:50% 100%;animation:sway 5s ease-in-out infinite}
.dive .floor .sticks i:nth-child(2n){animation-delay:-2s}
.dive .contact{position:relative;z-index:3;margin-bottom:24vh;background:rgba(5,40,80,.62);border:1px solid rgba(255,255,255,.25);border-radius:26px;padding:30px;max-width:640px;
  display:grid;gap:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dive .contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.dive .contact input,.dive .contact textarea,.dive .contact select{font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);border-radius:14px;padding:12px 14px;width:100%}
.dive .contact input::placeholder,.dive .contact textarea::placeholder{color:rgba(255,255,255,.7)}
.dive .contact textarea{grid-column:1/-1;min-height:110px}
.dive .contact button{grid-column:1/-1;justify-self:start}
@media (max-width:560px){.dive .contact form{grid-template-columns:1fr}.dive .floor .mosaic{width:120px;right:6%}}

@media (prefers-reduced-motion:reduce){.dive *{animation:none!important;transition:none!important}html:has(body.dive){scroll-behavior:auto}}

/* Site header over the pool deck on the home page: transparent, not sticky. */
.dive .nav{position:absolute;left:0;right:0;top:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:30}
.dive .nav ul a{color:#07385a}
.dive main{position:relative}
.dive footer{position:relative;z-index:3}
@media (max-width:720px){.dive .nav{top:30px}}
/* The real contact form inside the pool. */
.dive .contact .field{display:grid;gap:6px}
.dive .contact .field.full,.dive .contact .form-alert,.dive .contact .form-note,.dive .contact button{grid-column:1/-1}
.dive .contact label{font:800 12px var(--text);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.dive .contact select option{color:var(--ink)}
.dive .contact .errors{margin:0;padding:0;list-style:none;font-size:14px;color:#FFD0C2}
.dive .contact .form-alert{padding:12px 14px;border-radius:12px;font-weight:700}
.dive .contact .form-alert.ok{background:rgba(46,204,143,.2);color:#d9ffe9}
.dive .contact .form-alert.error{background:rgba(255,122,89,.2);color:#ffe0d6}
.dive .contact .form-note{font-size:13px;opacity:.8}
.dive .contact .form-note a,.dive .contact p a{color:var(--sun)}
.dive .social{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:800}
.dive .social a{color:var(--sun)}
.dive .card.post{text-decoration:none;color:inherit}
.dive .card.post img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:14px}
.dive .nav .logo{color:var(--ink)}
.dive .nav .logo small{color:#07385a}
/* At the footer the dive is over: the diver and the gauge step aside. */
.dive .diver,.dive .gauge,.dive .ok-tag{transition:opacity .3s}
.dive.at-footer .diver,.dive.at-footer .gauge,.dive.at-footer .ok-tag{opacity:0!important}
/* The full emblem in the header over the pool deck: big, with a shadow that lifts its
   white sticker edge off the pale sky. */
.dive .nav .wrap{height:128px;align-items:flex-start;padding-top:12px}
.dive .nav ul,.dive .nav .nav-actions{margin-top:30px}
.dive .nav .logo img{height:112px;filter:drop-shadow(0 2px 2px rgba(6,34,58,.25)) drop-shadow(0 8px 18px rgba(6,34,58,.22))}
@media (max-width:720px){.dive .nav .wrap{height:96px;padding-top:6px}.dive .nav ul,.dive .nav .nav-actions{margin-top:18px}.dive .nav .logo img{height:80px}}