/* MODELROOM: FV and ten-photo fade gallery */
.modelroom-page .mr-fv{position:relative;height:100vh;height:100svh;overflow:hidden;background:#b9b4aa;line-height:0}
.mr-fv__photo,.mr-fv__photo img{display:block;width:100%;height:100%}
.mr-fv__photo img{object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);filter:blur(8px);animation:fvImgShow 2s cubic-bezier(.22,.61,.36,1) forwards}
.mr-fv__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(800px,90%);margin:0;padding:0;line-height:0;opacity:0;filter:blur(8px);animation:fvTitleShow 1.6s cubic-bezier(.22,.61,.36,1) .9s forwards}
.mr-fv__title picture,.mr-fv__title img{display:block;width:100%;height:auto}
.mr-fv__note{position:absolute;right:12px;bottom:8px;max-width:calc(100% - 24px);margin:0;color:#fff;font:12px/1.5 Arial,sans-serif;letter-spacing:.02em;text-align:right;text-shadow:0 1px 4px #333}
.mr-gallery{width:min(1080px,calc(100% - 80px));margin:160px auto 170px}
.mr-gallery__stage{position:relative;aspect-ratio:3/2;background:#ece9e5;isolation:isolate}
.mr-gallery__slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 2s ease;pointer-events:none}
.mr-gallery__slide.is-active{opacity:1;z-index:1}
.mr-gallery__buttons{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:94%;margin:40px auto 0}
.mr-gallery__button{display:block;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;appearance:none;line-height:0}
.mr-gallery__button img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.mr-gallery__button:focus-visible{outline:2px solid #003678;outline-offset:4px}
.mr-gallery__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){
  .mr-fv__title{width:100%}
  .mr-fv__note{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));font-size:9px}
  .mr-gallery{width:calc(100% - 32px);margin:70px auto 80px}
  .mr-gallery__buttons{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.mr-gallery__slide{transition:none}.mr-fv__photo img,.mr-fv__title{animation:none;opacity:1;filter:none}.mr-fv__photo img{transform:none}}

/* Previous / next controls stay above the fading photos. */
.mr-gallery__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:56px;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.3);color:#fff;transform:translateY(-50%);cursor:pointer;appearance:none}
.mr-gallery__prev{left:0}
.mr-gallery__next{right:0}
.mr-gallery__arrow::before{content:"";width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.mr-gallery__prev::before{transform:rotate(-135deg)}
.mr-gallery__arrow:hover{background:rgba(0,0,0,.5)}
.mr-gallery__arrow:focus-visible{outline:2px solid #fff;outline-offset:-4px}

/* View note below the slider thumbnails. */
.modelroom-page .mr-gallery .mr-gallery__note{
  margin:20px 0 0 !important;
  font-size:12px;
  line-height:1.8;
  text-align:left;
}
@media screen and (max-width:767px){
  .modelroom-page .mr-gallery .mr-gallery__note{font-size:10px;}
}
