.portrait-section{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(32px,7vw,118px);align-items:center;background:var(--paper);padding:clamp(50px,7vw,110px) var(--gutter)}
.portrait{position:relative;max-width:560px;width:100%;margin:0}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 26%}.portrait figcaption{display:flex;justify-content:space-between;padding:14px 0;font-size:14px;border-bottom:1px solid var(--ink)}.portrait figcaption span{font-size:12px}.portrait-copy>p:first-child{font-size:17px}.portrait-copy h2{font-weight:800;font-size:clamp(44px,5.6vw,100px);letter-spacing:-.065em;line-height:.98;margin:25px 0 35px}.portrait-copy h2>span{display:inline-block}.portrait-copy>p:nth-of-type(2){font-size:clamp(17px,1.6vw,24px);line-height:1.5;max-width:42ch}
.voices{background:var(--ink);color:var(--paper);padding:clamp(50px,6.5vw,100px) var(--gutter)}.voices header>p{font-size:15px;color:var(--green);margin-bottom:18px}.voices h2{margin:0;font-size:clamp(45px,6.4vw,108px);letter-spacing:-.07em;line-height:1}.voices-layout{display:grid;grid-template-columns:minmax(170px,.6fr) minmax(0,1.5fr);gap:9%;margin-top:clamp(30px,5vw,75px)}.voice-index{display:flex;flex-direction:column;align-self:start;border-top:1px solid #ffffff45}.voice-index button{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding:19px 5px;text-align:left;border-bottom:1px solid #ffffff45;color:var(--paper)}.voice-index small{font-size:12px}.voice-index button span{font-size:clamp(20px,2vw,32px);letter-spacing:-.045em}.voice-index b{opacity:0;font-weight:400}.voice-index button[aria-pressed=true]{color:var(--green)}.voice-index button[aria-pressed=true] b{opacity:1}.voice-panel{display:grid;grid-template-columns:1fr;align-content:start;position:relative;min-width:0}.voice-mark{color:var(--green);font:800 90px/.8 DM,Arial,sans-serif;height:56px}.voice-panel blockquote{margin:0;font-size:clamp(24px,2.6vw,43px);line-height:1.18;letter-spacing:-.04em;max-width:38ch}.voice-panel figcaption{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:30px}.voice-panel figcaption strong,.voice-panel figcaption small{display:block}.voice-panel figcaption small{margin-top:4px;font-size:13px}.voice-case{font-size:13px;color:var(--green);border-bottom:1px solid;padding-bottom:3px}.voices :focus-visible{outline-color:var(--green)}.voice-panel figure:not([hidden]){animation:voice-in .35s ease-out}@keyframes voice-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.project-media img.cover,.project-link:hover img.cover,.project-link:focus-visible img.cover{transform:none;transition:none}.hero-emblem>img{width:100%;transform:rotate(-12deg)}.hero-emblem{filter:none}.footer-bottom{padding-bottom:25px}
@media(max-width:650px){.portrait-section{grid-template-columns:1fr;gap:28px}.portrait-copy{grid-row:1}.portrait-copy h2{font-size:12vw;margin:18px 0}.portrait img{aspect-ratio:4/4.7}.voices-layout{grid-template-columns:1fr;gap:26px}.voice-index{flex-direction:row;border:0;gap:8px}.voice-index button{grid-template-columns:1fr;gap:3px;flex:1;padding:10px 0}.voice-index button span{font-size:18px}.voice-index b{display:none}.voice-index button[aria-pressed=true]{border-bottom-color:var(--green)}.voice-mark{font-size:74px;height:43px}.voice-panel blockquote{font-size:25px}.hero-bottom .jump-work{grid-row:auto}}

/* The film has its own picture area, with the controls outside the edit. */
.film-section{padding:clamp(16px,3vw,52px) var(--gutter)}
.film-stage{display:block;min-height:0;max-height:none;height:auto}
.film-frame{height:auto;width:min(100%,1480px);margin:auto}
.film-frame video{height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--ink)}
.film-heading,.film-controls{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,2.5vw,44px);gap:16px}
.film-heading{font-size:clamp(14px,1.25vw,22px)}
.film-heading span:last-child{font-size:12px}
.film-expand{color:var(--paper);display:flex;align-items:center;gap:14px;font-size:16px}
.film-expand span{color:var(--green);font-size:23px}
.film-controls{border-top:1px solid #ffffff35}
@media(max-width:680px){.film-section{padding:16px 0}.film-frame video{aspect-ratio:4/5}.film-heading,.film-controls{padding:12px 18px}.film-expand{font-size:14px}}