.about-grid { grid-template-columns: minmax(300px, 475px) 1fr; }
@media (max-width: 760px) { .about-grid { grid-template-columns: 1fr; } }
.about { padding-bottom: clamp(40px, 6vh, 56px); }
.areas { padding-top: clamp(32px, 5vh, 48px); padding-bottom: clamp(40px, 6vh, 56px); }
.doors { background: var(--paper-deep); border-bottom: 1px solid var(--hairline); }
.door-arrow { color: var(--brick); }
.door:hover { background: var(--paper); }
.tour-grid { gap: 28px 24px; background: none; border: 0; }
.tour { background: none; }
.tour-frame { aspect-ratio: 16 / 10; background: var(--paper-deep); }
.tour-copy { border-top: 1px solid var(--ink); margin-top: 14px; padding: 14px 0 0; }
.tour-copy span { font: 400 17px/1.4 var(--serif-text); }
.tour-copy small { margin-top: 2px; font: 400 14px/1.5 var(--sans); letter-spacing: 0; text-transform: none; }
.tour:hover .tour-copy { border-color: var(--brick); }
.tour:hover .tour-copy span { color: var(--brick); }
@media (max-width: 640px) {
  html { scroll-padding-top: 160px; }
  .site-header { padding-block: 10px; row-gap: 2px; }
  .site-header nav { gap: 0 12px; }
  .site-header nav a { padding: 5px 0; font-size: 12px; }
}