#play-class{background:#f8f4ec;scroll-margin-top:95px}
.play-gallery-heading{text-align:center;max-width:800px;margin:0 auto 38px}
.play-gallery-heading .h2{margin:16px 0 22px;word-break:keep-all}
.play-gallery-heading .lead{line-height:1.85;word-break:keep-all}
.play-gallery-heading .note{margin-top:18px}
.play-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
.play-case{margin:0;min-width:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #26342b09}
.play-case a{display:flex;position:relative;height:300px;align-items:center;justify-content:center;background:#e9e8e2}
.play-case img{display:block;width:100%;height:100%;object-fit:contain}
.play-case-zoom{position:absolute;right:10px;bottom:10px;background:#fffffff0;border-radius:6px;padding:6px 9px;color:#153d35;font-size:11px}
.play-case figcaption{display:flex;gap:12px;padding:19px 16px;font-size:14px;line-height:1.7;color:#213e38}
.play-case figcaption>span{color:#7d8e77;font-size:11px;padding-top:2px}
.play-case a:focus-visible{outline:3px solid #355348;outline-offset:-3px}
.play-gallery-inquiry{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d8dfd1;margin-top:38px;padding-top:28px}
.play-gallery-inquiry p{font-size:19px;font-weight:600;line-height:1.8;margin:0}
.play-gallery-inquiry p span{font-size:14px;font-weight:400;color:#586459}
@media(max-width:900px){.play-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-case a{height:290px}.play-gallery-inquiry{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.play-case-grid{grid-template-columns:1fr;gap:22px}.play-case a{height:320px}.play-gallery-heading{text-align:left;margin-bottom:28px}.play-gallery-heading .h2{font-size:29px}.play-case figcaption{font-size:14px}.play-gallery-inquiry .btn{width:100%}.play-gallery-inquiry p{font-size:17px}.play-gallery-inquiry p span{font-size:13px}}