.case-page[data-project="tuong-cafe"] .case-gallery > .gallery-grid { display: block; }
.case-page[data-project="tuong-cafe"] .case-cover > img { transform: none; }
.case-page[data-project="tuong-cafe"] .case-cover::after { display: none; }
.case-page[data-project="tuong-cafe"] .cover-caption { background: #10130add; border-radius: 4px; padding: 7px 10px; }
.tuong-gallery-section { --tuong-gap: clamp(10px, 1.5vw, 20px); scroll-margin-top: 24px; }
.tuong-gallery-heading { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin: 30px 0; }
.tuong-gallery-heading .eyebrow { color: var(--lime); }
.tuong-gallery-heading h2 { max-width: 710px; font-size: clamp(32px, 4.2vw, 58px); line-height: 1.16; letter-spacing: -.045em; margin-top: 16px; }
.tuong-gallery-heading > p { font-size: 13px; line-height: 1.9; color: #b2bca6; max-width: 300px; flex-shrink: 0; }
.tuong-space-bento, .tuong-space-side, .tuong-space-pair, .tuong-design-bento, .tuong-design-row { display: grid; gap: var(--tuong-gap); min-width: 0; min-height: 0; }
.tuong-space-bento { grid-template-columns: 7fr 6fr; }
.tuong-space-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tuong-design-section { margin-top: clamp(55px, 7vw, 100px); }
.tuong-design-row-one { grid-template-columns: .8fr .8fr .705078fr; }
.tuong-design-row-two { grid-template-columns: 1.041667fr .8fr; }
.tuong-design-row-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tuong-image { min-width: 0; min-height: 0; }
.tuong-image .zoom-image {
  aspect-ratio: var(--art-ratio); border: 1px solid #aed43430; border-radius: 12px;
  background: #10120e; transition: border-color .25s, box-shadow .25s;
}
.tuong-image .zoom-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.tuong-space-1 .zoom-image { height: 100%; aspect-ratio: auto; }
.tuong-image .zoom-image:hover img { transform: none; }
.tuong-image .zoom-image:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.tuong-image .zoom-image > .tuong-zoom-hint { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; font-size: 20px; opacity: 0; transition: opacity .2s; }
.tuong-image .zoom-image:hover, .tuong-image .zoom-image:focus-visible { border-color: #aed43499; box-shadow: 0 0 25px #aed43418; }
.tuong-image .zoom-image:hover > .tuong-zoom-hint, .tuong-image .zoom-image:focus-visible > .tuong-zoom-hint { opacity: 1; }
.tuong-image figcaption.sr-only { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 760px) {
  .tuong-gallery-heading { display: block; margin: 24px 0; }
  .tuong-gallery-heading h2 { max-width: 560px; }
  .tuong-gallery-heading > p { max-width: none; margin-top: 18px; font-size: 12px; }
  .tuong-gallery-heading > p br { display: none; }
  .tuong-space-bento, .tuong-design-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .tuong-space-side, .tuong-space-pair, .tuong-design-row { display: contents; }
  .tuong-space-1, .tuong-space-2, .tuong-design-1 { grid-column: 1 / -1; }
  .tuong-space-1 .zoom-image { height: auto; aspect-ratio: var(--art-ratio); }
  .tuong-image .zoom-image { border-radius: 8px; }
  .case-page[data-project="tuong-cafe"] .case-gallery > .section-top { display: block; }
  .case-page[data-project="tuong-cafe"] .case-gallery > .section-top .small { display: block; margin-top: 12px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .tuong-image .zoom-image, .tuong-image .zoom-image > .tuong-zoom-hint { transition: none; }
}