.portfolio .hero{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:48px;padding:64px 0 48px;display:grid}.portfolio .hero h1{letter-spacing:-.055em;font-size:clamp(39px,4.45vw,64px);line-height:1.09}.portfolio .hero-introduction{margin-top:28px}.portfolio .portrait img{object-position:40% center;border-radius:10px;height:330px}.portfolio .project-list{flex-direction:column;gap:48px;display:flex}.portfolio .project{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.portfolio .project-visual{height:100%;min-height:480px}.portfolio .project:nth-child(2n) .project-visual{order:2}.portfolio .project:nth-child(2n) .project-copy{order:1}.portfolio .project-headline{max-width:410px;font-size:30px}.portfolio .gfm-visual{padding:40px}.portfolio .experience{padding-top:24px}.portfolio .about{grid-template-columns:1fr 2fr;column-gap:48px;display:grid}.portfolio .capabilities{grid-column:1/-1}@media (min-width:1200px){.portfolio .contact{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width:1000px){.portfolio .hero{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.portfolio .portrait img{height:300px}.portfolio .project{gap:28px}.portfolio .gfm-visual{padding:28px}}@media (max-width:700px){.portfolio .hero{flex-direction:column;align-items:flex-start;gap:28px;padding:32px 0;display:flex}.portfolio .hero-copy{width:100%}.portfolio .hero h1{font-size:clamp(30px,8.1vw,53px);line-height:1.13}.portfolio .role{margin-bottom:20px;font-size:14px}.portfolio .hero-introduction{margin-top:20px}.portfolio .portrait{align-items:center;gap:16px;display:flex}.portfolio .portrait img{border-radius:8px;width:88px;height:88px}.portfolio .portrait figcaption{margin:0}.portfolio .project{flex-direction:column;align-items:stretch;gap:24px;display:flex}.portfolio .project-visual{min-height:260px}.portfolio .gfm-visual{gap:40px}.portfolio .project:nth-child(2n) .project-visual{order:0}.portfolio .figus-visual img{width:224px}.portfolio .project-headline{font-size:27px}.portfolio .project-list{gap:40px}.portfolio .about{display:block}}