/* Compact project information and keep the Mihnora preview at its native ratio. */
@media (max-width:900px) and (orientation:portrait){
  .immersion-scene,.immersion-scene.is-active{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
    align-content:center;
    align-items:start;
    row-gap:22px;
    padding:74px 20px 76px;
  }
  .immersion-card{
    position:relative;
    inset:auto;
    justify-self:center;
    width:min(100%,520px);
    height:auto;
    margin:0;
    transform:translate3d(calc(var(--scene-distance)*112vw),calc(var(--scene-abs)*2vh),calc(var(--scene-abs)*-160px)) rotateY(calc(var(--scene-distance)*-11deg)) rotateZ(calc(var(--scene-distance)*-3deg)) scale(calc(1 - var(--scene-abs)*.06));
  }
  .immersion-project-title{
    position:relative;
    inset:auto;
    min-width:0;
    margin:0;
    gap:2px;
  }
  .immersion-project-meta{
    position:relative;
    inset:auto;
    width:auto;
    min-width:0;
    margin:0;
    padding-top:16px;
  }
}
@media (max-width:900px){
  #work .immersion-card[href="https://mihnora.com/"]{
    height:auto;
    aspect-ratio:1250/590;
  }
  #work .immersion-card[href="https://mihnora.com/"] .immersion-media>img{
    object-fit:contain;
    object-position:center;
    transform:none;
    animation:none!important;
    filter:none;
  }
  .immersion-card-index,.immersion-card-live{display:none}
}
@media (max-width:900px) and (orientation:portrait) and (max-height:680px){
  .immersion-scene,.immersion-scene.is-active{row-gap:16px;padding-top:64px;padding-bottom:66px}
  .immersion-card{max-width:min(100%,48dvh)}
  .immersion-project-title span,.immersion-project-title em{font-size:clamp(34px,10.5vw,42px)}
  .immersion-project-meta{padding-top:12px;font-size:12px;gap:8px}
}