:root{--paper:#fff3de;--ink:#312720;--muted:#756356;--fire:#d62a53;--line:#49352230}
body{background:radial-gradient(ellipse at 100% 0,#ffb24630,transparent 45%),var(--paper)}
.opening{padding-top:28px}.title-row{padding-bottom:25px}.intro{font:12px/1.85 'DM Sans',sans-serif;letter-spacing:.04em;max-width:310px}.intro span{display:block}.intro span:nth-child(1){color:#bc2053}.intro span:nth-child(2){color:#087b68}.intro span:nth-child(3){color:#a54a13}.cinema video{max-height:none}.play-cover{justify-content:center;bottom:46px;gap:13px;background:#34241708}.play-cover>span:not(.play-icon),.play-cover small{background:#30221dcc;padding:7px 13px;border-radius:2px}.play-icon{width:78px;height:78px;background:#d62a53;border-color:#fff9;box-shadow:0 8px 30px #45192b33}.play-cover:hover .play-icon{background:#bd1e45}.film-meta{padding:15px 0}.chapters{grid-template-columns:repeat(6,1fr)}.chapters button:nth-child(n+7){border-top:1px solid var(--line)}.chapters button:nth-child(6n){border-right:0}.chapters button{padding:17px 12px;gap:8px}.chapters strong{line-height:1.4}
.storyboard{padding:50px 4vw}.storyboard h2{font:600 42px/1.05 Barlow,sans-serif;margin:0}.section-top{align-items:flex-end}.section-top p{font-size:13px;color:var(--muted);max-width:530px;margin:0}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px;margin-top:28px}.frame-grid figure{margin:0}.frame-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.frame-grid button{padding:0;border:0;background:transparent;display:block;width:100%;position:relative}.frame-grid button::after{content:'↗';position:absolute;right:12px;bottom:10px;color:white;border-radius:50%;background:#33221baa;width:28px;height:28px}.frame-grid figcaption{display:flex;gap:12px;padding-top:9px;align-items:baseline;justify-content:space-between}.frame-grid figcaption span{font:10px ui-monospace,monospace;color:var(--fire)}.frame-grid figcaption a{font-size:12px;line-height:1.3}.frame-grid figcaption a:hover{text-decoration:underline}.cut-note{display:flex;justify-content:space-between;gap:35px;padding:28px 4vw 40px;border-top:1px solid var(--line)}.cut-note p{max-width:740px;font-size:12px;color:var(--muted);margin:0}.cut-note a{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--fire);align-self:flex-start}footer a:hover{color:var(--fire)}
@media(max-width:900px){.frame-grid{grid-template-columns:repeat(2,1fr)}.section-top{display:block}.section-top p{margin-top:14px}.chapters{grid-template-columns:repeat(3,1fr)}.chapters button:nth-child(3n){border-right:0}.chapters button:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:600px){.title-row{display:block}.intro{font-size:10px;display:flex;flex-wrap:wrap;gap:4px 13px;max-width:none;margin-top:22px}.intro span{display:inline}.opening{padding-top:24px}h1{font-size:57px;max-width:340px}.play-icon{width:48px;height:48px}.play-cover{bottom:35px;gap:7px}.play-cover>span:not(.play-icon){font-size:9px;padding:5px 8px}.storyboard{padding:35px 5vw}.frame-grid{gap:22px 14px}.frame-grid figcaption{display:block}.frame-grid figcaption a{display:block;margin-top:3px}.cut-note{display:block;padding:25px 5vw 35px}.cut-note a{display:inline-block;margin-top:17px}.chapters strong{font-size:11px}.chapters button{padding:13px 8px}.header-actions>a{display:none}}