/* Capri Studio Films — Version 18
   Minimal spacing correction for the homepage Vertical Drama section.
   Banner change is limited to the first background film in index.html. */

@media (min-width:981px){
  .home-model .slate.slate-v11{
    min-height:900px;
    padding-top:clamp(4.75rem,6vw,6.5rem);
    padding-bottom:3rem;
  }
  .home-model .slate-v11-head{
    grid-template-columns:minmax(0,1fr) minmax(250px,320px);
    gap:clamp(2.5rem,5vw,6rem);
  }
  .home-model .slate-v11-headline{
    padding-top:.75rem;
  }
  .home-model .slate-v11-body{
    grid-template-columns:minmax(340px,.62fr) minmax(680px,1.38fr);
    align-items:center;
    gap:clamp(4.5rem,6vw,7.5rem);
    min-height:680px;
    margin-top:clamp(1.5rem,2.3vw,2.5rem);
  }
  .home-model .slate-v11-copy{
    max-width:440px;
    padding-right:1rem;
  }
  .home-model .slate-v11-copy h3{
    margin-top:.65rem;
    margin-bottom:1.1rem;
  }
  .home-model .slate-v11-copy>p{
    max-width:39ch;
  }
  .home-model .slate-v11-stage{
    min-height:680px;
    margin-left:1.5rem;
    margin-right:-4vw;
  }
  .home-model .slate-v11-poster{
    transform:
      translate(-50%,-50%)
      translateX(calc(var(--offset) * clamp(88px,9.2vw,154px)))
      translateZ(calc((4 - var(--distance)) * 14px))
      rotateY(calc(var(--offset) * -12deg))
      scale(calc(1 - var(--distance) * .085));
  }
  .home-model .slate-v11-footer{
    margin-top:.25rem;
  }
}

@media (min-width:981px) and (max-width:1180px){
  .home-model .slate-v11-body{
    grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);
    gap:2.75rem;
    min-height:660px;
  }
  .home-model .slate-v11-stage{
    min-height:660px;
    margin-inline:0;
  }
  .home-model .slate-v11-poster{
    width:clamp(180px,22vw,250px);
    transform:
      translate(-50%,-50%)
      translateX(calc(var(--offset) * clamp(78px,10vw,118px)))
      translateZ(calc((4 - var(--distance)) * 12px))
      rotateY(calc(var(--offset) * -11deg))
      scale(calc(1 - var(--distance) * .09));
  }
}

@media (max-width:980px){
  .home-model .slate-v11-body{
    gap:2rem;
    margin-top:2.25rem;
  }
  .home-model .slate-v11-copy{
    max-width:680px;
  }
}