/* Explore Our Worlds — let the six original 16:9 videos lead.
   Desktop: slightly wider cards, compact bottom title and arrow only.
   Underlying descriptions remain in HTML for screen readers and SEO.
   No changes to MP4 sources, click destinations, sound or animations. */
@media (min-width:1200px){
 body.compass-worlds-page main.cw-page .cw-container{max-width:1540px!important}
 body.compass-worlds-page main.cw-page .cw-grid{
  width:min(100%,1490px,calc(225dvh - 540px))!important;
  max-width:1490px!important;
 }
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated{
  aspect-ratio:16/9!important;overflow:hidden!important;
 }
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated>.cw-content{
  position:absolute!important;
  inset:auto 0 0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  flex-wrap:nowrap!important;justify-content:space-between!important;
  min-height:0!important;gap:8px!important;
  padding:29px 12px 9px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(3,6,23,.66) 38%,rgba(3,6,23,.93) 100%)!important;
  pointer-events:none!important;
 }
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-content h2{
  flex:1 1 auto!important;min-width:0!important;
  margin:0!important;font-size:clamp(15px,1.4vw,20px)!important;
  line-height:1.13!important;
  text-wrap:balance!important;
 }
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-content .cw-action{
  flex:0 0 33px!important;width:33px!important;min-width:33px!important;
  height:33px!important;min-height:33px!important;
  padding:2px!important;margin:0!important;
  border-radius:9px!important;font-size:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(45,67,106,.72)!important;
 }
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-content .cw-arrow{
  flex:0 0 27px!important;width:27px!important;min-width:27px!important;height:27px!important;
  font-size:17px!important;
 }
}
/* Descriptive copy is accessible to readers but no longer sits over half
   the moving artwork. The anchor aria-label still names the destination. */
body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-content .cw-tag,
body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-content p{
 position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
 clip-path:inset(50%)!important;white-space:nowrap!important;
 border:0!important;padding:0!important;margin:-1px!important;
}
@media (min-width:581px) and (max-width:1199px){
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated>.cw-content{
  padding-top:8px!important;padding-bottom:9px!important;
 }
}
@media(max-width:580px){
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card.cw-world-animated>.cw-content{
  padding-top:8px!important;padding-bottom:8px!important;
 }
}

/* Titles only on all six cinematic cards.
   The entire card remains the native clickable link with its original href
   and aria-label; no effects, media, button handlers, or functions changed. */
body.compass-worlds-page main.cw-page .cw-grid > a.cw-card.cw-world-animated > .cw-content .cw-action{
 display:none!important;
}
body.compass-worlds-page main.cw-page .cw-grid > a.cw-card.cw-world-animated > .cw-content .cw-tag,
body.compass-worlds-page main.cw-page .cw-grid > a.cw-card.cw-world-animated > .cw-content p{
 display:none!important;
}
@media (min-width:1200px){
 body.compass-worlds-page main.cw-page .cw-grid > a.cw-card.cw-world-animated > .cw-content{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-end!important;gap:0!important;flex-wrap:nowrap!important;
  padding:32px 13px 11px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(3,6,23,.34) 47%,rgba(3,6,23,.84) 100%)!important;
 }
 body.compass-worlds-page main.cw-page .cw-grid > a.cw-card.cw-world-animated > .cw-content h2{
  flex:initial!important;max-width:100%!important;width:auto!important;margin:0!important;
  font-size:clamp(16px,1.45vw,21px)!important;line-height:1.18!important;
 }
}