.illust-pins{margin:0 0 28px}.illust-pins-head{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.illust-pins-head .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-size:12px;font-weight:700}.illust-pins-head .illust-pins-sub{color:var(--ink3);font-size:13px}.illust-pins-grid{grid-template-columns:repeat(var(--pin-n,4), 1fr);gap:16px;display:grid}.illust-pin{border:1px solid var(--blue-line);background:var(--bg-soft,#f4f6f8);cursor:pointer;aspect-ratio:4/5;border-radius:16px;width:100%;max-height:min(58vh,560px);padding:0;transition:border-color .16s,transform .16s,box-shadow .16s;display:block;position:relative;overflow:hidden}.illust-pin:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 10px 28px #1f2c381f}.illust-pin:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.illust-pin img{object-fit:cover;width:100%;height:100%;display:block}.illust-pin-num{color:#fff;background:#1f2c38b8;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.illust-pin-cap{color:#fff;background:linear-gradient(#1f2c3800,#1f2c38c7);padding:22px 14px 12px;position:absolute;bottom:0;left:0;right:0}.illust-pin-cap b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.illust-pin-cap span{opacity:.82;font-size:12px}@media (max-width:720px){.illust-pins-grid{grid-template-columns:repeat(min(var(--pin-n,4), 2), 1fr);gap:12px}.illust-pin{aspect-ratio:3/4;max-height:42vh}}