.portfolio-page{padding-block:80px 100px}.portfolio-intro{max-width:700px;margin-bottom:64px}.portfolio-intro h1{letter-spacing:-.055em;margin:24px 0;font:500 clamp(56px,8vw,96px)/1 Georgia,serif}.portfolio-intro>p:last-child{color:var(--muted);max-width:540px;font-size:18px;line-height:1.7}.portfolio-item{border-block:1px solid var(--line);background:#faf8f2;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:32px;padding:48px 32px;display:grid}.portfolio-number{color:var(--muted);align-self:start;font:italic 22px Georgia,serif}.portfolio-item h2{margin:16px 0 24px;font-size:clamp(32px,4vw,48px)}.portfolio-url{text-underline-offset:5px;overflow-wrap:anywhere;font-size:17px;text-decoration:underline}.portfolio-url span{margin-left:8px}.portfolio-cta{justify-content:space-between;align-items:center;gap:40px;margin-top:80px;display:flex}.portfolio-cta h2{font-size:clamp(32px,4vw,48px)}.portfolio-cta .button{flex-shrink:0}.portfolio-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:780px){.portfolio-page{padding-block:45px 65px}.portfolio-item{grid-template-columns:1fr;gap:16px;padding:28px 24px}.portfolio-item .button{justify-self:start}.portfolio-cta{flex-direction:column;align-items:start;margin-top:55px}.portfolio-intro{margin-bottom:38px}}.portfolio-thumbnail{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;width:150px;min-width:0;height:150px;padding:10px;display:flex}.portfolio-thumbnail img{object-fit:contain;width:100%;height:auto;display:block}.portfolio-thumbnail:hover{border-color:#657c44}@media (max-width:780px){.portfolio-thumbnail{width:110px;height:110px;padding:8px}}