/* Spacing corrections are scoped to the selected cinematic concept. */
.cinematic .work-grid{align-items:start;column-gap:clamp(18px,2vw,28px)}
.cinematic .work-card{display:grid;grid-template-rows:auto auto 1fr;align-content:start;align-self:stretch}
.cinematic .work-art{display:grid;grid-template-rows:2.8em minmax(0,1fr) 2.8em;gap:16px;padding:clamp(20px,2.2vw,30px);height:320px}
.cinematic .work-art .project-no{font-size:9px;line-height:1.45;letter-spacing:.12em;position:relative;z-index:1}
.cinematic .work-art strong{font-size:clamp(26px,3vw,47px);line-height:1.04;letter-spacing:-.045em;align-self:center;overflow-wrap:normal}
.cinematic .work-art .project-footer{align-self:end;font-size:9px;line-height:1.4;letter-spacing:.1em;max-width:100%}
.cinematic .work-title{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:start;gap:12px;min-height:2.7em;line-height:1.35;margin-top:20px}
.cinematic .work-title>span{padding-top:2px;text-align:right}
.cinematic .work-card>p{margin:8px 0 0;line-height:1.55}
.cinematic .work-note{margin:30px 0 0;line-height:1.6}
.cinematic .section-head{align-items:start;gap:40px}
.cinematic .section-head>p{margin:28px 0 0;flex-shrink:0}
.cinematic .about p:last-of-type{margin-bottom:0}
.cinematic .about figure img{object-position:center 45%}
.cinematic .career h2{margin:14px 0 0}
.cinematic .career-row{gap:24px}
.cinematic .footer{align-items:start}
.cinematic .footer nav{flex-wrap:wrap;row-gap:12px}
@media(min-width:701px) and (max-width:1000px){
 .cinematic .work-art{height:300px;gap:12px}
 .cinematic .section-head{display:block}
 .cinematic .section-head>p{max-width:520px;margin-top:24px}
 .cinematic .expertise{gap:6%}
 .cinematic summary{font-size:19px;line-height:1.35}
 .cinematic .about figure{height:540px}
}
@media(max-width:700px){
 .cinematic .work-grid{row-gap:40px}
 .cinematic .work-art{height:340px;padding:28px;gap:18px}
 .cinematic .work-art strong{font-size:clamp(30px,9vw,44px)}
 .cinematic .work-title{min-height:0;margin-top:18px}
 .cinematic .section-head{margin-bottom:32px}
 .cinematic .section-head>p{margin-top:24px}
 .cinematic .career-row{gap:18px;padding:24px 0}
 .cinematic .footer>div,.cinematic .footer>nav{margin:0 0 22px}
 .cinematic .footer>*:last-child{margin-bottom:0}
}
@media(max-width:360px){.cinematic .concept-bar{font-size:9px}.cinematic .concept-bar a{padding:6px 5px}}