/* A navy directory settled into the harbour wall. */
.site-footer{
  position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(320px,30vw,440px);padding:100px 20px 22px;color:#e4eaf0;
  background:#29392d;
  box-shadow:none;
}
.site-footer::after{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;transform:scaleX(-1);background:linear-gradient(180deg,transparent 28%,#06192b55 75%,#06192bb3),url("../images/footer-harbor-v1.png") center 38%/cover no-repeat}
.site-footer::before{content:none}
.site-footer__inner{width:100%;max-width:1100px;margin:0 auto;text-align:center}
.site-footer__nav{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;
  width:max-content;max-width:100%;margin:0 auto;padding:14px 16px;
  color:#e3eaf0;background:linear-gradient(180deg,#0e2d48ed,#061a30f2);
  border:1px solid #70849170;border-radius:4px;
  box-shadow:inset 0 1px #e1d4aa40,0 3px 6px #00101c66;
  font:700 14px/1.65 var(--reading-font);text-shadow:0 1px 2px #001321;
}
.site-footer__nav a,.site-footer__nav span{display:block;padding:0 12px;color:inherit;text-decoration:none;white-space:nowrap}
.site-footer__nav>*+*{border-left:1px solid #d0d8d655}
.site-footer__nav a{transition:color .4s ease,text-shadow .4s ease}
.site-footer__nav a:hover{color:#ffe8a8;text-shadow:0 0 7px #f1bf6d88}
.site-footer__nav a:focus-visible{outline:2px solid #ffe4a0;outline-offset:3px}
.site-footer__nav span{color:#bdc7cbaa}
.site-footer__disclosure,.site-footer__copyright{margin:13px auto 0;color:#f0eee4;font:500 12px/1.7 var(--reading-font);text-shadow:0 1px 3px #00111c,0 1px 5px #00111c}
.site-footer__disclosure{max-width:860px}
.site-footer__copyright{margin-top:5px}
@media(max-width:760px){
  .site-footer{min-height:0;padding:clamp(115px,32vw,210px) 12px 76px;background:#071c30}
  .site-footer::after{background:linear-gradient(180deg,transparent 0%,#071c30cc 48%,#071c30 80%),url("../images/footer-harbor-v1.png") center top/100% auto no-repeat}
  .site-footer__nav{width:100%;padding:8px 6px;justify-content:center;font-size:13px}
  .site-footer__nav a,.site-footer__nav span{padding:6px 8px}
  .site-footer__nav>*+*{border-left:0}
  .site-footer__disclosure{font-size:12px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.site-footer__nav a{transition:none}}