/* Shared translucent section for regional pages; preserves existing layout. */
.content-band.regional-dark, .content-band.area-process {
  background: rgba(18, 15, 13, .7);
  color: #fff;
}
:is(.regional-dark, .area-process) .kicker { color: #d6b685; }
:is(.regional-dark, .area-process) .text-stack { color: rgba(255, 255, 255, .85); }
:is(.regional-dark, .area-process) a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
:is(.regional-dark, .area-process) a:hover { color: #fff; }
:is(.regional-dark, .area-process) a:focus-visible { outline: 2px solid #d6b685; outline-offset: 4px; }
@media (min-width: 901px) and (min-height: 600px) {
  .content-band.regional-dark, .content-band.area-process { min-height: max(760px, 90vh); align-items: start; }
  :is(.regional-dark, .area-process) > div:first-child {
    position: sticky;
    top: 100px;
    align-self: start;
  }
}
.has-large-text :is(.regional-dark, .area-process) > div:first-child { position: static; }
.has-large-text :is(.regional-dark, .area-process) { min-height: auto; }
.regional-kitchens--replacement .regional-kitchens__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.regional-kitchens--replacement img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
@media (max-width: 650px) { .regional-kitchens--replacement .regional-kitchens__grid { grid-template-columns: 1fr; } }