/* A family of film posters, taking its hierarchy from the supplied Akela art. */
.film-poster{position:relative;display:block;width:100%;height:100%;aspect-ratio:4/5;overflow:hidden;background:#050505;container-type:inline-size;isolation:isolate;transition:opacity .35s ease}
.film-poster.poster-supplied .poster-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none!important;filter:none!important}
.poster-photograph{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(transparent 16%,#000 34%,#000 64%,transparent 88%)}
.film-poster .poster-photograph .poster-still{position:absolute;inset:18% 0 0;width:100%;height:76%;object-fit:cover;object-position:var(--poster-position,50% 50%);transform:none;filter:brightness(.88) saturate(.88)}
.poster-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(#050505 5%,#050505f5 13%,#050505a3 28%,#05050508 46%,#05050515 65%,#050505dc 85%,#050505 95%);pointer-events:none}
.poster-heading{position:absolute;left:7%;right:7%;top:7%;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3cqw;color:#efeee9}
.poster-category{font:400 max(12px,2.25cqw)/1.3 Arial,Helvetica,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#bbb8b5}
.poster-title{font-family:Georgia,'Times New Roman',serif;font-size:12cqw;font-weight:400;line-height:1.06;letter-spacing:.10em;text-indent:.10em;text-transform:uppercase;text-wrap:balance;max-width:100%;overflow-wrap:normal;text-shadow:0 3px 18px #000a}
.poster-title-medium .poster-title{font-size:9.2cqw;letter-spacing:.07em;text-indent:.07em}
.poster-title-long .poster-title{font-size:7.5cqw;letter-spacing:.05em;text-indent:.05em}
.poster-subtitle{font:400 max(12px,2.8cqw)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#d5d0cc;max-width:92%;text-wrap:balance}
.poster-billing{position:absolute;left:9%;right:9%;bottom:6%;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.2cqw}
.poster-rule{height:2px;width:12%;background:#a93d40}
.poster-house{font:400 max(12px,3cqw)/1 Arial,Helvetica,sans-serif;letter-spacing:.3em;text-indent:.3em;color:#dcd8d4}
.poster-meta{font:400 max(12px,2.4cqw)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.07em;color:#aaa4a1}.poster-meta i{font-style:normal;padding:0 8px;color:#a93d40}
.film-trigger{isolation:isolate}.film-trigger>.film-poster,.cinema-image>.film-poster{margin:auto}
.film-trigger.previewing .film-poster{opacity:0}.film-trigger>video,.cinema-image>video{z-index:2;object-fit:contain!important;background:#050505}.film-trigger .scene-play,.film-trigger .cinema-play,.practice-film>span{z-index:3}
.cinema-image>.film-poster{height:100%;width:auto;max-width:100%;aspect-ratio:4/5}
.practice-film{aspect-ratio:4/5!important;max-width:360px;width:100%;justify-self:center;border-radius:2px!important}
.practice-film>.film-poster{position:absolute;inset:0}
.practice-film>span{opacity:0;transition:opacity .2s}.practice-film:hover>span,.practice-film:focus-visible>span{opacity:1}
/* Portrait cover art has one consistent size, regardless of film orientation. */
.collection-view .collection-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px;align-items:start}
.collection-view .project-card,.collection-view .project-card:first-child,.collection-view .project-card:nth-child(even){grid-column:auto;margin-top:0;max-width:none}
.collection-view .project-card .project-image{aspect-ratio:4/5;max-width:none;border-radius:2px;background:#050505}
.project-image>.film-poster{position:absolute;inset:0}
.collection-view .project-card .project-image:after{display:none}
.collection-view .project-caption h2{font-size:18px;line-height:1.35;text-transform:none;letter-spacing:-.015em}
.collection-view .project-caption{flex-direction:column;gap:8px;padding-top:16px}.collection-view .project-caption>span{margin:0;font-size:12px;text-align:left;max-width:none}
.project-image .scene-play{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.project-image:hover .scene-play,.project-image:focus-visible .scene-play{opacity:1;transform:none}
.viewer-stage>.film-poster{height:57svh;width:auto;max-width:100%;margin:0 auto;aspect-ratio:4/5}
.viewer-stage:has(>.film-poster) .viewer-play{top:58%;bottom:auto;transform:translate(-50%,-50%);z-index:4;background:#09090ce8}
@media(min-width:1000px){.collection-view:not(.collection-all) .collection-projects{grid-template-columns:repeat(2,minmax(0,420px));gap:65px 5vw}.collection-fashion .project-card:nth-child(even),.collection-documentary .project-card:nth-child(even){margin-top:95px}.collection-music .project-card:first-child{max-width:420px}}
@media(max-width:900px){.collection-view .collection-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-film{max-width:310px}}
@media(max-width:600px){.collection-view .collection-projects{grid-template-columns:minmax(0,1fr);gap:44px}.collection-view .project-card{width:100%;max-width:440px;margin-inline:auto}.project-image .scene-play{opacity:1;transform:none;bottom:13%;right:5%;font-size:12px}.practice-film{max-width:340px}.practice-film>span{opacity:1;bottom:14%}.viewer-stage>.film-poster{height:53svh}.cinema-image>.film-poster{width:100%;height:100%}.poster-heading{gap:3.2cqw}.poster-category{letter-spacing:.11em}.poster-subtitle{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.film-poster,.project-image .scene-play{transition:none}}

/* Place the runway portrait below the billing, keeping the face visible. */
.film-poster[data-film-id="1uSbiYXyE_sgzRXJ-pIoiOZAj5bGv3IO5"] .poster-photograph .poster-still{top:30%;height:64%}

.poster-campaign .poster-photograph .poster-still{top:30%;height:64%;object-position:50% 0%;mask-image:linear-gradient(transparent,#000 16%,#000 82%,transparent)}