/* BITARD responsive refinements kept isolated from the core layout/motion code. */

/* Wide desktop portfolio rhythm.
   Natural image ratios made a few portraits excessively tall while the old
   fixed wide cards cropped some compositions into very shallow strips. Keep a
   small editorial ratio vocabulary instead: portrait work remains clearly
   vertical, but capped at 4:5; wide work gets a little more vertical breathing
   room at 8:5. Medium/square cards retain the existing tuned geometry.

   This is deliberately WORK-only. Project pages, viewers, mobile/tablet and all
   shared-element transition code continue to use their existing geometry. */
@media (min-width:1281px){
  .bitard-gallery .bitard-card[data-shape="tall"]{
    height:auto;
    aspect-ratio:4 / 5;
  }

  .bitard-gallery .bitard-card[data-shape="wide"]{
    height:auto;
    aspect-ratio:8 / 5;
  }

  .bitard-gallery .bitard-card[data-shape="tall"] > .bitard-card__link,
  .bitard-gallery .bitard-card[data-shape="wide"] > .bitard-card__link,
  .bitard-gallery .bitard-card[data-shape="tall"] > .bitard-responsive-picture,
  .bitard-gallery .bitard-card[data-shape="wide"] > .bitard-responsive-picture,
  .bitard-gallery .bitard-card[data-shape="tall"] > .bitard-card__link > .bitard-responsive-picture,
  .bitard-gallery .bitard-card[data-shape="wide"] > .bitard-card__link > .bitard-responsive-picture{
    display:block;
    width:100%;
    height:100%;
  }

  .bitard-gallery .bitard-card[data-shape="tall"] > img,
  .bitard-gallery .bitard-card[data-shape="wide"] > img,
  .bitard-gallery .bitard-card[data-shape="tall"] > .bitard-card__link > img,
  .bitard-gallery .bitard-card[data-shape="wide"] > .bitard-card__link > img,
  .bitard-gallery .bitard-card[data-shape="tall"] .bitard-responsive-picture > img,
  .bitard-gallery .bitard-card[data-shape="wide"] .bitard-responsive-picture > img{
    display:block;
    width:100%;
    height:100%!important;
    object-fit:cover;
    object-position:center center;
  }

  /* Product-first focal points. These two source compositions leave substantial
     negative space above the chair, so bias the crop lower in the source image.
     The card geometry itself is unchanged; only which portion of the original
     image sits inside the editorial frame moves. */
  .bitard-gallery .bitard-card[data-title="Arctic"] > img,
  .bitard-gallery .bitard-card[data-title="Arctic"] > .bitard-card__link > img,
  .bitard-gallery .bitard-card[data-title="Arctic"] .bitard-responsive-picture > img{
    object-position:center 66%!important;
  }

  .bitard-gallery .bitard-card[data-title="Arlid Chair"] > img,
  .bitard-gallery .bitard-card[data-title="Arlid Chair"] > .bitard-card__link > img,
  .bitard-gallery .bitard-card[data-title="Arlid Chair"] .bitard-responsive-picture > img{
    object-position:center 72%!important;
  }
}