.lab-page { --lab-columns: minmax(0, 1fr) minmax(0, 1.55fr); --lab-gap: 64px; }
.lab-hero { padding-block: 24px 40px; }
.lab-back { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; font-size: 12px; text-decoration: none; }
.lab-back:hover { text-decoration: underline; }
.lab-hero-layout, .lab-section-layout { display: grid; grid-template-columns: var(--lab-columns); gap: var(--lab-gap); }
.lab-hero-layout { align-items: center; margin-top: 24px; }
.lab-hero h1 { margin-top: 22px; font-size: clamp(52px, 5.1vw, 76px); line-height: 1.02; letter-spacing: -.055em; }
.lab-hero h1 .serif-word { white-space: nowrap; }
.lab-introduction { max-width: 660px; }
.lab-lead { font-size: 26px; line-height: 1.35; letter-spacing: -.025em; }
.lab-introduction > p + p { margin-top: 16px; max-width: 540px; font-size: 15px; line-height: 1.7; }
.lab-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; }
.lab-actions .button { margin-top: 0; gap: 24px; }
.lab-inline-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; font-size: 12px; text-decoration: none; }
.lab-inline-link:hover { text-decoration: underline; }
.lab-introduction .lab-availability { margin-top: 18px; font-family: var(--mono); font-size: 10px; line-height: 1.6; }
.lab-workflow { padding-block: 36px 40px; background: var(--ink); color: var(--paper); }
.lab-section-heading .eyebrow { margin-bottom: 14px; }
.lab-section-heading h2 { font-size: 32px; line-height: 1.12; letter-spacing: -.035em; }
.lab-workflow .lab-section-heading { display: grid; grid-template-columns: var(--lab-columns); gap: var(--lab-gap); align-items: baseline; padding-bottom: 28px; }
.lab-workflow .lab-section-heading .eyebrow { margin-bottom: 0; }
.lab-workflow .lab-section-heading h2 { max-width: 550px; }
.lab-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; border-top: 1px solid var(--dark-line); padding-top: 28px; }
.lab-stage-purpose { font-family: var(--mono); text-transform: uppercase; font-size: 9px; line-height: 1.6; letter-spacing: .05em; }
.lab-stages h3 { margin-top: 12px; font-size: 47px; line-height: 1.1; }
.lab-stages h3 span { color: #ef9c87; }
.lab-stages article > p:last-child { margin-top: 16px; max-width: 340px; font-size: 14px; line-height: 1.7; }
.lab-tools { padding-block: 36px; }
.lab-tools-heading { display: grid; grid-template-columns: var(--lab-columns); gap: var(--lab-gap); align-items: baseline; padding-bottom: 26px; }
.lab-tools-heading .eyebrow { margin-bottom: 0; }
.lab-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; }
.lab-tool-grid article { padding-block: 22px 24px; border-top: 1px solid var(--line); }
.lab-tool-grid h3 { font-size: 21px; line-height: 1.25; letter-spacing: -.025em; }
.lab-tool-grid p { margin-top: 12px; max-width: 360px; font-size: 14px; line-height: 1.7; }
.lab-originals-note { border-top: 1px solid var(--line); padding-top: 20px; font-size: 14px; line-height: 1.7; }
.lab-interest { padding-block: 36px; background: var(--ink); color: var(--paper); }
.lab-interest .lab-section-layout { align-items: center; }
.lab-interest-copy { max-width: 620px; }
.lab-interest-copy > p:first-child { font-size: 21px; line-height: 1.4; letter-spacing: -.02em; max-width: 540px; }
.lab-email { display: inline-flex; align-items: center; gap: 28px; min-height: 44px; margin-top: 18px; padding-bottom: 6px; border-bottom: 1px solid #bd8b6b; font-size: 16px; text-decoration: none; }
.lab-email span, .lab-email:hover { color: #ef9c87; }
.lab-release-note { margin-top: 16px; max-width: 520px; font-size: 12px; line-height: 1.7; }
.lab-interest a:focus-visible, .lab-workflow a:focus-visible { outline-color: var(--paper); }
.lab-page .site-footer { border: 0; }

@media (max-width: 1100px) {
  .lab-page { --lab-gap: 40px; }
  .lab-hero h1 { font-size: clamp(49px, 5.5vw, 61px); }
  .lab-stages { gap: 28px; }
  .lab-stages h3 { font-size: 41px; }
  .lab-section-heading h2 { font-size: 29px; }
  .lab-tool-grid { gap: 0 28px; }
}

@media (max-width: 900px) {
  .lab-page { --lab-columns: minmax(0, 1fr); --lab-gap: 24px; }
  .lab-hero-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
  .lab-hero h1 { font-size: 48px; }
  .lab-lead { font-size: 24px; }
  .lab-introduction > p + p { font-size: 14px; }
  .lab-workflow .lab-section-heading { gap: 12px; }
  .lab-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lab-tools-heading { gap: 12px; }
}

@media (max-width: 760px) {
  .lab-hero { padding-block: 20px 28px; }
  .lab-hero-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 20px; }
  .lab-hero h1 { font-size: clamp(46px, 10.5vw, 64px); margin-top: 18px; }
  .lab-introduction > p + p { font-size: 13px; margin-top: 12px; }
  .lab-actions { margin-top: 18px; gap: 8px 20px; }
  .lab-actions .button { min-height: 48px; padding: 14px 16px; }
  .lab-workflow, .lab-tools, .lab-interest { padding-block: 28px; }
  .lab-workflow .lab-section-heading { padding-bottom: 22px; }
  .lab-stages { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 0; }
  .lab-stages article { padding-block: 22px; border-bottom: 1px solid var(--dark-line); }
  .lab-stages article:last-child { padding-bottom: 0; border-bottom: 0; }
  .lab-stages h3 { margin-top: 8px; font-size: 39px; }
  .lab-stages article > p:last-child { max-width: 100%; margin-top: 12px; font-size: 13px; }
  .lab-tool-grid { grid-template-columns: minmax(0, 1fr); }
  .lab-tool-grid article { padding-block: 20px; }
  .lab-tool-grid p { max-width: 100%; font-size: 13px; margin-top: 10px; }
  .lab-tools-heading { padding-bottom: 22px; }
  .lab-originals-note { font-size: 13px; }
  .lab-section-heading .eyebrow { margin-bottom: 12px; }
  .lab-interest-copy > p:first-child { font-size: 21px; }
}

@media (max-width: 370px) {
  .lab-hero h1 { font-size: 42px; }
  .lab-hero h1 .serif-word { white-space: normal; }
  .lab-email { gap: 20px; font-size: 15px; }
}