/* v58: authoritative, full-bleed destination imagery with predictable cropping. */
.vision-doorway-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

.vision-doorway {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

.doorway-media {
  display:block!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:9 / 4!important;
  flex:0 0 auto!important;
  border-right:0!important;
  border-bottom:1px solid rgba(213,170,88,.7)!important;
  background-color:#0b2c38!important;
  background-image:var(--doorway-image)!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

.doorway-media::before,
.doorway-media::after {
  display:none!important;
  content:none!important;
}

.mission-media {--doorway-image:url('/destination-mission-authoritative-v58.webp')}
.center-media {--doorway-image:url('/destination-center-authoritative-v58.webp')}
.org-media {--doorway-image:url('/destination-starfish-org-authoritative-v58.webp')}
.book-media {--doorway-image:url('/destination-book-authoritative-v58.webp')}

.doorway-copy {
  flex:1 1 auto!important;
  min-height:360px!important;
  padding:clamp(30px,3.2vw,50px)!important;
}

.vision-doorway h3 {
  margin:clamp(24px,3vw,38px) 0 16px!important;
  font-size:clamp(34px,3.2vw,52px)!important;
}

@media(max-width:980px) {
  .vision-doorway-grid {grid-template-columns:1fr!important}
  .doorway-copy {min-height:320px!important}
}

@media(max-width:620px) {
  .doorway-media {aspect-ratio:9 / 4!important}
  .doorway-copy {min-height:300px!important}
}