/* EINHAR / V30 — Digital-first today, an open technological horizon.
   Increase the scale of purposeful imagery while protecting the editorial reading column. */
:root { color-scheme: dark; }
html,body,main { background:#000!important; }
.first-landscape {
  width:min(1140px,calc(100% - 100px))!important;
  max-width:none!important;
  margin-left:auto!important;margin-right:auto!important;
}
.first-landscape .film-frame {
  height:clamp(350px,43vw,558px)!important;
  border-radius:14px!important;
}
.first-landscape .film-frame img { object-fit:cover!important; object-position:center!important; }
/* This is one composed passage, not a card or a sidebar thumbnail. */
.paired-passage {
  width:min(1150px,calc(100% - 112px))!important;
  max-width:none!important;
  padding:0!important;
  margin:clamp(155px,15vw,210px) auto clamp(155px,14vw,205px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,440px) minmax(0,550px)!important;
  align-items:center!important;
  justify-content:space-between!important;
  column-gap:clamp(45px,6.5vw,100px)!important;
}
.paired-passage .paired-text { width:100%!important;max-width:440px!important; }
.paired-passage .leaf-inset {
  width:100%!important;max-width:550px!important;margin:0!important;
  align-self:center!important;border:0!important;border-radius:0!important;
  background:#000!important;overflow:visible!important;
}
.paired-passage .leaf-inset img {
  display:block;width:100%!important;max-width:none!important;height:auto!important;
  aspect-ratio:6/5!important;object-fit:contain!important;border-radius:0!important;
  filter:none!important;transform:none!important;opacity:1!important;
}
.paired-passage .leaf-inset::after {display:none!important;}
.globe-passage {
  max-width:1170px!important;
  column-gap:clamp(44px,7vw,104px)!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
}
.globe-art{max-width:590px!important;}
.globe-text { max-width:410px!important; }
/* Preserve the black canvas; a slightly enlarged research figure is useful only when opened. */
.wide-break {width:min(1080px,calc(100vw - 80px))!important;}
.living-plate {height:clamp(385px,37vw,470px)!important;}
@media(max-width:900px){
  .paired-passage {
    width:calc(100% - 74px)!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
    gap:30px!important;
  }
}
@media(max-width:760px){
  .first-landscape{width:calc(100% - 26px)!important;}
  .first-landscape .film-frame{height:clamp(300px,65vw,435px)!important;}
  .paired-passage{
    width:calc(100% - 48px)!important;
    margin:118px auto 135px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:35px!important;
  }
  .paired-passage .paired-text{max-width:100%!important;}
  .paired-passage .leaf-inset{max-width:min(100%,550px)!important;align-self:center!important;}
  .paired-passage .leaf-inset img{aspect-ratio:6/5!important;}
  .globe-passage{display:flex!important;flex-direction:column!important;gap:22px!important;}
  .globe-art{width:min(95vw,500px)!important;max-width:500px!important;align-self:center!important;}
  .globe-text{max-width:500px!important;}
  .wide-break{width:calc(100vw - 28px)!important;}
  .living-plate{height:clamp(325px,68vw,410px)!important;}
}
@media(prefers-reduced-motion:reduce){
  .first-landscape .film-frame img,.paired-passage .leaf-inset img {transition:none!important;}
}
