/* Keep the full subjects visible instead of clipping them to the panels. */
.hero-image::before{
  content:"";
  position:absolute;
  inset:-20px;
  background:url("assets/cilindro-realista-v17.png") center/cover no-repeat;
  filter:blur(22px) brightness(.48);
  transform:scale(1.04);
}
.hero-image>img{
  z-index:1;
  object-fit:contain;
  object-position:center;
  background:transparent;
}
.hero-image figcaption{min-height:52px;align-items:center}
.hero-image figcaption span:last-child{max-width:360px}
.study-graphic{background:radial-gradient(circle at center,#304b4d,#102b30 75%)}
.study-graphic>.study-scene{
  object-fit:contain;
  object-position:center;
  background:transparent;
  transform:none;
}
.study-visual[data-stage="0"] .study-graphic>.scene-0,
.study-visual[data-stage="1"] .study-graphic>.scene-1,
.study-visual[data-stage="2"] .study-graphic>.scene-2,
.study-visual[data-stage="3"] .study-graphic>.scene-3{transform:none}
.study-visual[data-stage="3"] .study-graphic>.scene-3{object-position:center}
.pane-art-photo,.pane-art-drawing,.pane-art-hydraulic{
  background:radial-gradient(circle at center,#304b4d,#102b30 75%);
}
.pane-art-photo img,.pane-art-drawing img,.pane-art-hydraulic img{
  object-fit:contain;
  object-position:center;
}

/* The long surname must fit inside its panel at every breakpoint. */
.person-grid,.person-signature{min-width:0}
.person-signature strong{
  font-size:clamp(34px,3.6vw,64px);
  line-height:.98;
  letter-spacing:-.07em;
  white-space:nowrap;
}
@media(max-width:900px){
  .person-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  .person-signature{min-height:360px}
  .person-signature strong{font-size:clamp(40px,6.5vw,68px)}
  .person-copy{padding-top:44px}
}
@media(max-width:680px){
  .hero-image figcaption{min-height:48px}
  .hero-image>img{height:calc(100% - 48px)}
  .person-signature{min-height:350px;padding:22px}
  .person-signature strong{font-size:clamp(40px,8vw,58px)}
}