.portfolio-page{padding-top:150px;padding-bottom:100px}.portfolio-page>header{max-width:950px;padding-bottom:70px}.portfolio-page h1{letter-spacing:-.045em;margin:30px 0;font-size:clamp(38px,5vw,76px);font-weight:400;line-height:1.1}.portfolio-page>header>p:last-child{color:var(--muted);max-width:700px;font-size:17px;line-height:1.8}.portfolio-grid{grid-template-columns:1fr 1fr;gap:65px 35px;display:grid}.portfolio-image{background:var(--deep);aspect-ratio:1536/742;overflow:hidden}.portfolio-image img{object-fit:contain;width:100%;height:100%;transition:transform .5s;display:block}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-card:focus-visible{outline:2px solid var(--orange);outline-offset:8px}.portfolio-card-heading{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.portfolio-card h2{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:400}.portfolio-card-heading svg{width:20px}.portfolio-card>p{color:var(--muted);max-width:500px;font-size:13px;line-height:1.8}.portfolio-card>span{font:9px var(--font-mono),monospace;color:var(--orange)}@media (max-width:700px){.portfolio-page{padding-top:110px;padding-bottom:60px}.portfolio-grid{grid-template-columns:1fr;gap:45px}.portfolio-page>header{padding-bottom:40px}.portfolio-page>header>p:last-child{font-size:15px}.portfolio-card h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.portfolio-image img{transition:none}.portfolio-card:hover img{transform:none}}