/* home: a close-up of a painting as a full-width band between the pale header and footer */
body.home .site-footer { padding: 14px 0 16px; }
body.home .site-footer .wrap { display: flex; align-items: center; justify-content: center; gap: 8px 22px; flex-wrap: wrap; }
body.home .footer-links { margin: 0; gap: 10px; }
body.home .footer-links a { width: 34px; height: 34px; }
body.home .footer-links svg { width: 16px; height: 16px; }
.band { position: relative; isolation: isolate; overflow: hidden; height: calc(100svh - 108px - 66px); min-height: 440px; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--canvas); color: #fff; }
.band-bg { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.band-bg img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: var(--pos, 50% 50%); transform: scale(1.06); opacity: 0; transition: opacity 1.4s var(--ease); animation: bzoom 30s ease-in-out infinite alternate; will-change: transform; }
.band-bg img.ready { opacity: 1; }
@keyframes bzoom { to { transform: scale(1.18); } }
.band-shade { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 75% 65% at 50% 50%, rgba(8, 8, 9, .42), rgba(8, 8, 9, .14) 75%), rgba(8, 8, 9, .14); }
.band-copy { padding-inline: var(--gutter); max-width: 100%; }
.band .hero-name { margin: 0 -.07em 0 0; color: #fff; mix-blend-mode: normal; font-size: clamp(38px, 9.4vw, 140px); font-weight: 200; letter-spacing: .07em; line-height: 1.05; white-space: nowrap; text-shadow: 0 2px 36px rgba(0, 0, 0, .28); }
.band .hero-name span { display: inline-block; padding-left: 0; }
.band .hero-name span + span { margin-left: .32em; }
.band .eyebrow { display: block; color: rgba(255, 255, 255, .84); letter-spacing: .34em; margin: 26px -.34em 40px 0; }
.band .btn { border-color: #fff; color: #fff; }
.band .btn:hover { background: #fff; color: #0d0d0e; }
@media (max-width: 820px) {
  .band { height: calc(100svh - 72px - 68px); min-height: 440px; }
  .band .hero-name { white-space: normal; font-size: clamp(40px, 15vw, 84px); margin: 0; }
  .band .hero-name span { display: block; margin: 0; }
}
@media (prefers-reduced-motion: reduce) { .band-bg img { animation: none; transform: none; } }