/* ============================================================
   Shared site footer
   Identical markup on every page; each page tints it by setting
   --koa-foot-bg (and, on light pages, --koa-foot-ink) inline on the
   <footer>, so one stylesheet serves the space-blue, ocean and
   forest-green pages alike.
   ============================================================ */
.koa-footer{
  --koa-foot-bg:#0b0e2c;
  --koa-foot-ink:#f4ece0;
  --koa-foot-rule:rgba(244,236,224,.16);
  position:relative;          /* sit above the homepage's absolutely-placed seam clouds */
  z-index:200;
  background:var(--koa-foot-bg);
  border-top:1px solid var(--koa-foot-rule);
  color:var(--koa-foot-ink);
  /* the homepage wraps its panels in a line-height:0 host, so restate it here */
  line-height:1.5;
  font-family:'Kelly Slab',Georgia,serif;
  padding:clamp(38px,5vw,62px) 6vw clamp(22px,2.6vw,30px);
}
.koa-footer *{box-sizing:border-box}
.koa-footer a{color:inherit;text-decoration:none}

.koa-footer-inner{max-width:1180px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:24px 34px;flex-wrap:wrap}

.koa-footer-logo{flex:none;display:block;line-height:0}
.koa-footer-logo img{height:34px;width:auto;display:block}

.koa-footer-nav{display:flex;gap:10px 26px;flex-wrap:wrap;align-items:center;justify-content:center}
.koa-footer-nav a{font:400 15px 'Kelly Slab',serif;opacity:.84;transition:opacity .2s ease}
.koa-footer-nav a:hover{opacity:1}
.koa-footer-nav a[aria-current="page"]{opacity:1;border-bottom:1px solid currentColor;padding-bottom:2px}

.koa-footer-ig{flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:1.5px solid currentColor;opacity:.7;
  transition:opacity .2s ease}
.koa-footer-ig:hover{opacity:1}
.koa-footer-ig svg{display:block}

.koa-footer-legal{max-width:1180px;margin:clamp(24px,3.2vw,38px) auto 0;padding-top:18px;
  border-top:1px solid var(--koa-foot-rule);
  display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.koa-footer-legal span,.koa-footer-legal a{
  font-family:'Questrial',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.koa-footer-legal a{transition:opacity .2s ease}
.koa-footer-legal a:hover{opacity:1}

@media (max-width:860px){
  .koa-footer{padding:34px 5vw 22px;text-align:center}
  .koa-footer-inner{flex-direction:column;gap:20px}
  .koa-footer-logo img{height:29px}
  .koa-footer-nav{gap:9px 18px;justify-content:center}
  .koa-footer-nav a{font-size:13px;position:relative}
  /* small type by design — grow the touch target, not the layout */
  .koa-footer-nav a::after{content:"";position:absolute;left:-9px;right:-9px;top:-11px;bottom:-11px}
  .koa-footer-legal{flex-direction:column;gap:9px;margin-top:24px}
}
@media (max-width:400px){
  .koa-footer-nav a{font-size:12px}
  .koa-footer-nav{gap:8px 14px}
}