.operational-stores {
  --store-accent: #eccb80;
  --store-rule: #bc9b56;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "photo single" "photo multi" "photo conclusion";
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
  gap: 0 clamp(28px, 4vw, 60px);
  width: min(1440px, calc(100% - 48px));
  margin: clamp(52px, 6vw, 96px) auto 0;
  padding: clamp(22px, 3.5vw, 54px);
  border-block: 1px solid var(--store-rule);
  background: radial-gradient(ellipse at 90% 5%, #124c3d, transparent 65%), #052d24;
  color: #f7f1e4;
  font: 400 clamp(18px, 1.4vw, 21px)/1.6 var(--op-sans);
  scroll-margin-block-start: 28px;
}
.operational-stores > * { min-width: 0; }
.operational-stores p { margin: 0; }
.operational-stores > .stores-photo {
  grid-area: photo;
  align-self: stretch;
  min-height: 360px;
  border: 1px solid #9d8c5c;
  background-image: linear-gradient(to top, #04251f 0%, rgba(4, 37, 31, .9) 21%, rgba(4, 37, 31, .48) 53%, transparent 82%), url("/assets/stores-peer-review.jpg");
  background-position: center, 50% 40%;
  background-size: cover;
}
.operational-stores > .stores-opening {
  grid-area: photo;
  align-self: end;
  z-index: 1;
  padding: clamp(24px, 3.4vw, 52px);
}
.operational-stores > .stores-opening h2 {
  margin: 0;
  color: inherit;
  font: 600 clamp(41px, 4.1vw, 66px)/1.04 var(--op-serif);
  letter-spacing: -.045em;
}
.stores-opening h2 span { display: block; color: var(--store-accent); }
.operational-stores > .stores-opening p {
  max-width: 38ch;
  margin-top: 1.1em;
  color: #eee8da;
  text-wrap: balance;
}
.operational-stores > .stores-scale { padding-block: 1.2em; }
.operational-stores > .stores-single { grid-area: single; padding-top: .2em; }
.operational-stores > .stores-multi { grid-area: multi; border-top: 1px solid #6d8068; }
.stores-scale p + p { margin-top: 1em; }
.operational-stores > .stores-conclusion {
  grid-area: conclusion;
  padding-top: 1.2em;
  border-top: 3px double var(--store-rule);
}
.stores-conclusion p:first-child { margin-bottom: .6em; }
.stores-conclusion p:last-child {
  font: 400 clamp(24px, 2.2vw, 34px)/1.34 var(--op-serif);
  letter-spacing: -.018em;
  text-wrap: pretty;
}
.stores-conclusion strong { color: var(--store-accent); font-weight: 600; }

@media (max-width: 860px) {
  .operational-stores {
    grid-template-areas: "photo photo" "single multi" "conclusion conclusion";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .operational-stores > .stores-photo { min-height: 300px; }
  .operational-stores > .stores-scale { padding-block: 1.3em; border-top: none; }
}
@media (max-width: 620px) {
  .operational-stores {
    grid-template-areas: "photo" "single" "multi" "conclusion";
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 24px);
    scroll-margin-block-start: 14px;
  }
  .operational-stores > .stores-photo { min-height: 360px; }
  .operational-stores > .stores-opening { padding: 18px; }
  .operational-stores > .stores-opening h2 { font-size: clamp(35px, 9.6vw, 46px); }
  .operational-stores > .stores-multi { border-top: 1px solid #6d8068; }
}