.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{top:0;left:0;width:18%}.op-site.op-sequence.op-featured .dr-family-name{font-size:19cqw}.op-site.op-sequence.op-featured .df-featured{container-type:inline-size;width:clamp(85%,calc((100svh - var(--sq-page-chrome)) * 20 / 19),100%);margin-top:24px;margin-inline:auto 0;aspect-ratio:20/19;height:auto;min-height:0}.op-site.op-sequence .sq-stage{position:relative;height:100%;overflow:clip;overflow-clip-margin:8px;clip-path:inset(-8px -8px -8px 17%)}.op-site.op-sequence.op-featured .df-slide{min-height:0;height:100%}.op-site.op-sequence.op-featured .df-slide .df-print{width:76%;height:auto;aspect-ratio:4/5;margin-left:auto;margin-right:0}.op-site.op-sequence.op-featured .df-slide .df-project-name{left:21%;right:auto;max-width:min(38%,340px);bottom:6%}.op-site.op-sequence.op-featured .op-layout-left .df-project-name{left:auto;right:0;bottom:38%}.op-site.op-sequence .sq-control-rail{position:absolute;inset:0 14px 14px 0;pointer-events:none;z-index:7}.op-site.op-sequence .sq-controls{position:sticky;top:calc(100svh - var(--sq-control-height) - max(24px, env(safe-area-inset-bottom)));width:max-content;height:var(--sq-control-height);margin-left:auto;display:flex;gap:12px;pointer-events:auto;transform:rotate(.4deg)}.op-site.op-sequence .sq-arrow{display:grid;place-items:center;width:clamp(50px,6cqw,82px);height:var(--sq-control-height);padding:14px 12px;background:var(--op-paper);color:var(--op-ink);border:2px solid var(--op-ink);box-shadow:3px 3px 0 #091e2080;transition:transform .12s ease}.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{animation:sq-arrive .32s cubic-bezier(.22,.7,.25,1) both;opacity:1}.op-site.op-sequence .df-slide-exit{animation:sq-depart .32s cubic-bezier(.22,.7,.25,1) both;opacity:1}@keyframes sq-arrive{0%{transform:translateX(calc(var(--sq-direction) * 100%))}to{transform:translateX(0)}}@keyframes sq-depart{0%{transform:translateX(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{background:#cea1b2;color:#332d3e}.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{background:#ed795d;color:#0a1713}.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-decoration:underline;text-underline-offset:5px}.op-site.op-sequence .op-film-recording-parties .df-project-name{background:#09c6ac;color:#0a1713}.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{width:calc(95% * 1058 / 1487);aspect-ratio:1058/1487}.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{left:auto;right:0;top:6%;bottom:auto;background:#eee951;color:#09292e}.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{background:#f5e4c9;color:#141c56}.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{top:6%;bottom:auto;left:25%;background:#c7e929;color:#382044}.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{background:#ff5b59;color:#251044}.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{top:5%;bottom:auto;left:auto;right:0;background:#ef4327;color:#102b25}.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{top:5%;bottom:auto;left:27%;background:#edaa37;color:#501c20}.op-site.op-sequence.op-featured .df-slide:is(.op-film-rdgldgrn,.op-film-antibalas) .df-print{width:calc(95% * 1073 / 1466);aspect-ratio:1073/1466}.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 (max-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{left:20%;right:auto;bottom:28%;max-width:70%;padding:13px}.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-buffalo-hunt .df-project-name,.op-site.op-sequence.op-featured .op-film-naomi-shelton .df-project-name,.op-site.op-sequence.op-featured .op-film-stranger .df-project-name{left:26%;right:auto;bottom:auto;max-width:min(52%,340px)}.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{background:#c92228;color:#ffdf32}.op-site.op-sequence .df-project-name{isolation:isolate;mask-image:url(/images/sequence/swatch-cut.svg);mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}.op-site.op-sequence .df-project-name:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url(/images/sequence/swatch-wear.svg) 0 0/100% 100%;opacity:.8}.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)}