.project-capsule-collections{max-width:1720px;margin:0 auto}

.project-capsule-collections .project-head{
  display:grid;
  grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);
  gap:clamp(48px,7vw,110px);
  align-items:start;
}
.project-capsule-collections .project-head>div:first-child{
  max-width:520px;
  padding-top:18px;
}
.project-capsule-collections .project-head h1{
  font-size:clamp(56px,6.5vw,100px);
  line-height:.92;
}

/* Keep the cover and every object image at its original proportions. */
.project-capsule-collections .project-head .card-media,
.project-capsule-collections .gallery .card-media{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
  background:transparent !important;
}
.project-capsule-collections .project-head .card-media img,
.project-capsule-collections .gallery .card-media img{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

/* The opening image should feel like an object on a studio table, not a full-bleed hero. */
.project-capsule-collections .project-head .card-media{
  width:78% !important;
  justify-self:end;
}

.project-capsule-collections .gallery{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(38px,5.5vw,82px) 20px;
  align-items:start;
  margin-top:clamp(74px,8vw,118px);
}

/* A loose studio-wall rhythm: individual pieces remain distinct rather than reading as a product grid. */
.project-capsule-collections .gallery-item-1{grid-column:1/6}
.project-capsule-collections .gallery-item-2{grid-column:7/12;margin-top:72px}
.project-capsule-collections .gallery-item-3{grid-column:3/10;margin-top:6px}
.project-capsule-collections .gallery-item-4{grid-column:1/5;margin-top:20px}
.project-capsule-collections .gallery-item-5{grid-column:7/13;margin-top:78px}
.project-capsule-collections .gallery-item-6{grid-column:3/9;margin-top:4px}

@media(max-width:760px){
  .project-capsule-collections .project-head{
    grid-template-columns:1fr;
    gap:34px;
  }
  .project-capsule-collections .project-head>div:first-child{
    max-width:100%;
    padding-top:0;
  }
  .project-capsule-collections .project-head h1{
    font-size:clamp(48px,13vw,70px);
  }
  .project-capsule-collections .project-head .card-media{
    width:82% !important;
    justify-self:end;
  }
  .project-capsule-collections .gallery{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:28px 6px;
    margin-top:54px;
  }
  .project-capsule-collections .gallery-item-1{grid-column:1/11}
  .project-capsule-collections .gallery-item-2{grid-column:4/13;margin-top:0}
  .project-capsule-collections .gallery-item-3{grid-column:1/13;margin-top:0}
  .project-capsule-collections .gallery-item-4{grid-column:1/10;margin-top:0}
  .project-capsule-collections .gallery-item-5{grid-column:3/13;margin-top:0}
  .project-capsule-collections .gallery-item-6{grid-column:2/11;margin-top:0}
}