/* Wide character scenes follow the films site's desktop composition. */
#characters .engineering-picture{display:block;margin:0;width:100%}
@media(min-width:761px){
 #characters .engineering-grid{grid-template-columns:1fr;max-width:980px;margin-inline:auto}
 #characters .engineering-card{position:relative;display:block;aspect-ratio:3/2;border-radius:8px;container-type:inline-size}
 #characters .engineering-picture{position:absolute;inset:0;height:100%}
 #characters .engineering-scene{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
 #characters .engineering-copy{position:absolute;left:55%;top:0;width:43%;height:70%;padding:3%;justify-content:center;flex:none}
 #characters .engineering-copy h3{font-size:clamp(22px,3.9cqw,36px);line-height:1.14;margin-top:18px}
 #characters .engineering-copy h3>span,#characters .engineering-copy p>span{white-space:nowrap}
 #characters .engineering-copy p{font-size:clamp(15px,2.2cqw,20px);line-height:1.5;margin-top:20px}
 #characters .engineering-name{font-size:clamp(10px,1.4cqw,12px);padding:6px 14px}
 #characters .engineering-action{width:auto;max-width:100%;min-height:46px;font-size:clamp(12px,1.7cqw,15px);margin-top:24px;padding:12px 38px 12px 22px}
 #characters .engineering-action>span{right:14px;font-size:18px}
}
@media(min-width:1200px){
 #characters .engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
}
@media(min-width:1200px) and (max-width:1450px){
 #characters .engineering-copy h3{margin-top:12px}
 #characters .engineering-copy p{margin-top:12px}
 #characters .engineering-action{margin-top:16px;min-height:42px;padding:10px 30px 10px 16px}
}