.about-section--photos { padding: 0; }
.home-page .about-transition {
  background: linear-gradient(to bottom, var(--background-color) 0 50%, transparent 50% 100%);
  margin-bottom: -82px;
  z-index: 1;
  pointer-events: none;
}
.home-page .about-transition-trigger { pointer-events: auto; }
.about-section--photos .about-inner {
  align-items: stretch;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) min(48%, 80svh);
  max-width: none;
  width: 100%;
}
.about-information { align-self: center; min-width: 0; padding: clamp(40px, 5vw, 80px); }
.about-section--photos .about-copy h2 { font-size: clamp(3rem, 5.5vw, 5.5rem); line-height: .94; }
.about-section--photos .about-details { border: 0; margin-top: 38px; padding: 38px 0 0; }
.about-section--photos .hours-divider { display: block; top: 0; left: 0; width: 100%; height: 18px; transform: none; }
.about-section--photos .about-details-content { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; }
.about-detail-column { display: grid; grid-row: span 2; grid-template-rows: subgrid; min-width: 0; }
.about-detail-label { font: 300 clamp(1.1rem, 1.5vw, 1.4rem)/1.2 "Sweet Boys Pretender Light", sans-serif; letter-spacing: .04em; margin: 0; }
.about-address { display: grid; align-content: start; gap: .48rem; }
.about-address { color: inherit; text-decoration: none; }
.about-address:hover { text-decoration: underline; text-underline-offset: 3px; }
.about-address:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 400px) {
  .about-section--photos .about-details-content { gap: 14px 16px; font-size: .58rem; letter-spacing: .025em; }
}
.about-photo-panel { min-height: 100svh; position: relative; }
.about-exterior { display: block; height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.about-photo-panel .instax-photo {
  --instax-width: clamp(140px, 14vw, 220px);
  --instax-rotation: -7deg;
  bottom: 32px;
  left: -32px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 900px) {
  .about-section--photos { min-height: 0; }
  .about-section--photos .about-inner { grid-template-columns: minmax(0, 1fr); }
  .about-information { padding: 48px 24px 40px; }
  .about-section--photos .about-copy h2 { font-size: clamp(2.6rem, 11vw, 3.3rem); }
  .about-photo-panel { min-height: 0; }
  /* An in-flow image gives Safari a real grid-row height before lazy loading. */
  .about-photo-panel .about-exterior { position: static; height: auto; aspect-ratio: 4 / 5; }
  .about-photo-panel .instax-photo { --instax-width: clamp(120px, 34vw, 200px); bottom: 20px; left: 20px; }
}
@media (max-width: 640px) and (orientation: portrait) {
  .home-page .about-transition { margin-bottom: -75px; }
}