.soulo-case-gallery{margin:20px 0 80px}.soulo-case-gallery__head{max-width:900px;margin:0 auto 28px}.soulo-case-gallery__head h2{font-size:clamp(30px,4vw,52px);line-height:1;text-transform:uppercase;letter-spacing:-2px;margin:16px 0}.soulo-case-gallery__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:12px}.soulo-case-gallery__item{margin:0;position:relative;overflow:hidden;background:#111}.soulo-case-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.soulo-case-gallery__item:hover img{transform:scale(1.025)}.soulo-case-gallery__item figcaption{position:absolute;left:14px;bottom:12px;background:rgba(0,0,0,.78);color:#fff;padding:7px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.soulo-case-gallery__item--1{grid-column:span 7;grid-row:span 2}.soulo-case-gallery__item--2{grid-column:span 5}.soulo-case-gallery__item--3{grid-column:span 5}.soulo-case-gallery__item--4,.soulo-case-gallery__item--5,.soulo-case-gallery__item--6{grid-column:span 4}.soulo-case-gallery--single .soulo-case-gallery__grid{display:block;max-width:1000px;margin:0 auto}.soulo-case-gallery--single .soulo-case-gallery__item{width:100%;aspect-ratio:3/2}.soulo-case-gallery__credit{font-size:10px!important;color:#6b675f;margin-top:12px;text-align:right}.soulo-case-gallery__pair{position:absolute;inset:0;background:linear-gradient(145deg,#f7f2e8,#dfd6c8);overflow:hidden}.soulo-case-gallery__pair img{position:absolute;width:82%;height:auto;object-fit:contain;box-shadow:0 12px 25px rgba(6,20,43,.24)}.soulo-case-gallery__pair img:first-child{left:4%;top:7%;transform:rotate(-3deg)}.soulo-case-gallery__pair img:last-child{right:4%;bottom:7%;transform:rotate(3deg)}.soulo-case-gallery__item:hover .soulo-case-gallery__pair img:first-child{transform:rotate(-3deg) translateY(-3px)}.soulo-case-gallery__item:hover .soulo-case-gallery__pair img:last-child{transform:rotate(3deg) translateY(-3px)}@media(max-width:760px){.soulo-case-gallery{margin-bottom:55px}.soulo-case-gallery__grid{grid-template-columns:1fr;grid-auto-rows:240px}.soulo-case-gallery__item--1,.soulo-case-gallery__item--2,.soulo-case-gallery__item--3,.soulo-case-gallery__item--4,.soulo-case-gallery__item--5,.soulo-case-gallery__item--6{grid-column:auto;grid-row:auto}.soulo-case-gallery--single .soulo-case-gallery__grid{display:block}.soulo-case-gallery--single .soulo-case-gallery__item{aspect-ratio:3/2}.soulo-case-gallery__credit{text-align:left}}


/* v1.5.9 — Oyster gallery: add Shuck With Us, remove image tags, balance final row. */
.soulo-case-gallery--oyster .soulo-case-gallery__item figcaption{display:none}
.soulo-case-gallery--oyster .soulo-case-gallery__item--4,.soulo-case-gallery--oyster .soulo-case-gallery__item--5{grid-column:span 6}
.soulo-case-gallery--oyster .soulo-case-gallery__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:linear-gradient(145deg,#f7f2e8,#e8dfd1)}
.soulo-case-gallery--oyster .soulo-case-gallery__pair img,.soulo-case-gallery--oyster .soulo-case-gallery__pair img:first-child,.soulo-case-gallery--oyster .soulo-case-gallery__pair img:last-child{position:static;width:100%;height:100%;object-fit:contain;transform:none;box-shadow:0 10px 22px rgba(6,20,43,.16)}
.soulo-case-gallery--oyster .soulo-case-gallery__item--5 img{object-fit:cover;object-position:center top}
.soulo-case-gallery--oyster .soulo-case-gallery__item:hover .soulo-case-gallery__pair img:first-child,.soulo-case-gallery--oyster .soulo-case-gallery__item:hover .soulo-case-gallery__pair img:last-child{transform:none}
@media(max-width:760px){.soulo-case-gallery--oyster .soulo-case-gallery__item--4,.soulo-case-gallery--oyster .soulo-case-gallery__item--5{grid-column:auto}.soulo-case-gallery--oyster .soulo-case-gallery__pair{gap:8px;padding:10px}}

/* v1.6.0 — Oyster business-card pair now uses the same hover zoom as the other gallery tiles. */
.soulo-case-gallery--oyster .soulo-case-gallery__pair{transition:transform .45s ease;transform-origin:center center}
.soulo-case-gallery--oyster .soulo-case-gallery__item:hover .soulo-case-gallery__pair{transform:scale(1.025)}
.soulo-case-gallery--oyster .soulo-case-gallery__item:hover .soulo-case-gallery__pair img:first-child,
.soulo-case-gallery--oyster .soulo-case-gallery__item:hover .soulo-case-gallery__pair img:last-child{transform:none}

/* v1.6.26 — Mobile Oyster "Shuck with us" artwork: show the full banner, centered and proportional. */
@media(max-width:760px){
  .soulo-case-gallery--oyster .soulo-case-gallery__item--4{
    height:auto;
    min-height:0;
    background:#fff;
    overflow:visible;
  }
  .soulo-case-gallery--oyster .soulo-case-gallery__item--4 img{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center center;
    margin:0 auto;
  }
}

/* v1.6.27 — Oyster mobile banner: collapse the gallery tile tightly around the artwork. */
@media(max-width:760px){
  .soulo-case-gallery--oyster .soulo-case-gallery__item--4{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    align-self:start;
    line-height:0;
    padding:0!important;
    margin:0!important;
  }
  .soulo-case-gallery--oyster .soulo-case-gallery__item--4 img{
    display:block;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }
}
