.article-works{margin:2.5rem 0;scroll-margin-top:110px}
.article-works .works-head{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.article-works .works-head h2{margin:0}
.article-works .works-all{display:inline-block;border:1px solid #8e0b18;border-radius:9px;padding:8px 12px;font-weight:700;text-decoration:none}
.article-works .works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.article-works .works-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0d5cb;border-radius:14px;background:#faf6f0;color:#302726;text-decoration:none}
.article-works .works-card:hover,.article-works .works-card:focus-visible{outline:2px solid #8e0b18;outline-offset:2px}
.article-works .works-card img{display:block;width:100%;aspect-ratio:1.2;object-fit:contain;background:#eee5db}
.article-works .works-card span{display:block;padding:12px 14px;line-height:1.4}
.article-works .works-card b{display:block;margin-top:6px;color:#8e0b18}
@media(max-width:620px){.article-works .works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-works .works-card span{font-size:.86rem;padding:8px}.article-works .works-head{align-items:start}}