.film-nav,.film-matching{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin:1.5rem 0;align-items:center}.film-nav a,.film-matching a,.film-accessory-grid a{color:#194f6a;text-decoration:underline;text-underline-offset:.2em}.film-intro{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:2rem;background:#101923;color:#fff;padding:1.5rem;border-radius:12px;margin:2rem 0}.film-intro video{display:block;width:100%;max-height:520px;aspect-ratio:9/16;object-fit:contain;background:#000}.film-intro h2,.film-intro p{color:#fff}.film-intro p,.film-scene p,.film-look p,.film-accessory-grid p{font-size:1rem;line-height:1.65}.film-chapters{display:flex;flex-wrap:wrap;gap:.6rem}.film-chapters button{font:600 .875rem/1.5 system-ui;min-height:44px;padding:.65rem .8rem;background:#fff;color:#101923;border:0;border-radius:6px;cursor:pointer}.film-scene{margin:2rem 0 3rem;border-top:2px solid #c5d4dd;padding-top:1.3rem;scroll-margin-top:100px}.film-scene header h2{margin:.6rem 0}.film-scene-time{font-size:.875rem;font-weight:750;color:#194f6a}.film-scene-grid{display:grid;grid-template-columns:minmax(0,.8fr) repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.film-frame{margin:0}.film-frame img{display:block;width:100%;height:auto;border-radius:8px}.film-frame figcaption,.film-image-note{font-size:.875rem!important;line-height:1.5;color:#4c6070}.film-look{min-width:0;background:#edf2f5;border-radius:8px;overflow:hidden}.film-look>img{display:block;width:100%;height:350px;object-fit:contain;background:#dce5ea}.film-look>div{padding:1rem}.film-look h3{font-size:1.15rem;line-height:1.4;margin:0 0 .8rem}.film-look details img{width:100%;height:auto;display:block;margin-top:1rem}.film-look summary{cursor:pointer;min-height:44px;padding:.5rem 0}.film-accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.film-accessory-grid article{scroll-margin-top:100px}.film-accessory-grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px}.film-nav a:focus-visible,.film-matching a:focus-visible,.film-chapters button:focus-visible{outline:3px solid #da922e;outline-offset:3px}.film-intro video:fullscreen{max-height:none;width:100%;height:100%}.film-intro video:-webkit-full-screen{max-height:none;width:100%;height:100%}@media(max-width:900px){.film-scene-grid{gap:.8rem}.film-look>img{height:280px}.film-look>div{padding:.8rem}}@media(max-width:650px){.film-intro{grid-template-columns:1fr;padding:1rem;gap:1rem}.film-intro video{max-height:430px}.film-scene-grid{grid-template-columns:1fr}.film-frame{max-width:360px;margin:auto}.film-look{display:grid;grid-template-columns:40% minmax(0,1fr)}.film-look>img{height:auto;min-height:260px;max-height:400px;align-self:start}.film-accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media(max-width:390px){.film-look{display:block}.film-look>img{height:330px}.film-accessory-grid{grid-template-columns:1fr}}