/* v56: correct horizontal edge label and separate imagery from destination copy. */

/* The shared base stylesheet applies vertical writing to summary spans. Undo it for every part of this approved button. */
html body main details.join-explore > summary .join-tab-copy,
html body main details.join-explore > summary .join-tab-copy span {
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform-origin:center!important;
}
html body main details.join-explore > summary .join-tab-copy span {
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  letter-spacing:inherit!important;
  font:inherit!important;
  transform:none!important;
}

/* Reimagine the four destinations as editorial split cards: full image, then uninterrupted copy. */
.vision-doorway-grid {
  grid-template-columns:1fr!important;
  gap:18px!important;
  border:0!important;
  background:transparent!important;
}
.vision-doorway {
  display:grid!important;
  grid-template-columns:minmax(330px, .78fr) minmax(0, 1.22fr)!important;
  grid-template-rows:1fr!important;
  gap:0!important;
  min-height:390px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(213,170,88,.82)!important;
  background:#123b49!important;
}
.vision-doorway::before {display:none!important}
.doorway-media {
  position:relative!important;
  z-index:1!important;
  display:block!important;
  min-height:390px!important;
  overflow:hidden!important;
  background:#0b2c38!important;
  border-right:1px solid rgba(213,170,88,.7)!important;
}
.doorway-media::before,
.doorway-media::after {
  position:absolute;
  inset:0;
  content:"";
  background-image:var(--doorway-image);
  background-position:center;
  background-repeat:no-repeat;
}
.doorway-media::before {
  inset:-18px;
  background-size:cover;
  filter:blur(13px) saturate(.72) brightness(.54);
  opacity:.72;
}
.doorway-media::after {background-size:contain}
.mission-media {--doorway-image:url('/thank-you-mission-clean.webp')}
.center-media {--doorway-image:url('/thank-you-center-clean.webp')}
.org-media {--doorway-image:url('/thank-you-org-pathways.webp')}
.book-media {--doorway-image:url('/thank-you-book-author-clean.webp')}
.doorway-copy {
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:clamp(34px,4.2vw,66px)!important;
  background:#123b49!important;
}
.doorway-top {
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:28px!important;
}
.vision-doorway .doorway-kicker,
.vision-doorway .doorway-number {position:static!important;display:block!important;grid-column:auto!important;grid-row:auto!important}
.vision-doorway h3 {margin:clamp(30px,4vw,54px) 0 18px!important;font-size:clamp(38px,4vw,64px)!important}
.vision-doorway p {margin:0!important;max-width:800px!important;font-size:clamp(17px,1.3vw,22px)!important}
.vision-doorway strong {margin-top:auto!important;padding-top:32px!important;border-top:1px solid rgba(242,195,95,.42)!important}
.vision-doorway:hover {transform:translateY(-3px)!important;background:#123b49!important}

/* Full-bleed Book art on the Thank You page, with the source composition centered so the complete cover stays inside the tile. */
.book-card .card-image {
  background-color:#062634!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

@media(max-width:850px) {
  .vision-doorway {grid-template-columns:1fr!important}
  .doorway-media {min-height:clamp(260px,66vw,440px)!important;border-right:0!important;border-bottom:1px solid rgba(213,170,88,.7)!important}
  .doorway-copy {min-height:360px!important}
}

@media(max-width:620px) {
  .vision-doorway {min-height:0!important}
  .doorway-copy {min-height:330px!important;padding:30px 25px!important}
  .vision-doorway h3 {margin-top:30px!important;font-size:clamp(34px,10vw,48px)!important}
  .vision-doorway .doorway-kicker {font-size:10px!important;letter-spacing:.13em!important}
  .book-card .card-image {background-size:cover!important;background-position:center center!important}
}