.portfolio-main{padding:58px 0 64px}
.portfolio-intro{margin-bottom:38px;max-width:680px}
.portfolio-intro .eyebrow{margin-bottom:16px}
.portfolio-intro h1 span{color:var(--accent)}
.portfolio-intro .description{max-width:620px}
.portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;list-style:none;padding:0;margin:0}
.portfolio-card{min-width:0}
.portfolio-card figure{margin:0}
.thumbnail{aspect-ratio:308/260;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;padding:8px}
.thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.portfolio-card figcaption{display:block;padding:12px 0 0;font-size:13px;line-height:1.5;letter-spacing:0;color:var(--text)}
footer a:hover{color:var(--accent)}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-main{padding:36px 0 44px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.portfolio-intro{margin-bottom:28px}}
@media(max-width:360px){.portfolio-grid{grid-template-columns:minmax(0,1fr)}}