/* Watch-specific composition. Only empty sides of the front photo are clipped;
   every original image and the full collection keep their approved pixels. */
.photobutton{clip-path:none}
.image-lounge img{object-fit:cover;object-position:48.3% center!important}
.image-green img,.image-hall img{object-fit:contain;object-position:center!important}

@media(min-width:721px){
  .work{width:min(calc(100vw - 116px),calc((100dvh - 64px) * 1324 / 820),1324px)}
  .composition{aspect-ratio:1324/820}
  .heading{top:10%}
  .project-description{top:28%;width:32%}
  .image-lounge{left:34%;top:0;width:36%;height:88%}
  .image-green{left:66%;top:0;width:30%;height:42%}
  .image-hall{left:66%;top:44%;width:30%;height:44%}
  .all-button{left:0;top:52%;width:25%;height:8.5%}
  .label-gallery{left:97%;top:57%;font-size:1.7cqw}
}

@media(max-width:720px){
  .composition{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    grid-template-rows:auto auto clamp(126px,37vw,220px) clamp(126px,37vw,220px) auto;
    gap:12px;
  }
  .image-lounge{grid-column:1;grid-row:3/span 2;aspect-ratio:auto;height:100%!important;min-width:0}
  .image-green{grid-column:2;grid-row:3;aspect-ratio:auto;height:100%!important;min-width:0}
  .image-hall{grid-column:2;grid-row:4;aspect-ratio:auto;height:100%!important;min-width:0}
  .all-button{grid-row:5;margin-top:4px}
}