/* ============================================================
   Site footer — one component, shared by every page.
   Rendered by foot.js into <div id="siteFoot"></div>.

   Lifted verbatim from the landing page's inline footer, which was
   the original and stays the reference. Tokens fall back to their
   literal values so this works on pages that do not define them.
   ============================================================ */

#siteFoot footer{padding:0}
.foot-card{
  background:#fff;border-radius:36px;overflow:hidden;
  padding:110px 70px 0;position:relative;
  box-shadow:0 3px 10px rgba(10,10,10,.04);
}
.foot-top{
  display:flex;flex-wrap:wrap;gap:60px;justify-content:space-between;
  max-width:1320px;margin:0 auto;
}
.foot-tag{max-width:320px;font-size:18.5px;font-weight:500;line-height:1.55;letter-spacing:-.01em}
.foot-cols{display:flex;gap:70px;flex-wrap:wrap}
.fcol b{font-size:15px;font-weight:600;display:block;margin-bottom:20px}
.fcol a{display:block;text-decoration:none;color:#525257;font-size:14.5px;margin-bottom:14px;transition:color .2s}
.fcol a:hover{color:var(--ink,#0a0a0a)}

.socials{display:flex;gap:14px;margin-top:6px}
.socials .soc{
  width:54px;height:54px;border-radius:16px;margin:0;
  background:#fff;border:1.5px solid #ededf1;
  box-shadow:0 8px 22px rgba(10,10,10,.07);
  display:flex;align-items:center;justify-content:center;
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,
             transform .4s cubic-bezier(.34,1.56,.64,1);
}
.socials .soc svg{
  display:block;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),fill .3s ease;
}
.socials .soc:hover{
  background:#f6f6f8;border-color:#dedee5;
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(10,10,10,.13);
}
.socials .soc:hover svg{transform:scale(1.22)}
.socials .soc:active{transform:translateY(-1px) scale(.97);transition-duration:.12s}
.socials .soc-li:hover svg{fill:#0a66c2}

/* the wordmark: sized by foot.js, never by this file */
.foot-word{
  position:relative;height:.68em;margin:70px -70px 0;
  direction:ltr;cursor:default;
  font-family:var(--font-head,'Inter Tight','Rubik',sans-serif);
  font-weight:700;letter-spacing:-.04em;line-height:1;
}
.fw-soft,.fw-main{
  position:absolute;left:50%;bottom:-.28em;transform:translateX(-50%);
  font-size:inherit;white-space:nowrap;color:#b53c2d;
}
.fw-soft{filter:blur(22px);opacity:.85;pointer-events:none}
.fw-main{display:inline-flex;overflow:hidden;height:1em;transition:color .35s ease}
.fw-main .ch{
  display:inline-block;position:relative;
  text-shadow:0 1em currentColor;          /* hidden twin waits below */
  transition:transform .25s ease-in-out;
  will-change:transform;
}
.foot-word:hover .fw-main .ch{transform:translateY(-1em)}
/* the letters lift in sequence rather than as a block */
.fw-main .ch:nth-child(2){transition-delay:.02s}
.fw-main .ch:nth-child(3){transition-delay:.04s}
.fw-main .ch:nth-child(4){transition-delay:.06s}
.fw-main .ch:nth-child(5){transition-delay:.08s}
.fw-main .ch:nth-child(6){transition-delay:.1s}
.fw-main .ch:nth-child(7){transition-delay:.12s}
.fw-main .ch:nth-child(8){transition-delay:.14s}
.fw-main .ch:nth-child(9){transition-delay:.16s}
.fw-main .ch:nth-child(10){transition-delay:.18s}
.fw-main .ch:nth-child(11){transition-delay:.2s}

@media (prefers-reduced-motion:reduce){
  .socials .soc,.socials .soc svg,.fw-main .ch{transition:none}
  .foot-word:hover .fw-main .ch{transform:none}
}

@media(max-width:900px){
  .foot-card{padding:70px 34px 0}
  .foot-word{margin:50px -34px 0}
  .foot-cols{gap:40px}
}
@media(max-width:620px){
  .foot-card{padding:56px 22px 0;border-radius:26px}
  .foot-top{gap:34px}
  .foot-tag{font-size:16.5px;max-width:none}
  .foot-cols{gap:34px}
  .fcol b{margin-bottom:14px}
  .fcol a{margin-bottom:11px}
  .socials .soc{width:48px;height:48px;border-radius:14px}
  .foot-word{margin:44px -22px 0}
}

/* each network keeps its own colour on hover, so the row reads as five
   destinations rather than five identical grey squares */
.socials .soc-ig:hover svg{fill:#c13584}
.socials .soc-fb:hover svg{fill:#1877f2}
.socials .soc-wa:hover svg{fill:#25d366}