.portrait-heading{padding:76px 7vw 54px;background:var(--cream)}
.portrait-heading .eyebrow{margin:0 0 24px}
.portrait-heading h1{font-size:clamp(76px,11vw,156px);letter-spacing:-.07em;line-height:.83;font-weight:500;margin:0}
.portrait-name{font-family:'Noto Sans TC',sans-serif;font-size:25px;letter-spacing:.35em;margin:22px 0 19px}
.portrait-context{font-size:12px;line-height:1.85;letter-spacing:.11em;text-transform:uppercase;color:#62645e;margin:0}
.portrait-context span{font-size:13px;letter-spacing:.12em}
.portrait-gallery{padding:0 7vw 105px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:34px 20px;align-items:start;background:var(--cream)}
.portrait{margin:0;min-width:0}
.portrait img{width:100%;height:auto;object-fit:cover;background:#d8d5d0}
.portrait figcaption{padding-top:10px;color:#74756f;font-size:9px;text-transform:uppercase;letter-spacing:.18em}
.portrait-1{grid-column:1 / span 5}.portrait-2{grid-column:7 / span 6;margin-top:72px}
.portrait-3{grid-column:2 / span 4;margin-top:-8px}.portrait-4{grid-column:7 / span 5;margin-top:68px}
.portrait-5{grid-column:1 / span 5;margin-top:0}.portrait-6{grid-column:7 / span 6;margin-top:64px}
.portrait-7{grid-column:4 / span 6;margin-top:8px}
@media(max-width:760px){.site-header nav a:nth-child(3){display:inline}.portrait-heading{padding:56px 6vw 38px}.portrait-heading h1{font-size:clamp(68px,17vw,112px)}.portrait-name{font-size:21px}.portrait-gallery{padding:0 6vw 70px;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 12px}.portrait-1{grid-column:1 / span 5}.portrait-2{grid-column:2 / span 5;margin-top:10px}.portrait-3{grid-column:1 / span 4;margin-top:0}.portrait-4{grid-column:3 / span 4;margin-top:14px}.portrait-5{grid-column:1 / span 5}.portrait-6{grid-column:2 / span 5;margin-top:10px}.portrait-7{grid-column:1 / span 5;margin:0 auto;width:100%}.portrait figcaption{font-size:8px}}