/* Full-frame artwork keeps the original typography and photography credits intact. */
.featured-section{padding:48px 0 64px;border-top:1px solid var(--line);scroll-margin-top:28px}
.featured-section .section-heading{align-items:flex-end;margin-bottom:30px}
.featured-section .section-heading h2{margin-bottom:8px}
.featured-section .section-heading p{margin:0;color:var(--muted);font-size:16px}
.featured-section .section-heading>.text-link{flex-shrink:0;margin-bottom:3px}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}
.featured-project{min-width:0;border-top:1px solid var(--line);padding-top:16px}
.featured-art{display:flex;width:100%;height:240px;align-items:center;justify-content:center;background:#ebece7;text-decoration:none}
.featured-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
/* The source contains front and back DVD covers; this portrait window keeps the entire front cover visible. */
.featured-art img.featured-jkd-cover{width:auto;aspect-ratio:18/25;object-fit:cover;object-position:18% center}
.featured-copy{padding-top:17px}
.featured-kind{font-size:11px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:var(--accent);margin:0 0 8px}
.featured-project h3{font:400 24px/1.22 Georgia,serif;letter-spacing:0;margin:0 0 10px}
.featured-project h3 a{text-decoration:none}
.featured-project h3 a:hover{text-decoration:underline}
.featured-copy>p:not(.featured-kind){font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 10px}
.featured-copy>p.featured-credit{font-size:12px;margin-top:12px}
.development-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.development-grid .project p:not(.meta){max-width:44ch}
.portfolio-archive{border-top:1px solid var(--line);padding:56px 0 0;scroll-margin-top:28px}
.portfolio-archive>h2{margin-bottom:24px}
.portfolio-archive .portfolio-categories{padding-bottom:30px}
.portfolio-archive .portfolio-section{padding:40px 0}
.portfolio-archive .portfolio-section>h3{font:400 30px/1.2 Georgia,serif;margin:0 0 20px;letter-spacing:0}
.portfolio-archive .archive-item h4{font-size:20px;line-height:1.35;letter-spacing:-.3px;margin:12px 0}
@media(max-width:950px){
 .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .featured-art{height:220px}
 .featured-project h3{font-size:24px}
}
@media(max-width:620px){
 .featured-section{padding:36px 0 44px}
 .featured-section .section-heading{display:block;margin-bottom:24px}
 .featured-section .section-heading>.text-link{display:inline-block;margin-top:16px}
 .featured-grid{display:block}
 .featured-project{display:block;margin-bottom:30px;padding-top:16px}
 .featured-art{height:230px}
 .featured-copy{padding-top:16px}
 .featured-project:last-child{margin-bottom:0}
 .featured-project h3{font-size:25px}
 .development-grid{grid-template-columns:1fr;gap:24px}
 .portfolio-archive{padding-top:36px}
 .portfolio-archive .portfolio-section{padding:32px 0}
 .portfolio-archive .portfolio-section>h3{font-size:27px}
}