.portfolio{max-width:1120px;margin:0 auto;padding:2rem 1rem 3.5rem}.portfolio-hero{padding-bottom:.35rem}.section-header h2{margin:.3rem 0 1rem;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15}.portfolio-description{max-width:75ch;color:var(--muted);margin:0;line-height:1.6}.portfolio-list{gap:2.5rem;display:grid}.portfolio-item{border-top:1px solid #b3b3c22e;padding:1.2rem 0}.portfolio-item:last-child{border-bottom:1px solid #b3b3c22e}.portfolio-body{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:2rem;display:grid}.portfolio-meta h3{margin:0 0 .3rem;font-size:clamp(1.2rem,2.5vw,1.6rem)}.portfolio-subtitle{color:var(--muted);margin:0}.portfolio-timeframe{color:var(--muted);margin:.85rem 0 .45rem;font-weight:600}.portfolio-bullets{color:var(--muted);margin:.5rem 0 0;padding-left:1.25rem;line-height:1.6}.portfolio-inline-link{font-weight:700;text-decoration:underline}.portfolio-inline-link.video{color:#ff4d4f}.portfolio-inline-link.source{color:#52c41a}.portfolio-inline-link:hover{opacity:.9}.portfolio-notes{color:var(--muted);margin-top:1rem}.portfolio-notes p{margin:.35rem 0}.portfolio-media{aspect-ratio:16/9;background:#08080cd9;border:1px solid #b3b3c23d;border-radius:10px;overflow:hidden}.portfolio-media img,.portfolio-media iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.portfolio-media.portrait{aspect-ratio:9/16;max-width:360px}.portfolio-media.portrait img{object-fit:contain;background:#0b0b0f}@media (max-width:520px){.portfolio{padding:1rem 1rem 2.2rem}.portfolio-description,.portfolio-subtitle,.portfolio-bullets,.portfolio-notes{font-size:.95rem;line-height:1.55}}