/* pw56.css - framed footer, design 2 ("split card", after the Fixa reference).
   Linked from each page's markup embed AFTER pw50/pw52+pw53/pw54+pw55, so its
   footer rules outrank the old colophon styles by document order. The page's
   white ground shows through the 16px gutter, mirroring the hero-frame. */
footer { background: #fff; padding: 0 16px 16px; }
.ft2 { background: var(--ink-deep); color: rgba(255,255,255,0.85);
  border-radius: var(--r-big); padding: 58px 56px 28px; }
.ft2-in { max-width: 1280px; margin: 0 auto; }
.ft2-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 48px;
  align-items: start; margin-bottom: 54px; }
.ft2-brand img { height: 44px; display: block; margin-bottom: 18px; }
.ft2-brand > p { color: rgba(255,255,255,0.6); font-size: 0.9rem; line-height: 1.6;
  max-width: 30ch; margin: 0 0 24px; }
.ft2-brand .ft2-hire { color: #fff; font-family: var(--font-head); font-weight: 700;
  font-size: 0.95rem; margin: 0 0 12px; }
.ft2-col h4 { font-family: var(--font-head); font-weight: 700; font-size: 0.78rem;
  letter-spacing: 0.08em; text-transform: uppercase; color: #7fa0b0; margin: 0 0 16px; }
.ft2-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.ft2-col a { color: #d7e5ef; text-decoration: none; font-size: 0.92rem; font-weight: 500;
  transition: color .18s ease; }
.ft2-col a:hover { color: #fff; }
.ft2-col a.ft2-tel { display: block; color: #a9cfe8; font-size: 0.82rem; margin-top: 2px; }
.ft2-col a.ft2-tel:hover { color: #fff; }
/* 3-track grid: the Site-by-V credit can expand in its own right-hand track
   without nudging the centred hours (space-between flex re-flowed the middle
   item on every expansion). */
.ft2-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px;
  border-top: 1px solid rgba(255,255,255,0.12); padding-top: 20px; }
.ft2-bar > p:first-child { justify-self: start; }
.ft2-bar > p:nth-child(2) { justify-self: center; text-align: center; }
.ft2-bar > .colo-legal { justify-self: end; }
.ft2-bar p { margin: 0; font-size: 0.76rem; color: #7fa0b0; line-height: 1.7; }
/* the Site-by-V credit script appends into .colo-legal; here that hook is the
   bar's right cell, and the injected middot separator stays hidden */
.ft2-bar .colo-legal { margin: 0; }
.ft2-bar .colo-legal > span:not(.vr-c) { display: none; }
.ft2-bar .colo-legal .vr-c { display: inline-flex; margin-top: 0; }
@media (max-width: 960px) {
  .ft2 { padding: 44px 28px 24px; }
  .ft2-grid { grid-template-columns: 1fr 1fr; gap: 34px; margin-bottom: 40px; }
}
@media (max-width: 560px) {
  .ft2-grid { grid-template-columns: 1fr; }
  .ft2-col a { display: inline-block; padding: 4px 0; }
  .ft2-col a.ft2-tel { padding-top: 0; }
  .ft2-bar { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
  .ft2-brand .pillbtn { margin-bottom: 6px; }
}