/* A native material portrait, with quiet space for the existing invitation. */
.closing.yearly-collection {
  position:relative;
  isolation:isolate;
  display:block;
  min-height:clamp(540px,49vw,760px);
  align-content:center;
  background:#000;
}
.yearly-collection .yearly-copy { max-width:360px; }
.yearly-art.yearly-macro {
  position:absolute;
  inset:0;
  z-index:-1;
  margin:0;
  pointer-events:none;
}
.yearly-macro picture { display:block; width:100%; height:100%; }
.yearly-macro .yearly-macro-dark { display:none; }
:root[data-theme="dark"] .yearly-macro .yearly-macro-light { display:none; }
:root[data-theme="dark"] .yearly-macro .yearly-macro-dark { display:block; }
.yearly-art.yearly-macro img {
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  mask-image:none;
}
@media(max-width:1100px) and (min-width:801px) {
  .yearly-collection .yearly-copy { max-width:300px; }
  .yearly-art.yearly-macro { left:9%; }
}
@media(max-width:800px) {
  .closing.yearly-collection { min-height:0; padding:58px 24px 0; }
  .yearly-collection .yearly-copy { max-width:400px; padding:0; }
  .yearly-art.yearly-macro {
    position:relative;
    inset:auto;
    z-index:0;
    margin:30px -24px 0;
    aspect-ratio:12 / 11;
  }
  .yearly-art.yearly-macro img { object-position:center; }
}