/* Keep the laboratory readout in document flow, never over the statue. */
@media(min-width:801px){
  .plate{grid-template-columns:minmax(0,1fr) minmax(240px,360px) minmax(0,1fr);gap:28px}
  .plate .col.right{text-align:left}
}
@media(min-width:1101px){
  .hero:has(.lab-readout){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;column-gap:40px;row-gap:24px;min-height:0;padding-top:140px;padding-bottom:72px}
  .hero:has(.lab-readout) h1{font-size:clamp(2.25rem,3.7vw,3.5rem);line-height:1.12}
  .hero:has(.lab-readout) .hero-copy{grid-column:1;grid-row:1 / 3;align-self:center;min-width:0}
  .hero:has(.lab-readout) .hero-figure{grid-column:2;grid-row:1;position:relative;height:420px;min-height:0;width:100%;margin:0;align-self:start}
  .hero:has(.lab-readout) .statue-wrap{height:100%;width:100%}
  .hero:has(.lab-readout) .statue{max-height:100%;max-width:100%;width:auto;object-fit:contain}
  .hero .lab-readout{grid-column:2;grid-row:2;position:relative;inset:auto;width:100%;max-width:500px;justify-self:center;margin:0;padding:20px 24px;box-sizing:border-box}
  .hero .lab-value{font-size:36px;margin:6px 0 12px}
  .hero .lab-explanation{margin-top:10px;line-height:1.5}
  .hero .lab-link{margin-top:10px}
}