/* Compact commissioned films; video is loaded on the individual watch page. */
.commission-section{padding-block:70px 90px}
.commission-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:36px}
.commission-heading h2{font-size:clamp(34px,4vw,58px);line-height:1.08}
.commission-heading>p{font-size:16px;line-height:1.8;max-width:31em;color:var(--muted)}
.commission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.commission-card{min-width:0;border:1px solid var(--line);background:#f2e9d9}
.commission-card>a{display:flex;flex-direction:column;height:100%}
.commission-art{position:relative;aspect-ratio:4/3;overflow:hidden;background:#202623}
.commission-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.commission-art--portrait img{object-fit:contain}
.commission-art>span{position:absolute;bottom:0;left:0;right:0;background:#202623eF;color:#f2ede2;display:flex;align-items:center;gap:10px;padding:13px 16px;font:11px/1.6 var(--mono)}
.commission-art>span small{margin-left:auto;font-size:10px}
.commission-art .icon{width:15px;height:15px}
.commission-copy{padding:25px;display:flex;flex-direction:column;flex:1}
.commission-copy .eyebrow{font-size:9px;line-height:1.8;min-height:32px}
.commission-copy h3{font-size:27px;line-height:1.12;letter-spacing:-.035em;margin:10px 0 15px}
.commission-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:24px}
.commission-open{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;font-size:12px;font-weight:600}
.commission-card a:hover .commission-art img{transform:scale(1.025)}
.commission-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.commission-grid--single{grid-template-columns:1fr}
.commission-grid--single .commission-card>a{display:grid;grid-template-columns:1fr 1fr}
.commission-grid--single .commission-art{aspect-ratio:4/3;max-height:440px}
.commission-grid--single .commission-copy{justify-content:center;padding:clamp(24px,4vw,56px)}
.commission-grid--single .commission-copy h3{font-size:clamp(28px,3vw,42px)}
.commission-grid--single .commission-copy .eyebrow{min-height:0}
.commission-grid--single .commission-open{margin-top:12px}
.sv-category-proof{font-size:14px!important;line-height:1.8!important}
.sv-category-proof a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.commission-grid{gap:16px}.commission-copy{padding:18px}.commission-copy h3{font-size:23px}.commission-heading{gap:35px}}
@media(max-width:680px){.commission-section{padding-block:45px 55px}.commission-heading{grid-template-columns:1fr;gap:20px}.commission-heading>p{font-size:15px}.commission-grid{grid-template-columns:1fr;gap:25px}.commission-copy{padding:24px}.commission-copy h3{font-size:29px}.commission-copy .eyebrow{min-height:0}.commission-grid--single .commission-card>a{grid-template-columns:1fr}.commission-grid--single .commission-art{max-height:none}}
@media(prefers-reduced-motion:reduce){.commission-art img{transition:none}.commission-card a:hover .commission-art img{transform:none}}
