header.on-contrast{& .dd_nav-wrapper .dd_navbar{& a:after{background-color:oklch(var(--color-contrast-3))}& .nav-link--cast{& a{pointer-events:none;&:after{height:.7em}}}}& .ci_logo--phone,& .ci_logo--desktop{& .ci_logo__text path{color:oklch(var(--color-contrast))}& .ci_logo__ampersand{color:oklch(var(--color-base-3))}}}main.on-contrast{&:before{content:"";-webkit-margin-before:0;background-color:oklch(var(--color-contrast));z-index:-1;width:50%;margin-block-start:0;position:absolute;top:0;bottom:0;right:0}& .dd_title-container{background-color:inherit}}.dd_cast-crew-title{flex-direction:row;justify-content:space-between;display:flex;& span{text-wrap:nowrap;&:first-of-type{color:oklch(var(--color-contrast))}}& span.ampersand{pointer-events:none;color:oklch(var(--color-base-3));@media screen and (width>=380px){&{padding-left:.38em}}}}.cast-crew-list{flex-direction:row;justify-content:space-between;width:100%;display:flex;& .cast-crew-list__wrapper{width:100%;& .cast-list,& .crew-list{width:100%;margin:0;padding:0;list-style-type:none;& .cast-crew-list__role-position{margin-top:.2rem;font-weight:600;line-height:1.1}& a{color:oklch(var(--color-contrast));flex-direction:column;justify-content:flex-start;min-height:calc(clamp(1.3rem,1.017vw + .975rem,2.5rem) + 1.5rem);padding:1rem .7rem;text-decoration:none;display:flex;& h3{margin:0;transition:font-weight .2s}&:hover h3{font-weight:700}& .cast-crew-list__role-position{color:oklch(var(--color-neutral))}&>*{pointer-events:none}}}& .cast-list{text-align:start;& a h3{color:oklch(var(--color-contrast))}& a{margin-left:-.7rem;&:hover{background-color:oklch(var(--color-base-2))}}}& .crew-list{text-align:end;& a h3{color:oklch(var(--color-base))}& a{margin-right:-.7rem;&:hover{background-color:oklch(var(--color-contrast-2))}}}}& .cast-crew-list__portrait,& .cast-crew-list__portrait-phone{pointer-events:none;& img{filter:var(--photo-filter)}}}.cast-crew-list__portrait-phone{aspect-ratio:4/3;width:100%;& img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block}}.dd_title-container h1{z-index:5;position:relative}.cast-crew{gap:var(--spacing-10);-webkit-margin-before:0;flex-direction:column-reverse;margin-block-start:0;display:flex;& .cast-crew__details{flex-direction:column;justify-content:space-between;width:100%;min-height:100%;display:flex;& .cast-crew__role-position{font-size:var(--wp--preset--font-size--xx-large);letter-spacing:-.02em;font-weight:500;line-height:1.2}& .cast-crew__about{margin-top:var(--spacing-30);margin-bottom:var(--spacing-10);& p.is-style-lead{margin-bottom:var(--spacing-10)}}}& .cast-crew__portrait{aspect-ratio:1;width:100%;height:fit-content;& figure{-webkit-margin-after:0;aspect-ratio:1;border:solid 1px oklch(var(--color-base-2)/.8);border-radius:var(--radius);flex-direction:row;align-items:flex-end;gap:0;margin:0;margin-block-end:0;display:flex;& img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);width:100%;height:100%}& figcaption{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;width:0;padding-bottom:2px;position:relative;right:-.85rem}}}& .is-style-outline .wp-block-button__link.wp-element-button{color:currentColor;background:0 0;border:2px solid;padding:calc(.84rem - 2px) calc(1.3rem - 2px) calc(.85rem - 2px)}}@media screen and (width>=769px){.cast-crew-list .cast-crew-list__portrait{top:var(--spacing-10);z-index:60;aspect-ratio:1;margin-left:-25vh;margin-right:-25vh;margin-top:calc(-1*(var(--spacing-30) + var(--spacing-10) + var(--wp--preset--font-size--xxxx-large)/2.4));height:50vh;min-height:350px;display:block;position:-webkit-sticky;position:sticky;& img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%;border-radius:var(--radius);width:100%;height:100%}}.cast-crew{gap:var(--spacing-gap);grid-template-columns:1fr 1fr;display:grid;& .cast-crew__portrait{aspect-ratio:inherit;margin-top:calc(-1*(var(--spacing-30) + var(--spacing-10) + var(--wp--preset--font-size--xxxx-large)/2.4));height:calc(100% + ( var(--spacing-30) + var(--spacing-10) + var(--wp--preset--font-size--xxxx-large)/2.4 ));& figure{position:-webkit-sticky;position:sticky;top:14.5dvh;@supports not (height:14.5dvh){&{min-height:14.5vh}}& figcaption{right:-1rem}}}}}