.spotlight-video{background:#e5e6dd;color:#34382f;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;overflow:hidden}.spotlight-copy>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.spotlight-copy h2{font-size:clamp(40px,4.7vw,72px);font-weight:300;line-height:1.06;margin:24px 0}.spotlight-copy p{font-size:14px;color:#6a6e5d;max-width:390px;margin:24px 0}.spotlight-copy .text-link{font-size:11px;min-width:230px}.spotlight-film{max-width:380px;width:100%;justify-self:center}.spotlight-film video{width:100%;height:510px;object-fit:contain;background:#20251e;display:block;border-radius:2px}.spotlight-film figcaption{font-size:9px;text-align:center;color:#717764;margin-top:12px}@media(max-width:700px){.spotlight-video{grid-template-columns:1fr;padding:40px 6%;gap:30px}.spotlight-copy h2{font-size:43px}.spotlight-copy p{font-size:12px}.spotlight-film{max-width:330px}.spotlight-film video{height:450px}.spotlight-copy .text-link{width:100%}}
/* Keep the project identity and both media items together. */
.portfolio-feature{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px 5%;align-items:start}
.portfolio-feature .spotlight-copy,.portfolio-feature-links{grid-column:1/-1}
.portfolio-feature .spotlight-copy h2{font-size:clamp(34px,4vw,64px);margin:12px 0}
.portfolio-feature .spotlight-copy p{max-width:60ch;margin:12px 0 0}
.portfolio-feature figure{margin:0;min-width:0}
.portfolio-render a,.portfolio-render img{display:block;width:100%}
.portfolio-render img{aspect-ratio:3/2;object-fit:contain;background:#eeefe8;border-radius:2px}
.portfolio-feature .spotlight-film video{height:auto;max-height:450px;aspect-ratio:9/16}
.portfolio-feature figcaption{font-size:12px;color:#515748;margin:10px 0;text-align:left;line-height:1.45}
.portfolio-feature-links{display:flex;flex-wrap:wrap;gap:16px 32px}
.portfolio-other-heading{padding:40px 7% 0}
.portfolio-other-heading h2{font-size:clamp(26px,3.3vw,48px);font-weight:300;margin:0}
@media(max-width:700px){
 .portfolio-feature{grid-template-columns:minmax(0,1fr);gap:24px}
 .portfolio-feature .spotlight-film{width:min(100%,280px)}
 .portfolio-feature-links{display:grid}
 .portfolio-other-heading{padding:30px 6% 0}
}