.watch{min-height:calc(100vh - 62px);padding:24px 4vw 50px}.film-head{width:min(1200px,100%);margin:auto;display:flex;justify-content:space-between;align-items:end}.film-head h2{font-size:48px}.film-head p{margin:5px 0 18px}.film-count{text-align:right}.film-count b{display:block;color:var(--gold);font:42px "Cormorant Garamond",Georgia,serif}.film-count span,.comparison span,.evidence span{font-size:9px;letter-spacing:.14em;color:var(--gold)}.watch .stage{margin:auto}.stage img{animation:drift 7.5s linear forwards}.shot-0 img,.shot-3 img{transform-origin:left center}.shot-1 img,.shot-4 img{transform-origin:right center}.shot-2 img{transform-origin:center bottom}@keyframes drift{from{scale:1}to{scale:1.09}}.grain{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.rec{position:absolute;right:18px;top:15px;color:#b54a42;font-size:11px}.occlusion{position:absolute;opacity:0;background:#080808;transition:opacity .12s}.occlusion.coat{left:-5%;top:-10%;width:48%;height:120%;border-radius:45%}.occlusion.chest{left:28%;right:18%;bottom:-8%;height:62%}.occlusion.door{right:-4%;top:-5%;width:38%;height:110%}.actors{position:absolute;inset:0}.lock{position:absolute;left:12.5%;top:42%;width:8px;height:12px;border:2px solid #d4b06a}.changed-3 .lock{background:#d4b06a}.scrub{height:4px;background:#ffffff1c;width:min(1200px,100%);margin:auto}.scrub i{display:block;height:100%;background:var(--gold)}.transport{width:min(1200px,100%);margin:auto;padding:14px 0;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center}.secondary,.mark{padding:12px 16px;border:1px solid #ffffff39;background:#111;color:var(--paper);cursor:pointer}.mark{border-color:var(--gold)}button:disabled{opacity:.35;cursor:not-allowed}.feedback{text-align:center;min-height:44px}.good{color:#c8ad73}.bad{color:#bb6a61}.comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:35px 0}.comparison div{padding:26px;border:1px solid #ffffff2b;background:#ffffff08}.comparison b{display:block;font:30px "Cormorant Garamond",Georgia,serif;margin-top:8px}.comparison>i{font-size:35px;color:var(--gold)}.question{margin:18px 0;padding:22px;background:#ffffff08;border:1px solid #ffffff1e}.question h3{font:27px "Cormorant Garamond",Georgia,serif;margin:0 0 13px}.option{display:block;width:100%;margin:7px 0}.option small{display:block;color:#a99f90;margin-top:5px}.timeline-result{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;max-width:600px;padding:22px;border-left:3px solid var(--gold);background:#ffffff08;margin:28px 0}.timeline-result b{color:var(--gold)}.lesson{max-width:760px;padding:18px 20px;margin:25px 0;border:1px solid #ffffff26}.lesson>b{color:var(--gold);font-size:11px;letter-spacing:.15em}@media(max-width:760px){.transport{grid-template-columns:1fr 1fr}.feedback{grid-column:1/-1;order:-1}.film-head h2{font-size:36px}.comparison{grid-template-columns:1fr}.comparison>i{transform:rotate(90deg);text-align:center}}