/* ═══════════════════════════════════════════════════════════════
   FIND US: the brick wall, the details, the map behind a red window.
   ═══════════════════════════════════════════════════════════════ */
.find {
  background-color: var(--barn);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='64' viewBox='0 0 84 64'%3E%3Crect width='84' height='64' fill='%232B1810'/%3E%3Cg fill='%23382018'%3E%3Crect x='0' y='2' width='40' height='27'/%3E%3Crect x='44' y='2' width='40' height='27'/%3E%3Crect x='-20' y='34' width='40' height='27'/%3E%3Crect x='24' y='34' width='40' height='27'/%3E%3Crect x='68' y='34' width='40' height='27'/%3E%3C/g%3E%3C/svg%3E"),
    var(--grain);
  background-size: auto, var(--grain-size);
}

.find__grid { display: grid; gap: clamp(2.2rem, 5vw, 4rem); }
.find__grid > * { min-width: 0; }
.find .h-display { margin-bottom: .8rem; }
.find .lede { max-width: 40ch; }

.find__list { margin: 2rem 0; border-top: 1px solid var(--line-light); }
.find__list > div {
  display: grid; gap: .15rem;
  padding: .9rem .1rem;
  border-bottom: 1px solid var(--line-light);
}
.find__list dt {
  font-family: var(--font-cond);
  font-size: .82rem; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--gold);
}
.find__list dd { font-size: 1.05rem; color: var(--paper); }
.find__list dd a { transition: color var(--t) var(--ease); }
.find__list dd a:hover { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
@media (pointer: coarse) {
  .find__list dd a { display: inline-flex; align-items: center; min-height: 44px; }
}

.find__btns { display: flex; flex-wrap: wrap; gap: .75rem; }

.find__window { aspect-ratio: 4 / 3; width: 100%; }
.find__mapbox { position: relative; height: 100%; }
.find__mapbox iframe { width: 100%; height: 100%; border: 0; filter: saturate(.85) contrast(1.05); }
@media (min-width: 980px) {
  .find__grid { grid-template-columns: .95fr 1.05fr; align-items: center; }
  .find__window { min-height: 440px; }
}

/* Trading hours: two rows, then a live open or closed line (main.js) */
.find__hours { display: grid; gap: .2rem; max-width: 22rem; }
.find__hours li { display: flex; justify-content: space-between; gap: 1rem; }
.find__hours li span:last-child { font-variant-numeric: tabular-nums; }
.find__hours li:last-child { color: var(--paper-soft); }
.find__now {
  display: inline-flex; align-items: center; gap: .5rem;
  margin: .55rem 0 0;
  font-family: var(--font-cond);
  font-size: .95rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--paper);
}
.find__now[hidden] { display: none; }
.find__now::before {
  content: ''; flex: none;
  width: .6rem; height: .6rem; border-radius: 50%;
  background: var(--paper-soft);
}
.find__now.is-open::before { background: var(--uber); box-shadow: 0 0 0 3px rgba(6, 193, 103, .22); }
.find__now.is-closed::before { background: var(--red); }