.portfolio-page .portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.portfolio-page .portfolio-piece{border-radius:22px;overflow:hidden;background:#f2f7ff}.portfolio-page .portfolio-art{position:relative;aspect-ratio:4/5;background:#081534;isolation:isolate}.portfolio-page .portfolio-art>img,.portfolio-page .portfolio-art>video{width:100%;height:100%;display:block;object-fit:cover}.portfolio-page .portfolio-art>img{position:absolute;inset:0}.portfolio-page .portfolio-art:not(.portfolio-film):after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(3,14,38,.92));z-index:1}.portfolio-page .portfolio-copy{position:absolute;z-index:2;inset:auto 28px 30px}.portfolio-page .portfolio-copy small{color:#c6dfff;font-size:12px;letter-spacing:.08em;font-weight:800}.portfolio-page .portfolio-copy h2{color:#fff;font-size:clamp(28px,3.7vw,45px);line-height:1.04;margin:13px 0 0;letter-spacing:-.045em}.portfolio-page .portfolio-piece>p{font-size:15px;margin:0;padding:22px 25px}.portfolio-page .portfolio-film>video{object-fit:contain}.portfolio-page .portfolio-caption{padding:22px 25px}.portfolio-page .portfolio-caption small{font-size:12px;font-weight:800;letter-spacing:.08em;color:#0064f5}.portfolio-page .portfolio-caption h2{font-size:28px;line-height:1.1;margin:10px 0 12px}.portfolio-page .portfolio-caption p{font-size:15px;margin:0}@media(max-width:720px){.portfolio-page .portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-page .portfolio-copy{inset:auto 23px 25px}.portfolio-page .portfolio-copy h2{font-size:34px}.portfolio-page .portfolio-caption{padding:20px 23px}.portfolio-page .portfolio-piece>p{padding:20px 23px}}

.portfolio-page .portfolio-image-link{position:absolute;inset:0;z-index:3}
.portfolio-page .portfolio-image-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.portfolio-page .portfolio-view-link{display:inline-block;margin:0 25px 22px;color:#0064f5;font-size:14px;font-weight:700;text-decoration:none}
.portfolio-page .portfolio-view-link:hover{text-decoration:underline}
.portfolio-page .portfolio-view-link:focus-visible{outline:2px solid #0064f5;outline-offset:4px}
@media(max-width:720px){.portfolio-page .portfolio-view-link{margin:0 23px 20px}}
