/* Load after main.css. Five-column footer with the new Media column last. */
@media (min-width: 1101px) {
  .footer-grid { grid-template-columns: minmax(285px, 2fr) minmax(90px, 1fr) minmax(110px, 1.2fr) minmax(90px, 1fr) minmax(220px, 1.35fr); }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .footer-grid > :first-child { grid-column: 1 / -1; }
  .footer-media { grid-column: 1 / -1; }
}
.footer-media { min-width: 0; color: #f4e8dc; }
.footer-media__intro { color: #d9c8b5; font-size: 12px; line-height: 1.65; margin: 0 0 1rem; max-width: 27ch; }
.footer-media__form { align-items: stretch; border-bottom: 1px solid rgba(244,232,220,.62); display: flex; gap: .4rem; max-width: 100%; }
.footer-media__form input { background: transparent; border: 0; border-radius: 0; color: #f4e8dc; flex: 1 1 auto; font: inherit; font-size: 13px; min-width: 0; padding: .7rem .15rem; }
.footer-media__form input::placeholder { color: #d9c8b5; opacity: .9; }
.footer-media__form input:focus-visible { outline: 2px solid #dfbb76; outline-offset: 2px; }
.footer-media__form button { align-items: center; background: transparent; border: 0; color: #dfbb76; cursor: pointer; display: inline-flex; flex: 0 0 44px; font-size: 25px; justify-content: center; min-height: 44px; }
.footer-media__form button:hover, .footer-media__form button:focus-visible { color: #fff; }
.footer-media__status { color: #f4e8dc; font-size: 12px; line-height: 1.5; margin: .7rem 0 0; }
.footer-media__copy { background: transparent; border: 1px solid rgba(223,187,118,.7); color: #f4e8dc; cursor: pointer; font: inherit; font-size: 11px; margin-top: .45rem; min-height: 40px; padding: .45rem .75rem; }
.footer-media__copy[hidden] { display: none; }
.footer-media__instagram { align-items: center; color: #dfbb76; display: inline-flex; justify-content: center; margin-top: .9rem; min-height: 44px; min-width: 44px; }
.footer-media__instagram svg { display: block; height: 22px; width: 22px; }
.footer-media__instagram:hover, .footer-media__instagram:focus-visible { color: #fff; }
.footer-media__sr-only { clip: rect(0,0,0,0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
@media (max-width: 900px) {
  .footer-media { grid-column: auto; }
}
@media (max-width: 640px) {
  .footer-grid > .footer-media { grid-column: 1 / -1; }
  .footer-media__form { width: 100%; }
  .footer-media__intro { max-width: 38ch; }
}

.footer-media__copy-fallback{display:block;width:100%;min-height:96px;background:transparent;color:#f4e8dc;border:1px solid rgba(223,187,118,.7);font-size:13px;padding:10px;resize:vertical;margin-top:12px}
@media(max-width:640px){.footer-media__form input,.footer-media__copy-fallback{font-size:16px}}
