.case-gallery{background:#eee9e3;border-block:1px solid var(--line)}
.case-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.case-gallery-item{margin:0;min-width:0}
.case-gallery-link{display:block;border:1px solid #d9ced0;border-radius:7px;overflow:hidden;background:var(--cream);text-decoration:none}
.case-gallery-link:hover{border-color:var(--wine)}
.case-gallery-link:focus-visible{outline:3px solid var(--wine);outline-offset:5px}
.case-gallery-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;padding:15px;background:#fff}
.case-gallery-frame img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.case-gallery-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;font-size:.78rem;color:var(--wine);border-top:1px solid var(--line);font-weight:600}
.case-gallery-item figcaption{display:flex;align-items:baseline;gap:12px;margin-top:17px;font-size:.87rem;line-height:1.5}
.case-gallery-item figcaption>span{font-size:.75rem;color:var(--wine);font-variant-numeric:tabular-nums}
.case-gallery-note{margin-top:36px;max-width:780px;font-size:.77rem;line-height:1.7;color:var(--muted)}
@media(max-width:900px){.case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}}
@media(max-width:620px){.case-gallery-grid{grid-template-columns:1fr;gap:30px}.case-gallery-frame{padding:12px}.case-gallery-item figcaption{font-size:.9rem}.case-gallery-action{font-size:.83rem;padding:16px}.case-gallery-note{font-size:.8rem}}