.motion-room{background:#060807;min-height:100svh;padding:0 30px 25px}.motion-room__header{justify-content:space-between;align-items:center;gap:25px;max-width:1440px;height:90px;margin-inline:auto;display:flex}.motion-room__header h1{letter-spacing:-.035em;margin:0;font-size:21px;font-weight:400}.motion-room__header h1 em{color:#aebdb3;font-family:Georgia,serif;font-weight:400}.motion-room__back{color:#bdc8c0;align-items:center;gap:10px;font-size:14px;display:flex}.film-player{max-width:1240px;margin-inline:auto}.film-player__stage{--film-height:clamp(330px,calc(100svh - 270px),780px);height:var(--film-height);touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.film-player__screen{z-index:2;aspect-ratio:9/16;background:#111612;border:1px solid #ffffff38;border-radius:24px;max-width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 15px 50px #00000052}.film-player__slide{background:#050705;position:absolute;inset:0}.film-player__slide video{object-fit:contain;width:100%;height:100%;display:block}.film-peek{aspect-ratio:9/16;opacity:.38;cursor:pointer;height:78%;transition:opacity .4s ease,transform .6s var(--ease);background:#141a16;border:1px solid #e5f4e91f;border-radius:28px;padding:0;position:absolute;overflow:hidden}.film-peek img{object-fit:cover;filter:saturate(.65)}.film-peek--previous{right:calc(50% + var(--film-height) * .28125 + 35px);transform:perspective(1000px)rotateY(13deg)}.film-peek--next{left:calc(50% + var(--film-height) * .28125 + 35px);transform:perspective(1000px)rotateY(-13deg)}.film-peek:hover{opacity:.7}.film-play-overlay{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#09110c80;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:72px;height:72px;padding-left:6px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film-progress{z-index:3;background:#fff3;width:100%;height:3px;position:absolute;bottom:0}.film-progress>span{background:#c4dfcc;height:100%;transition:width .2s linear;display:block}.film-controls{justify-content:space-between;align-items:center;gap:20px;max-width:620px;margin:14px auto;display:flex}.film-controls>div{gap:8px;display:flex}.film-controls button{color:#c3d2c8;cursor:pointer;background:#dbeee20b;border:1px solid #d8ebdf2b;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s;display:grid}.film-controls button:hover{background:#dbeee224}.film-controls p{letter-spacing:.12em;gap:9px;margin:0;font-size:14px;display:flex}.film-controls p strong{color:#e0ebe3;font-weight:400}.film-controls p span{color:#7e9285}.film-strip{scrollbar-width:thin;scrollbar-color:#3b5043 transparent;gap:9px;max-width:970px;margin:0 auto;padding:5px 4px 12px;display:flex;position:relative;overflow-x:auto}.film-strip button{opacity:.5;cursor:pointer;background:#0e130f;border:1px solid #ffffff26;border-radius:12px;flex:0 0 58px;height:69px;position:relative;overflow:hidden}.film-strip button[aria-current=true]{opacity:1;outline-offset:2px;border-color:#c1d7c9;outline:1px solid #c1d7c9}.film-strip button img{object-fit:cover}.film-strip button span{color:#fff;text-align:center;background:#0009;padding:5px 0;font-size:12px;position:absolute;inset:auto 0 0}.film-player__error{z-index:4;background:#101611;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.film-player__error p{font-size:16px}.film-player__error button{cursor:pointer;background:0 0;border:1px solid #697d6f;border-radius:20px;align-items:center;gap:10px;padding:10px 18px;display:flex}.motion-room :where(a,button):focus-visible,.film-player:focus-visible{outline-offset:4px;outline:2px solid #c5e1ce}@media (max-width:800px){.motion-room{padding:0 16px 20px}.motion-room__header{flex-wrap:wrap;gap:8px 20px;height:76px;padding-block:14px}.motion-room__header .wordmark{font-size:12px}.motion-room__header h1{text-align:center;flex-basis:100%;order:3;font-size:19px}.motion-room__back span{display:none}.film-player__stage{--film-height:min(calc(100svh - 247px),calc((100vw - 64px) * 16 / 9));min-height:280px;margin-top:12px}.film-player__screen{border-radius:20px}.film-peek--previous{right:calc(50% + var(--film-height) * .28125 + 12px)}.film-peek--next{left:calc(50% + var(--film-height) * .28125 + 12px)}.film-controls{gap:10px;margin-block:10px}.film-controls>div{gap:6px}.film-controls button{width:42px;height:42px}.film-strip button{flex-basis:47px;height:58px}}@media (prefers-reduced-motion:reduce){.film-player *,.film-player{scroll-behavior:auto!important;transition:none!important}}