/* IanTeam 2.5.1 — CINEMATIC FRAME RESTORE
   Restores the fuller, more photographic layouts of the pre-2.5 design.
   No blanket object-fit overrides. Photos are not replaced or reprocessed. */

/* Poster selection: keep the previous ambient-photo treatment, but give the
   vertical poster a column with a naturally closer aspect ratio. */
.experience-card{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  min-height:485px;
}
.experience-card .exp-visual-poster{
  position:relative;
  background:radial-gradient(ellipse at 50% 30%,#354052,#121826 70%);
  overflow:hidden;
}
.experience-card .exp-poster-stage{isolation:isolate}
.experience-card .exp-poster-backdrop{
  display:block;
  opacity:.72;
  filter:blur(37px) brightness(.47) saturate(.65);
  transform:scale(1.04);
}
.experience-card .exp-poster-photo{
  width:calc(100% - 12px);
  height:calc(100% - 14px);
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:saturate(.99);
}
.experience-card .exp-poster-stage::after{
  background:linear-gradient(90deg,rgba(8,11,19,.18),transparent 24%,transparent 76%,rgba(8,11,19,.18));
}
/* Tall character portraits: size the picture window to portrait proportions,
   instead of shrinking a portrait inside a large landscape box. */
.jade-cast-portrait{
  height:auto;
  aspect-ratio:3 / 4;
  overflow:hidden;
  background:#172333;
}
.jade-cast-portrait img{
  width:100%;height:100%;object-fit:cover;object-position:center 22%;
}
/* Preserve the original drama feel in small character tiles. */
.jade-mini img{object-fit:cover;object-position:center 22%}
/* Two-portrait opening is one balanced cinematic diptych. */
.jade-hero-portraits{height:clamp(375px,39vw,470px);min-height:0}
.jade-hero-portraits .jade-poster{height:100%;min-height:0}
.jade-hero-portraits .jade-poster>img{object-fit:cover;object-position:center 18%}
/* Restore photographic, not blank-matte, treatments on large reveal panels. */
.jade-mirror-photo img,.jade-join-visual>img,.jade-story-photo img,
.jade-duo-photo img{object-fit:cover;object-position:center 22%}
/* Keep emphasis on portrait faces in legacy character panels. */
.portrait img,.scene-portrait img,.result-portrait img,
.realm-card img,.duo-slot img,.form-visual img,
.frame-main img,.frame-back img,.scene-frame img,.art-frame img{
  object-fit:cover;object-position:center 22%;
}
@media(max-width:880px){
  .experience-card{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
}
@media(max-width:640px){
  .experience-card{display:flex;flex-direction:column;min-height:0}
  .experience-card .exp-visual-poster{min-height:0;height:405px}
  .experience-card .exp-poster-photo{width:calc(100% - 10px);height:calc(100% - 10px)}
  .jade-hero-portraits{height:clamp(285px,84vw,395px)}
}
@media(max-width:390px){
  .experience-card .exp-visual-poster{height:345px}
}