/* Dominia — remaining sections: get, footer. The corporates page has its own sheet,
   css/corporates.css.
   Owner piece: SECTIONS. */


/* ---------------------------------------------------------------- get */

.get { padding-block: var(--s-24); border-top: 1px solid var(--hairline-strong); }

.get__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--s-16);
  align-items: end;
}

.get__title { margin-block: var(--s-6) var(--s-6); }
.get__actions { display: grid; gap: var(--s-3); }
.get__note { color: var(--slate); }

/* ---------------------------------------------------------------- footer */

.footer { border-top: 1px solid var(--hairline-strong); padding-block: var(--s-8); }

.footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-8);
}

.footer__mark { font-size: var(--t-data); }

.footer__links {
  display: flex;
  gap: var(--s-6);
  font-family: var(--font-mono);
  font-size: var(--t-label-sm);
  text-transform: uppercase;
  letter-spacing: var(--track-label);
  color: var(--slate);
}

.footer__links a:hover { color: var(--bone); }
.footer__attr { margin-left: auto; color: var(--slate); letter-spacing: 0.06em; } /* v3 tracking, held low so the credit keeps to two lines */
.footer__attr a { color: var(--slate-2); }

/* ---------------------------------------------------------------- responsive */

@media (max-width: 900px) {
  /* The header's cross-page link has to survive small screens: it is the only route to the
     corporates page above the footer. So the links stay, and the one pointing at the page you
     are already on drops out instead — which keeps the bar to a single 52px row that the hero
     and the pinned sequence both measure their offsets against. */
  .nav__links { font-size: var(--t-label-sm); }
  .nav__links a[href^="#"],
  .nav__links a[aria-current] { display: none; }
  .get__inner { grid-template-columns: minmax(0, 1fr); gap: var(--s-8); }
  .step { max-width: none; margin-left: 0; }
}