/* Local selected-brand preview. Site typography is intentionally unchanged. */
.home-selected-brand {
  --ink: #243D32;
  --ink-deep: #243D32;
  --cream: #E7EBDD;
  --paper: #FAF7EF;
  --sun: #D9AD55;
  --clay: #8B4933;
  --sky: #E7EBDD;
  --line: rgba(36, 61, 50, .2);
}
.home-selected-brand .site-header { background: #FAF7EF; padding-block: .75rem; }
.home-selected-brand .brand { width: 250px; flex: 0 0 auto; }
.home-selected-brand .brand img { width: 100%; height: auto; aspect-ratio: 1110 / 460; object-fit: contain; }
.home-selected-brand .hero-photo { background: #FAF7EF; }
.home-selected-brand .hero-lede,
.home-selected-brand .section-intro > p:last-child,
.home-selected-brand label span,
.home-selected-brand .form-note { color: #243D32; }
.home-selected-brand input,
.home-selected-brand textarea,
.home-selected-brand select { border-color: rgba(36, 61, 50, .55); }
.home-selected-brand :where(a, button, input, textarea, select):focus-visible { outline-color: #8B4933; }
.home-selected-brand .form-note.success { color: #243D32; }
.home-selected-brand .form-note.error { color: #8B4933; }
.home-selected-brand footer { background: #243D32; }
.home-selected-brand footer img { width: 64px; height: 64px; border-radius: 0; background: #FAF7EF; }
.home-selected-brand .footer-mission { color: #FAF7EF; }
@media (max-width: 800px) {
  .home-selected-brand .site-header { gap: 1rem; }
  .home-selected-brand .brand { width: min(205px, 58vw); }
}

/* Shared footer and empty submission status. */
.home-selected-brand .form-note:empty { display: none; }
.home-selected-brand footer { grid-template-columns: auto minmax(0, 1fr) auto; }
.home-selected-brand footer .footer-mission { grid-column: 2; grid-row: 2; }
.home-selected-brand footer > img { grid-row: 1 / 3; }
.home-selected-brand footer > p:last-child { grid-column: 3; grid-row: 1 / 3; max-width: 34ch; text-align: right; }
@media (max-width: 800px) {
 .home-selected-brand footer { grid-template-columns: auto minmax(0, 1fr); }
 .home-selected-brand footer .footer-mission { grid-column: 2; }
 .home-selected-brand footer > p:last-child { grid-column: 1 / -1; grid-row: auto; max-width: none; text-align: left; margin-top: 1rem; }
}