/* AVBB — larger portfolio frames. Copyright 2026 A Visual By Benji Ltd.
   Scoped to /portfolio: preserve every film, deck animation and phone layout. */
@media (min-width:681px) {
  /* A restrained frame, using the existing AVBB ink/cream rather than white mats. */
  #photography .portfolio-sample,
  #photography .portfolio-sample:nth-child(1),
  #photography .portfolio-sample:nth-child(3) {
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    rotate:0deg;
  }
  #photography .portfolio-sample figcaption {
    padding:0 0 20px;
    border-bottom:1px solid #0e0b0938;
  }
  #photography .portfolio-sample__media {border:1px solid #0e0b0938}
  #photography .portfolio-samples {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:42px 28px;
  }
  #photography .portfolio-sample:last-child {grid-column:1/-1}
  #photography .portfolio-sample:last-child .portfolio-sample__media {
    aspect-ratio:3/2;
    max-height:82svh;
  }
  #photography .portfolio-sample:last-child img {object-fit:contain}
  .portfolio-weddings__grid {gap:28px}
  .portfolio-weddings__grid img {aspect-ratio:1/1}
}
/* Enlarge only where the viewport has space for the frame AND the controls.
   Keep compact phones and short landscape windows on the approved rules. */
@media (min-width:961px) and (min-height:700px) {
  #release-deck .release-deck__stage {
    padding:140px 5vw 100px;
  }
  #release-deck .release-deck__cards {
    width:min(88vw,1480px,calc((100svh - 240px) * 16 / 9));
  }
  #release-deck .release-deck__progress {top:84px}
  #release-deck .release-deck__progress b {font-size:36px}
  #release-deck .release-deck__label {left:24px}
  #social-deck.is-enhanced .social-deck__stage {padding:140px 5vw 100px}
  #social-deck.is-enhanced .social-deck__cards {
    width:min(88vw,1480px,calc((100svh - 240px) * 16 / 9));
    max-width:1480px;
    max-height:calc(100svh - 240px);
  }
  #social-deck .social-deck__copy {padding:clamp(24px,3vw,48px)}
}
/* Keep all cards readable without animation, including when scripts fail. */
@media (min-width:681px) and (prefers-reduced-motion:reduce) {
  #release-deck .release-deck__stage {padding:0}
  #release-deck .release-deck__cards {width:100%;max-width:1480px}
}
@media (min-width:681px) {
  body.portfolio-static-deck #release-deck .release-deck__stage {padding:0}
  body.portfolio-static-deck #release-deck .release-deck__cards {width:100%;max-width:1480px}
}