@charset "UTF-8";
/* =======================================================================
   VISUAL LAB — PAGE-SPECIFIC STYLES (v1)
   Scoped to .page--visual-lab
======================================================================= */

.page--visual-lab .visual-lab {
  padding-top: var(--space-3);
  padding-bottom: var(--space-5);
}

.page--visual-lab .visual-lab-inner {
  margin: 0 auto;
}

/* =======================================================================
   VISUAL LAB HERO
======================================================================= */

.page--visual-lab .visual-lab-title {
  max-width: none;
  font-family: "MMcN TwoType Block", sans-serif;
  font-weight: 400;
}

.page--visual-lab .visual-exp img {
  display: block;
  width: 100%;
  height: auto;
}

/* 01 — thesis: narrower + long pause */
.page--visual-lab .visual-exp--grid {
  width: min(68vw, 880px);
  margin: var(--space-4) auto
          clamp(160px, 24vh, 320px);
}
/* Diptych block */
.page--visual-lab .visual-study {
  width: min(92vw, 1200px);
  margin: 0 auto clamp(140px, 18vh, 260px);
}

.page--visual-lab .visual-study-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 2vw, 40px);
}

/* Responsive */
@media (max-width: 800px) {
  .page--visual-lab .visual-exp--grid,
  .page--visual-lab .visual-study {
    width: 92vw;
  }

  .page--visual-lab .visual-study-grid {
    grid-template-columns: 1fr;
  }
}