.wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); box-sizing: content-box; }
.wrap.measure, .measure { max-width: var(--measure); }
.wrap.measure { margin-inline: auto; }

/* Sections, after uk-section and its tone modifiers */
.band { display: flow-root; padding-block: var(--section); background: var(--color-paper); }
.band--large { padding-block: var(--section-large); }
.band--small { padding-block: 40px; }
.band[data-tone="primary"] { background: var(--color-sand); }
.band[data-tone="muted"] { background: var(--color-sand-tint); }
.band[data-tone="secondary"] { background: linear-gradient(-40deg, var(--color-night), var(--color-night-deep)); }
.band[data-tone="primary"], .band[data-tone="secondary"] { color: var(--color-on-dark-soft); }
:is(.band[data-tone="primary"], .band[data-tone="secondary"], .hero) :is(h1, h2, h3, h4, blockquote, .lead, a:not(.button)) { color: var(--color-on-dark); }
.band--title { padding-block: var(--section); }

.split { display: grid; gap: var(--grid-gap); align-items: center; }
.split > img, .split > figure img { width: 100%; object-fit: cover; }
.split--top { align-items: start; }
@media (min-width: 960px) {
  .split { grid-template-columns: 1fr 1fr; }
  .split--top { grid-template-columns: 2fr 3fr; }
  .split--reverse > :first-child { order: 2; }
}
.cols-2 { display: grid; gap: var(--grid-gap); }
@media (min-width: 640px) { .cols-2 { grid-template-columns: 1fr 1fr; } }
.section-title { margin-bottom: 40px; }

/* Header, after tm-header with a sticky uk-navbar-container */
.site-header { position: sticky; top: 0; z-index: 980; margin-bottom: 6px; border-bottom: 1px solid #e5e9ed; background: var(--color-header); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.site-header__inner { display: flex; align-items: center; min-height: 100px; }
.brand { display: flex; align-items: center; }
.brand img { width: 100px; height: 100px; }

/* Footer */
.footer-grid { display: grid; gap: var(--grid-gap); }
@media (min-width: 960px) { .footer-grid { grid-template-columns: repeat(3, 1fr); } }
.site-footer { padding-top: 0; }
.site-footer h3 { font-size: var(--h3); margin-bottom: 20px; }
.site-footer .quote { margin-top: 20px; font-size: 14px; color: var(--color-on-dark-soft); }
.site-footer a:not(.button) { color: var(--color-on-dark-soft); }
.site-footer a:not(.button):hover { color: var(--color-on-dark); }
.footer-legal { display: flex; flex-wrap: wrap; gap: 20px 200px; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 14px; }
.footer-legal p { margin: 0; }
.cta-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.cta-row h2 { margin: 0; }