*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#213b55;font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:#214e85;text-underline-offset:4px}a:hover{color:#7b3959}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ad4b6a;outline-offset:4px}button,input{font:inherit}button{cursor:pointer}header{position:fixed;width:210px;height:100vh;padding:36px 25px;background:#dce7f0;border-right:1px solid #bacbdb;display:flex;flex-direction:column;gap:40px}.logo{font-weight:800;font-size:25px;line-height:1.4;text-decoration:none;color:#213b55}.logo small{display:block;font:12px/2 ui-monospace,monospace;letter-spacing:2px}.topnav{display:flex;flex-direction:column;gap:18px}.topnav a{font-weight:600;text-decoration:none}.side-note{font-size:13px;color:#4a6379;margin-top:auto}.shell{margin-left:210px;padding:42px 46px;max-width:1450px}.skip{position:absolute;left:-9999px}.skip:focus{left:220px;z-index:99;background:white}h1,h2,h3{line-height:1.35}h1{font-size:clamp(30px,3.2vw,48px);margin:10px 0 20px;letter-spacing:-1px}h2{font-size:27px}h3{font-size:21px}.brand{white-space:nowrap}.eyebrow{font:12px/1.6 ui-monospace,monospace;letter-spacing:2px;color:#57718a}.lead{font-size:18px;max-width:740px}.worktop{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #a9bfd1;padding-bottom:18px;margin-top:40px}.player{background:white;border:1px solid #a9bfd1;padding:14px;margin-top:25px;box-shadow:6px 6px 0 #d8e2ec}.screen{position:relative;background:#c8e4eb;aspect-ratio:16/9;overflow:hidden}canvas{display:block;width:100%;height:100%}.caption{position:absolute;left:5%;right:5%;bottom:5%;color:#fff;background:#162e43e8;padding:8px 13px;text-align:center;font-size:15px;line-height:1.7;pointer-events:none}.caption[hidden]{display:none}.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:14px}.controls button,.selectfilm,.action{background:#244c74;border:1px solid #244c74;color:white;padding:10px 16px;text-decoration:none}.controls button:hover,.selectfilm:hover{background:#446d94}.controls label{display:flex;align-items:center;gap:7px}.controls input[type=range]{flex:1;min-width:70px;accent-color:#244c74;width:140px}#clock{font:13px monospace}.player-help{font-size:13px;color:#52697c;margin:12px 0 0}.worklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0 50px}.worklist article{min-width:0}.worklist img{width:100%;aspect-ratio:16/10;display:block;border:1px solid #b8c8d8}.worklist h3{margin:15px 0 10px}.worklist p{font-size:14px}.selectfilm{padding:8px 12px;margin:0 10px 10px 0}.selectfilm[aria-pressed=true]{background:#853d5b;border-color:#853d5b}.small{font-size:13px;color:#52697c}.info{border-top:1px solid #a9bfd1;padding:24px 0;max-width:900px}.reading{max-width:950px}.storyboard{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid #b8c8d8;align-items:start}.storyboard img{width:100%;height:auto;border:1px solid #b8c8d8}.storyboard h2{margin-top:0;font-size:23px}.storyboard p{margin:9px 0}.shotnote{font-size:14px;color:#52697c}.notebox{padding:25px;background:#dce7f0;margin:35px 0}footer{margin-left:210px;border-top:1px solid #a9bfd1;padding:28px 46px;font-size:13px;color:#52697c;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.error{color:#8b2848}@media(max-width:850px){header{position:static;width:100%;height:auto;padding:20px 22px;flex-direction:row;justify-content:space-between;align-items:center;gap:18px;border-right:0;border-bottom:1px solid #bacbdb}.logo{font-size:22px}.topnav{flex-direction:row;gap:14px;font-size:14px}.side-note{display:none}.shell{margin-left:0;padding:28px 22px}footer{margin-left:0;padding:25px 22px}.skip:focus{left:5px}.worklist{grid-template-columns:1fr}.worklist article{display:grid;grid-template-columns:105px 1fr;column-gap:18px;border-bottom:1px solid #bacbdb;padding-bottom:20px}.worklist img{grid-row:1/5;margin-top:16px}.worklist article p{margin:6px 0}.worklist article div{grid-column:2}.worklist h3{font-size:19px}.storyboard{grid-template-columns:1fr;gap:15px}.storyboard img{max-width:480px}.worktop{align-items:start;margin-top:28px}.worktop h2{font-size:23px}.player{padding:9px;box-shadow:4px 4px 0 #d8e2ec}.caption{font-size:12px;padding:5px 8px;line-height:1.6;left:3%;right:3%;bottom:4%}.controls{gap:9px}.controls button{padding:8px 12px}.controls input[type=range]{width:90px}.controls label{font-size:14px}h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.worklist img{height:auto;object-fit:cover}@media(max-width:850px){.worklist article>a{grid-column:1;grid-row:1/4;align-self:start}.worklist article>h3,.worklist article>p,.worklist article>div{grid-column:2}.worklist article img{height:auto;aspect-ratio:16/10;margin-top:0}.worklist article h3{margin-top:0}}