/* RC99 — mobile integrity + story navigation fixes */

/* Homepage portrait: never scale the image box itself. */
@media(max-width:760px){
  body.rc60-home .rc60-hero-media{
    overflow:hidden !important;
  }
  body.rc60-home .rc60-hero-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:50% 10% !important;
    transform:none !important;
  }
}
@media(max-width:430px){
  body.rc60-home .rc60-hero-media img{
    object-position:50% 8% !important;
    transform:none !important;
  }
}

/* One consistent previous / all / next system on every story. */
.story-pagination--unified{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 !important;
  padding:32px clamp(24px,6vw,90px) !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  background:#030b13 !important;
  color:#f5f1e9 !important;
  box-sizing:border-box !important;
}
.story-pagination--unified a{
  color:#6f9dff !important;
  text-decoration:none !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
.story-pagination--unified .story-all-link{
  text-align:center !important;
}
.story-pagination--unified .story-next-link{
  text-align:right !important;
}
.story-pagination--unified .story-pagination-empty{
  display:block !important;
}

@media(max-width:700px){
  .story-pagination--unified{
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding:28px 24px 34px !important;
    text-align:center !important;
  }
  .story-pagination--unified a,
  .story-pagination--unified .story-all-link,
  .story-pagination--unified .story-next-link{
    text-align:center !important;
    font-size:11px !important;
  }
  .story-pagination--unified .story-pagination-empty{
    display:none !important;
  }
}

/* Sphere Moon process: keep every stage image bounded and every caption visible. */
@media(max-width:640px){
  .rc83-moon-process,
  .rc83-moon-process__grid{
    overflow:visible !important;
  }
  .rc83-moon-stage{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .rc83-lroc-mosaic,
  .rc84-moon-reference,
  .rc83-moon-visual,
  .rc83-moon-final{
    display:grid !important;
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;
    overflow:hidden !important;
    flex:none !important;
  }
  .rc83-lroc-mosaic{
    grid-template-columns:1.25fr .75fr !important;
    grid-template-rows:1fr 1fr !important;
  }
  .rc83-lroc-mosaic img{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:270px !important;
    object-fit:cover !important;
  }
  .rc83-lroc-mosaic img:first-child{
    grid-row:1 / 3 !important;
  }
  .rc83-moon-stage__copy{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:24px 22px 28px !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    background:#07131f !important;
  }
  .rc83-moon-stage__copy > span,
  .rc83-moon-stage__copy h3,
  .rc83-moon-stage__copy b,
  .rc83-moon-stage__copy p{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .rc83-moon-stage__copy > span{
    margin-bottom:18px !important;
  }
}

/* Authentic gallery crops: detail for Leaded Light, scale for SunStar. */
.canvas-work-card img[src*="leaded-light-authentic-rc99"]{
  object-position:center center !important;
}
.canvas-work-card img[src*="sunstar-authentic-rc99"]{
  object-position:center center !important;
}