/* === portfolio-grid === */
.spg-inner{padding:100px 48px;max-width:1100px;margin:0 auto}
.spg-inner h2{font-family:var(--shell-hf);font-size:2rem;font-weight:700;color:var(--shell-h);margin-bottom:8px}
.spg-sub{font-size:.82rem;color:var(--shell-m);margin-bottom:40px}
.spg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.spg-card{border:1px solid var(--shell-line,rgba(255,255,255,.06));background:var(--shell-card,rgba(255,255,255,.02));transition:.3s;overflow:hidden}
.spg-card:hover{border-color:var(--sc,var(--shell-accent));transform:translateY(-2px)}
.spg-thumb{aspect-ratio:16/9;background:var(--shell-card);overflow:hidden;display:flex;align-items:center;justify-content:center}
.spg-thumb img{width:100%;height:100%;object-fit:cover}
.spg-thumb img[src=""]{display:none}
.spg-card h3{font-size:.88rem;font-weight:700;color:var(--shell-h);padding:20px 24px 4px}
.spg-card p{font-size:.78rem;color:var(--shell-m);padding:0 24px 20px}
@media(max-width:768px){.spg-inner{padding:60px 24px}.spg-grid{grid-template-columns:1fr}}