.page-lab main {
  padding-top: var(--hero-clearance);
  min-height: 70vh;
}

.lab-banner {
  background: #f4efe4;
  border-bottom: 1px solid rgba(10, 37, 64, 0.08);
}

.lab-banner p {
  margin: 0;
  padding: 0.85rem 0;
  font-size: 0.92rem;
  color: var(--gray-600);
}

.lab-canvas {
  padding-block: 0 5rem;
  background:
    radial-gradient(720px 320px at 0% 0%, rgba(26, 111, 212, 0.22), transparent 70%),
    radial-gradient(640px 280px at 100% 8%, rgba(20, 84, 160, 0.1), transparent 68%),
    #f3f7fc;
}

.lab-hero {
  position: relative;
  margin: 0 0 2.25rem;
}

.lab-hero img {
  display: block;
  width: 100%;
  height: clamp(220px, 36vw, 440px);
  object-fit: cover;
  object-position: center 38%;
}

.lab-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, #f3f7fc);
  pointer-events: none;
}

.lab-canvas h1 {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

.lab-canvas .section-lead {
  max-width: 40rem;
}

@media (max-width: 700px) {
  .lab-hero img {
    height: 210px;
  }
}

@media print {
  .lab-hero {
    display: none !important;
  }
}