.portfolio-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.portfolio-shot{margin:0;min-width:0}
.project-video{display:block;position:relative;text-decoration:none;overflow:hidden}
.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:rgba(23,42,45,.8);color:white;font-size:16px;border:1px solid rgba(255,255,255,.6)}
.project-video:hover .play-badge,.project-video:focus-visible .play-badge{background:var(--accent)}
.portfolio-shot-featured{grid-column:span 2}
.portfolio-shot img{display:block;width:100%;height:210px;object-fit:cover;background:#dce4df}
.portfolio-shot-featured img{object-position:center 45%}
.portfolio-shot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:13px}
.portfolio-shot h3{font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.3px;margin:0;color:var(--ink)}
.portfolio-shot figcaption>span{font-size:10px;line-height:1.5;color:var(--accent);text-align:right;flex-shrink:0;max-width:110px}
.image-credit{font-size:10px;color:var(--muted);text-align:right;margin:23px 0 0}
.breadth-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:32px;border-top:1px solid var(--line);padding-top:27px}
.breadth-notes h3{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.2px;margin-bottom:10px}
.breadth-notes p{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:0}
@media(max-width:1000px){.portfolio-shot img{height:180px}.portfolio-shot figcaption{display:block}.portfolio-shot figcaption>span{display:block;text-align:left;max-width:none;margin-top:4px}.breadth-notes{gap:25px}}
@media(max-width:700px){.portfolio-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.portfolio-shot-featured{grid-column:span 2}.portfolio-shot img{height:130px}.portfolio-shot-featured img{height:190px}.portfolio-shot h3{font-size:15px}.portfolio-shot figcaption>span{font-size:10px}.image-credit{font-size:9px}.breadth-notes{grid-template-columns:1fr;gap:20px;margin-top:25px;padding-top:23px}.breadth-notes h3{font-size:17px;margin-bottom:6px}.breadth-notes p{font-size:14px}}