.op-site.op-sequence{--sq-direction:1;--sq-control-height:clamp(70px, 9cqw, 112px);--sq-page-chrome:154px}.op-site.op-sequence.sq-backwards{--sq-direction:-1}.op-site.op-sequence .dr-room{min-height:calc(100svh - 36px);padding-bottom:30px}.op-site.op-sequence.op-featured .dr-room{overflow:clip}.op-site.op-sequence .df-nav{justify-content:space-between}.op-site.op-sequence .sq-home{white-space:nowrap}.op-site.op-sequence.op-featured .df-masthead{width:18%;top:0;left:0}.op-site.op-sequence.op-featured .dr-family-name{font-size:19cqw}.op-site.op-sequence.op-featured .df-featured{width:clamp(85%, calc((100svh - var(--sq-page-chrome)) * 20 / 19), 100%);margin-top:24px;aspect-ratio:20/19;height:auto;min-height:0;margin-inline:auto 0;container-type:inline-size}.op-site.op-sequence .sq-stage{overflow-clip-margin:8px;clip-path:inset(-8px -8px -8px 17%);height:100%;position:relative;overflow:clip}.op-site.op-sequence.op-featured .df-slide{height:100%;min-height:0}.op-site.op-sequence.op-featured .df-slide .df-print{aspect-ratio:4/5;width:76%;height:auto;margin-left:auto;margin-right:0}.op-site.op-sequence.op-featured .df-slide .df-project-name{max-width:min(38%,340px);bottom:6%;left:21%;right:auto}.op-site.op-sequence.op-featured .op-layout-left .df-project-name{bottom:38%;left:auto;right:0}.op-site.op-sequence .sq-control-rail{pointer-events:none;z-index:7;position:absolute;inset:0 14px 14px 0}.op-site.op-sequence .sq-controls{top:calc(100svh - var(--sq-control-height) - max(24px, env(safe-area-inset-bottom)));width:max-content;height:var(--sq-control-height);pointer-events:auto;gap:12px;margin-left:auto;display:flex;position:sticky;transform:rotate(.4deg)}.op-site.op-sequence .sq-arrow{width:clamp(50px,6cqw,82px);height:var(--sq-control-height);background:var(--op-paper);color:var(--op-ink);border:2px solid var(--op-ink);place-items:center;padding:14px 12px;transition:transform .12s;display:grid;box-shadow:3px 3px #091e2080}.op-site.op-sequence .sq-arrow svg{width:100%;height:100%;overflow:visible}.op-site.op-sequence .sq-previous svg{transform:scaleX(-1)}.op-site.op-sequence .sq-arrow:hover{transform:translateY(-3px)}.op-site.op-sequence .sq-arrow[aria-disabled=true]{cursor:default}.op-site.op-sequence .df-slide-enter{opacity:1;animation:.32s cubic-bezier(.22,.7,.25,1) both sq-arrive}.op-site.op-sequence .df-slide-exit{opacity:1;animation:.32s cubic-bezier(.22,.7,.25,1) both sq-depart}@keyframes sq-arrive{0%{transform:translateX(calc(var(--sq-direction) * 100%))}to{transform:translate(0)}}@keyframes sq-depart{0%{transform:translate(0)}to{transform:translateX(calc(var(--sq-direction) * -100%))}}.op-site.op-sequence .df-about{margin-top:34px}.op-site.op-sequence.op-archive .dr-section-heading{justify-content:flex-end}.op-site.op-sequence.op-featured.op-project-man-man .df-masthead{color:#b8d0ba}.op-site.op-sequence .op-film-man-man .df-project-name{color:#332d3e;background:#cea1b2}.op-site.op-sequence.op-featured.op-project-runnin .df-masthead{color:var(--op-paper)}.op-site.op-sequence .op-film-runnin .df-project-name{color:#0a1713;background:#ed795d}.op-site.op-sequence.op-featured.op-project-recording-parties{--op-paper:#e6e3cf;--op-ink:#0a1713}.op-site.op-sequence.op-featured.op-project-recording-parties .dr-room{background:var(--op-paper)}.op-site.op-sequence.op-featured.op-project-recording-parties .df-masthead{color:#165bb5}.op-site.op-sequence.op-featured.op-project-recording-parties .df-nav{color:var(--op-ink);border-color:#0a171377}.op-site.op-sequence.op-featured.op-project-recording-parties .df-nav a:is([aria-current=page],:hover){color:#165bb5;text-underline-offset:5px;text-decoration:underline}.op-site.op-sequence .op-film-recording-parties .df-project-name{color:#0a1713;background:#09c6ac}.op-site.op-sequence.op-featured.op-project-diiv .dr-room{background:#07555a}.op-site.op-sequence.op-featured.op-project-diiv .df-masthead{color:#eee951}.op-site.op-sequence.op-featured .op-film-diiv .df-print{aspect-ratio:1058/1487;width:67.5925%}.op-site.op-sequence .op-film-diiv .dr-print-image{aspect-ratio:1058/1487}.op-site.op-sequence .op-film-diiv img{object-fit:contain}.op-site.op-sequence.op-featured .df-slide.op-film-diiv .df-project-name{color:#09292e;background:#eee951;inset:6% 0 auto auto}.op-site.op-sequence.op-featured.op-project-class-actress .dr-room{background:#d60661}.op-site.op-sequence .op-film-class-actress .df-project-name{color:#141c56;background:#f5e4c9}.op-site.op-sequence.op-featured.op-project-save-my-life .dr-room{background:#382044}.op-site.op-sequence.op-featured.op-project-save-my-life .df-masthead{color:#eee96e}.op-site.op-sequence.op-featured .df-slide.op-film-save-my-life .df-project-name{color:#382044;background:#c7e929;top:6%;bottom:auto;left:25%}.op-site.op-sequence.op-featured.op-project-rival-schools{--op-paper:#d4ff45;--op-ink:#251044;--op-blue:#7624ff}.op-site.op-sequence.op-featured.op-project-rival-schools .df-masthead{color:#7624ff}.op-site.op-sequence .op-film-rival-schools .df-project-name{color:#251044;background:#ff5b59}.op-site.op-sequence.op-featured.op-project-rdgldgrn .dr-room{background:#066746}.op-site.op-sequence.op-featured .df-slide.op-film-rdgldgrn .df-project-name{color:#102b25;background:#ef4327;inset:5% 0 auto auto}.op-site.op-sequence.op-featured.op-project-antibalas .dr-room{background:#681e21}.op-site.op-sequence.op-featured.op-project-antibalas .df-masthead{color:#edaa37}.op-site.op-sequence.op-featured .df-slide.op-film-antibalas .df-project-name{color:#501c20;background:#edaa37;top:5%;bottom:auto;left:27%}.op-site.op-sequence.op-featured .df-slide:is(.op-film-rdgldgrn,.op-film-antibalas) .df-print{aspect-ratio:1073/1466;width:69.5327%}.op-site.op-sequence .df-slide:is(.op-film-rdgldgrn,.op-film-antibalas) .dr-print-image{aspect-ratio:1073/1466}.op-site.op-sequence .df-slide:is(.op-film-rdgldgrn,.op-film-antibalas) img{object-fit:contain}@container (width<=640px){.op-site.op-sequence .df-nav{gap:8px}.op-site.op-sequence .df-nav nav{gap:12px}.op-site.op-sequence .dr-room{--sq-control-height:70px;--sq-page-chrome:137px;padding-bottom:22px}.op-site.op-sequence.op-featured .df-featured{margin-top:20px}.op-site.op-sequence.op-featured .df-slide .df-project-name{max-width:70%;padding:13px;bottom:28%;left:20%;right:auto}.op-site.op-sequence .sq-control-rail{inset:0 3px 6px 0}.op-site.op-sequence .sq-controls{gap:10px}.op-site.op-sequence .sq-arrow{width:48px;height:70px;padding:11px}}@media (max-width:640px){.op-site.op-sequence .dr-room{--sq-page-chrome:119px;min-height:calc(100svh - 18px)}}.op-site.op-sequence.op-featured .op-film-stranger .df-project-name,.op-site.op-sequence.op-featured .op-film-naomi-shelton .df-project-name,.op-site.op-sequence.op-featured .op-film-buffalo-hunt .df-project-name{max-width:min(52%,340px);bottom:auto;left:26%;right:auto}.op-site.op-sequence.op-featured .op-film-stranger .df-project-name{top:10%}.op-site.op-sequence.op-featured .op-film-stranger .df-project-name h2{font-size:clamp(17px,3.1cqw,49px)}.op-site.op-sequence.op-featured .op-film-naomi-shelton .df-project-name{top:4%}.op-site.op-sequence.op-featured .op-film-naomi-shelton .df-project-name h2{font-size:clamp(14px,2.45cqw,39px)}.op-site.op-sequence.op-featured .op-film-buffalo-hunt .df-project-name{top:3%}@media (prefers-reduced-motion:reduce){.op-site.op-sequence .df-slide-enter,.op-site.op-sequence .df-slide-exit{animation:none}.op-site.op-sequence .df-slide-exit{visibility:hidden}.op-site.op-sequence .sq-arrow{transition:none}}.op-site.op-sequence.op-featured.op-project-rival-schools.op-rival-uganda{--op-paper:#f6d32d;--op-ink:#191616;--op-blue:#b31b20}.op-site.op-sequence.op-featured.op-project-rival-schools.op-rival-uganda .df-masthead{color:#191616}.op-site.op-sequence.op-rival-uganda .op-film-rival-schools .df-project-name{color:#ffdf32;background:#c92228}.op-site.op-sequence .df-project-name{isolation:isolate;-webkit-mask-image:url(/images/sequence/swatch-cut.svg);mask-image:url(/images/sequence/swatch-cut.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.op-site.op-sequence .df-project-name:after{content:"";z-index:1;pointer-events:none;opacity:.8;background:url(/images/sequence/swatch-wear.svg) 0 0/100% 100%;position:absolute;inset:0}.op-site.op-sequence .df-slide:is(.op-film-stranger,.op-film-miko-dtb,.op-film-antibalas) .df-project-name:after{transform:rotate(180deg)}.op-site.op-sequence .df-slide:is(.op-film-old-friend,.op-film-diiv,.op-film-recording-parties) .df-project-name:after{transform:scaleX(-1)}