/* Theme, promise, explanation, supporting strengths. */
#film-panel.compact{width:45%;max-width:680px}
.compact #film-title{font-size:clamp(50px,4.5vw,64px);line-height:1.15;letter-spacing:-.025em;font-weight:650;max-width:none;margin-bottom:26px}
.compact #film-title span:first-child{font-size:clamp(35px,2.95vw,44px);line-height:1.25;letter-spacing:-.015em;font-weight:500}
.compact #film-title span+span{margin-top:12px}
.compact #film-description{font-size:20px;line-height:1.65;max-width:26em}
.compact #film-details{margin-top:30px;gap:12px 28px}
.compact .film-benefit strong{font-size:17px;line-height:1.6;font-weight:500;letter-spacing:.025em}
@media(min-width:701px) and (max-width:1100px){#film-panel.compact{left:5%;width:48%;max-width:none}.compact #film-title{font-size:clamp(33px,4.3vw,47px);line-height:1.2;letter-spacing:-.025em}.compact #film-title span:first-child{font-size:clamp(28px,3.2vw,35px)}.compact #film-description{font-size:18px;max-width:23em}.compact .film-benefit strong{font-size:15px}.compact #film-details{gap:12px 22px}}
@media(max-width:700px){#film-panel.compact{left:5%;width:90%;bottom:3%;height:35%;max-width:none}.compact #film-title{font-size:clamp(30px,7.8vw,38px);line-height:1.2;letter-spacing:-.025em;margin-bottom:18px}.compact #film-title span:first-child{font-size:26px;line-height:1.25;font-weight:500}.compact #film-title span+span{margin-top:9px}.compact #film-description{font-size:17px;line-height:1.65;max-width:26em}.compact #film-details{margin-top:22px;gap:10px 24px}.compact .film-benefit strong{font-size:15px;line-height:1.5}}
@media(max-width:700px) and (max-height:700px){#film-panel.compact{bottom:3%;height:36%}.compact #film-title{font-size:27px;margin-bottom:14px}.compact #film-title span:first-child{font-size:22px}.compact #film-details{margin-top:16px}}