/* === portfolio-list === */
.spl-inner{padding:100px 48px}
.spl-inner h2{font-family:var(--shell-hf);font-size:2.3rem;font-weight:700;color:var(--shell-h);margin-bottom:8px}
.spl-sub{font-size:.82rem;color:var(--shell-m);margin-bottom:48px;max-width:500px}
.spl-item{padding:32px 0;border-bottom:1px solid var(--shell-line,rgba(255,255,255,.04));transition:.3s}
.spl-item:hover{padding-left:10px}
.spl-item:empty,.spl-item h3:empty{display:none}
.spl-tag{font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--sc,var(--shell-accent));margin-bottom:6px}
.spl-tag:empty{display:none}
.spl-item h3{font-size:.95rem;font-weight:700;color:var(--shell-h)}
.spl-item p{font-size:.8rem;color:var(--shell-m);max-width:580px;margin-top:4px}
.spl-item p:empty{display:none}
.spl-status{display:inline-block;margin-top:10px;padding:3px 10px;font-size:.58rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--shell-line,rgba(255,255,255,.08));color:var(--sc,var(--shell-accent))}
.spl-status:empty{display:none}
@media(max-width:768px){.spl-inner{padding:60px 24px}}