/* Keep the film's complete 16:9 composition visible at every viewport. */
.film-hero{grid-template-columns:1.4fr 1fr;gap:36px 8%;padding-top:48px;padding-bottom:26px}
.film-hero .hero-copy{padding:0}
.film-hero h1{font-size:clamp(48px,5vw,76px);max-width:850px}
.film-hero .hero-intro{margin:0;align-self:center;max-width:440px}
.film-hero .hero-intro>p:first-child{font-size:18px}
.film-hero .hero-description{max-width:440px;font-size:15px}
.film-hero .hero-actions{margin-top:16px}
.film-hero .text-link{margin-top:0}
.hero-film{grid-column:1/-1;min-width:0;position:relative}
.film-held-frame{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:16/9;pointer-events:none}
.film-held-frame[hidden]{display:none}
.hero-film>img,.hero-film>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--ink)}
.hero-film figcaption{align-items:center}
.film-toggle{flex-shrink:0;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--muted);background:transparent;color:var(--ivory);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.film-toggle:hover{color:var(--brass)}
.film-toggle[hidden]{display:none}
.hero-film figcaption{display:flex;justify-content:space-between;gap:24px;padding-top:18px;font-family:var(--ui);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 38px}
.work-image{display:block;aspect-ratio:3/2}
.work-entry[data-category=hair] .work-image img{object-fit:contain}
.case-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:15px 0;border-top:1px solid #b7beb3;text-decoration:none;font-family:var(--ui);font-size:13px}
.case-link:hover{color:#53664d}
.work-entry>p{max-width:54ch}
@media(max-width:1050px){.film-hero{gap:30px 5%}.film-hero h1{font-size:clamp(45px,5vw,60px)}.film-hero .hero-intro>p:first-child{font-size:16px}}
@media(max-width:760px){
 .film-hero{grid-template-columns:1fr;padding-top:32px;gap:25px}
 .film-hero h1{font-size:clamp(44px,10vw,64px)}
 .film-hero .hero-intro{max-width:560px}.film-hero .hero-actions{margin-top:15px}
 .hero-film{margin:3px calc(-1 * var(--gutter)) 0}
 .hero-film figcaption{padding:14px var(--gutter) 0;font-size:10px}
 .hero-film .hero-film-tagline{display:none}
 .work-grid{grid-template-columns:1fr;gap:40px}
 .work-image{aspect-ratio:4/3}
 .case-link{min-height:48px}
}
/* Editorial introduction: distinct positioning, disciplines and invitation. */
.film-hero{column-gap:6%;grid-template-columns:1.3fr 1fr}
.film-hero .hero-intro{max-width:480px;padding:8px 0 8px 30px;border-left:1px solid var(--line)}
.film-hero .hero-intro>p:first-child{font-family:var(--display);font-size:clamp(25px,2.4vw,35px);line-height:1.28}
.hero-worlds{display:block;margin-top:15px;font:14px/1.65 var(--ui);color:var(--muted)}
.film-hero .hero-description{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:22px;font-size:12px}
.hero-story-line{flex-basis:100%;font-family:var(--body);font-style:italic;font-size:15px;margin-top:8px;color:var(--ivory)}
@media(max-width:760px){.film-hero{grid-template-columns:1fr}.film-hero .hero-intro{padding:22px 0 0;border-left:0;border-top:1px solid var(--line);max-width:none}.film-hero .hero-intro>p:first-child{font-size:27px;max-width:26ch}.film-hero .hero-description{margin-top:16px}}