.film-head{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:26px 36px 36px;background:var(--yellow);border:1px solid var(--ink)}.film-head h1{font-size:6.5rem;margin:24px 0 0}.film-head>div:last-child{max-width:490px}.film-head p{color:var(--ink)}.film-head .primary{max-width:390px}.film{margin:24px 0 0;border:1px solid var(--ink);background:var(--ink)}video{display:block;width:100%;height:auto;aspect-ratio:16/9}video:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.film figcaption{font:11px/1.7 'Courier New',monospace;padding:16px 20px;color:var(--paper)}.film-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px;border:1px solid var(--ink);border-top:0;background:var(--paper)}.film-details li{font-size:.88rem;line-height:1.7;padding:5px 0}.film-details ul,.film-details ol{padding-left:21px}.transcript{padding:24px 30px;border:1px solid var(--ink);margin-top:24px;background:var(--paper)}.transcript summary{font-weight:bold;cursor:pointer;font-size:.9rem}.transcript p{max-width:880px}.credits{padding:30px 36px;border-bottom:1px solid var(--ink)}.credits p{max-width:1040px;font-size:.8rem}.credits h2{font-size:2rem}@media(max-width:600px){.film-head{grid-template-columns:1fr;gap:15px;padding:25px}.film-head h1{font-size:clamp(3.6rem,16vw,5.8rem)}.film-head .primary{margin-bottom:0}.film-details{grid-template-columns:1fr;gap:25px;padding:25px}.film{margin-top:16px}.film figcaption{font-size:10px;padding:13px}.transcript{padding:23px;margin-top:16px}.credits{padding:28px 10px}}