/* Compact edition. Titles frame the work; photographed compositions remain intact. */
body.cinema-edition :is(h1,h2,h3,p,li,dd) { orphans:2; widows:2; }
body.cinema-edition :is(h2,h3) { text-wrap:balance; }
body.cinema-edition :is(p,li,dd) { text-wrap:pretty; }
html[lang='ja'] body.cinema-edition :is(h2,h3,p,li,dd) { line-break:strict; word-break:normal; overflow-wrap:break-word; }
body.cinema-edition .opening { width:min(calc(100% - 64px),1200px); margin-top:20px; column-gap:6%; }
body.cinema-edition .hero-frame { border-radius:20px; }
body.cinema-edition .frame-caption { padding:22px 28px; gap:16px; }
body.cinema-edition .frame-caption h2 { font:650 64px/.95 var(--sans); letter-spacing:-.055em; }
body.cinema-edition .frame-caption>div:first-child { align-items:center; gap:22px; }
body.cinema-edition .frame-caption p { font-size:12px; margin:0; max-width:none; }
body.cinema-edition .frame-explore { margin:0; padding:10px 16px; }
body.cinema-edition .hero-frame .feature-note { display:flex; flex-wrap:wrap; padding:12px 28px 0; gap:8px 20px; }
body.cinema-edition .hero-frame .feature-credit { flex:1 1 200px; font-size:11px; }
body.cinema-edition .hero-frame .hero-play { position:static; padding:10px 16px; font-size:11px; }
body.cinema-edition .hero-frame .reel-link { font-size:11px; }
body.cinema-edition .hero-frame .frame-console { padding:8px 24px 14px; gap:20px; }
body.cinema-edition .frame-console-top { font-size:11px; gap:4px 16px; }
body.cinema-edition .frame-hint { font-size:10px; }
body.cinema-edition .frame-track { width:300px; gap:6px; }
body.cinema-edition .frame-preview { flex-basis:66px; }
body.cinema-edition .feature-synopsis { margin-top:22px; max-width:580px; font-size:21px; line-height:1.45; }
html[lang='ja'] body.cinema-edition .feature-synopsis { font-size:19px; line-height:1.7; }
body.cinema-edition .opening>.festival-caption { margin-top:22px; gap:7px; }
body.cinema-edition .discovery-bar { margin-top:8px; }
body.cinema-edition .selected { padding-top:54px; }
body.cinema-edition .section-heading { margin-bottom:24px; }
body.cinema-edition .section-heading h2 { font-size:36px; line-height:1.15; letter-spacing:-.04em; }
body.cinema-edition .gallery-sequence { gap:24px; }
body.cinema-edition .page-films .work-piece { padding:22px; border-radius:18px; background:var(--project-bg); color:#f5f5f2; --slate:var(--project-muted); }
body.cinema-edition .work-piece figure { border-radius:9px; }
body.cinema-edition .card-caption { padding-top:17px; gap:12px; }
body.cinema-edition .card-caption h3 { font-size:27px; line-height:1.16; letter-spacing:-.035em; }
body.cinema-edition .card-caption p { font-size:11px; margin-top:7px; }
body.cinema-edition .caption-action { font-size:11px; color:#f5f5f2; }
body.cinema-edition .work-piece a:hover .caption-action { color:#fff; text-decoration:underline; }
body.cinema-edition .work-description { font-size:14px; line-height:1.65; margin-top:12px; max-width:65ch; }
body.cinema-edition .work-piece .festival-caption { margin-top:9px; }
body.cinema-edition .work-piece .festival-caption a { color:var(--project-muted); }
body.cinema-edition .work-piece .explored-mark { color:var(--project-muted); }
body.cinema-edition .piece-moonlight { padding:28px; }
body.cinema-edition .piece-moonlight .card-caption { padding:0 0 20px; }
body.cinema-edition .piece-moonlight .card-caption h3 { font-size:40px; line-height:1.1; max-width:600px; letter-spacing:-.045em; }
body.cinema-edition .piece-moonlight .card-caption p { margin-top:10px; }
body.cinema-edition .piece-moonlight figure { gap:12px; }
body.cinema-edition .piece-moonlight .work-description { font-size:15px; margin-top:16px; max-width:80ch; }
body.cinema-edition .piece-error>a { grid-template-columns:minmax(0,1fr) minmax(200px,.55fr); gap:0 28px; }
body.cinema-edition .piece-error .card-caption h3 { font-size:34px; }
body.cinema-edition .piece-error .work-description { margin-top:14px; }
body.cinema-edition .music-video { padding-top:48px; }
body.cinema-edition .piece-tohiko>a { display:grid; grid-template-columns:1.4fr 1fr; gap:24px; align-items:center; }
body.cinema-edition .piece-tohiko .card-caption { display:block; padding:0; }
body.cinema-edition .piece-tohiko .card-caption h3 { font-size:32px; }
body.cinema-edition .development { padding:48px 0; }
body.cinema-edition .development-projects { gap:24px; }
body.cinema-edition .development-projects article { padding:20px; border-radius:16px; background:#ebe8e2; border:0; }
body.cinema-edition .development-projects article+article { background:#e7e4ec; }
body.cinema-edition .development-type { font-size:11px; margin-bottom:12px; }
body.cinema-edition .development-projects h3 { font-size:29px; }
body.cinema-edition .development-projects article>p { margin-top:10px; }
body.cinema-edition .film-detail { padding:24px 30px 30px; }
body.cinema-edition .detail-top { margin-bottom:20px; }
body.cinema-edition .detail-top h2 { font-size:38px; line-height:1.13; }
body.cinema-edition .detail-copy { padding-top:20px; gap:6%; }
body.cinema-edition .detail-synopsis { font-size:22px; line-height:1.5; }
html[lang='ja'] body.cinema-edition .detail-synopsis { font-size:19px; line-height:1.85; }
body.cinema-edition .detail-notes { margin-top:16px; }
body.cinema-edition .detail-next { margin-top:26px; padding-top:18px; }
body.cinema-edition .detail-next a { font-size:24px; }
body.cinema-edition dialog[data-project] { background:var(--project-bg); color:#f5f5f2; --ink:#f5f5f2; --muted:var(--project-muted); --slate:var(--project-muted); --line:var(--project-line); }
body.cinema-edition dialog[data-project] .dialog-header { background:var(--project-bg); }
body.cinema-edition dialog[data-project] :is(.detail-type,.detail-meta,.detail-notes,.detail-credits dt,.gallery-position) { color:var(--project-muted); }
body.cinema-edition dialog[data-project] .gallery-dot:is(:hover,[aria-pressed='true']) { background:var(--project-line); }
body.cinema-edition dialog[data-project] :is(.provider-link,.stills-return,.close-button) { color:#f5f5f2; }
body.cinema-edition dialog[data-project] :is(a,button):focus-visible { outline-color:#c2e4ff; }
@media(min-width:1000px) {
 body.cinema-edition .hero-film { display:grid; grid-template-columns:minmax(210px,.32fr) minmax(0,1fr); align-items:stretch; }
 body.cinema-edition .hero-film picture { grid-column:2; grid-row:1; display:block; }
 body.cinema-edition .hero-film img { display:block; }
 body.cinema-edition .frame-caption { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; padding:30px; }
 body.cinema-edition .frame-caption>div:first-child { display:block; }
 body.cinema-edition .frame-caption p { margin-top:14px; max-width:150px; }
 body.cinema-edition .frame-caption h2 { font-size:72px; }
}
@media(max-width:680px) {
 body.cinema-edition .opening { width:calc(100% - 32px); margin-top:12px; }
 body.cinema-edition .frame-caption { display:flex; justify-content:space-between; padding:18px; gap:12px; }
 body.cinema-edition .frame-caption>div:first-child { display:block; }
 body.cinema-edition .frame-caption h2 { font-size:48px; }
 body.cinema-edition .frame-caption p { font-size:10px; margin-top:8px; }
 body.cinema-edition .frame-explore { font-size:10px; min-width:78px; }
 body.cinema-edition .hero-frame .feature-note { padding:10px 16px 0; gap:4px 12px; }
 body.cinema-edition .hero-frame .feature-credit { flex-basis:100%; font-size:10px; }
 body.cinema-edition .hero-frame .hero-play { padding:10px 14px; font-size:10px; }
 body.cinema-edition .hero-frame .frame-console { padding:7px 12px 12px; }
 body.cinema-edition .frame-console-top { margin-bottom:5px; }
 body.cinema-edition .frame-track { width:100%; }
 body.cinema-edition .frame-preview { flex-basis:calc((100% - 18px)/4); }
 body.cinema-edition .feature-synopsis,html[lang='ja'] body.cinema-edition .feature-synopsis { font-size:18px; line-height:1.6; margin-top:18px; }
 body.cinema-edition .opening>.festival-caption { margin-top:14px; }
 body.cinema-edition .selected { padding-top:32px; }
 body.cinema-edition .selected-heading { gap:4px; }
 body.cinema-edition .section-heading { margin-bottom:18px; }
 body.cinema-edition .section-heading h2,html[lang='ja'] body.cinema-edition .section-heading h2 { font-size:28px; line-height:1.25; }
 body.cinema-edition .page-films .work-piece { padding:16px; margin:0 0 18px; border-radius:15px; }
 body.cinema-edition .card-caption { display:flex; justify-content:space-between; padding-top:14px; gap:12px; }
 body.cinema-edition .card-caption h3,html[lang='ja'] body.cinema-edition .card-caption h3[data-i18n] { font-size:23px; line-height:1.25; }
 body.cinema-edition .caption-action { flex-shrink:0; font-size:10px; }
 body.cinema-edition .card-caption .caption-action { margin:0; }
 body.cinema-edition .piece-moonlight .card-caption { display:flex; align-items:flex-end; padding:0 0 15px; }
 body.cinema-edition .piece-moonlight .card-caption h3 { font-size:29px; max-width:230px; }
 body.cinema-edition .piece-moonlight .card-caption p { margin-top:8px; }
 body.cinema-edition .piece-moonlight figure { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 body.cinema-edition .piece-moonlight .chapter-companion { margin:0; }
 body.cinema-edition .piece-moonlight .work-description,body.cinema-edition .work-description { font-size:14px; line-height:1.75; margin-top:12px; }
 body.cinema-edition .piece-error>a { display:block; }
 body.cinema-edition .piece-error .card-caption { display:flex; padding-top:14px; }
 body.cinema-edition .piece-error .card-caption h3 { font-size:25px; }
 body.cinema-edition .piece-tohiko>a { display:block; }
 body.cinema-edition .piece-tohiko .card-caption { display:flex; padding-top:14px; }
 body.cinema-edition .music-video { padding-top:14px; }
 body.cinema-edition .development { padding:20px 0 32px; }
 body.cinema-edition .development-projects { gap:14px; }
 body.cinema-edition .development-projects article { padding:18px; }
 body.cinema-edition .development-projects h3 { font-size:25px; }
 body.cinema-edition .development-type { margin-bottom:9px; }
 body.cinema-edition .film-detail { padding:20px 18px 24px; }
 body.cinema-edition .detail-top h2,html[lang='ja'] body.cinema-edition .detail-top h2 { font-size:29px; }
 body.cinema-edition .detail-synopsis,html[lang='ja'] body.cinema-edition .detail-synopsis { font-size:18px; line-height:1.75; }
 body.cinema-edition .detail-next a { font-size:22px; }
}
@media(max-width:360px) {
 body.cinema-edition .card-caption { gap:8px; }
 body.cinema-edition .piece-moonlight .card-caption { display:block; }
 body.cinema-edition .piece-moonlight .caption-action { margin-top:6px; }
}

/* Project tones sampled by eye from the adopted authentic stills. */
body.cinema-edition .piece-out,body.cinema-edition dialog[data-project="out"],body.cinema-edition .hero-frame,body.cinema-edition dialog[data-project="reel"] { --project-bg:#081F23; --project-muted:#B9CDCD; --project-line:#708B8D; }
body.cinema-edition .piece-moonlight,body.cinema-edition dialog[data-project="moonlight"] { --project-bg:#2A1B16; --project-muted:#D5BDA5; --project-line:#8E7461; }
body.cinema-edition .piece-recipe,body.cinema-edition dialog[data-project="recipe"] { --project-bg:#1E2A36; --project-muted:#AEC3CE; --project-line:#71869B; }
body.cinema-edition .piece-brother,body.cinema-edition dialog[data-project="brother"] { --project-bg:#242424; --project-muted:#B8B8B8; --project-line:#7B7B7B; }
body.cinema-edition .piece-sparks,body.cinema-edition dialog[data-project="sparks"] { --project-bg:#2A2B1B; --project-muted:#BFB7A3; --project-line:#83825D; }
body.cinema-edition .piece-relic,body.cinema-edition dialog[data-project="relic"] { --project-bg:#29211D; --project-muted:#C8B9A7; --project-line:#897B6B; }
body.cinema-edition .piece-error,body.cinema-edition dialog[data-project="error"] { --project-bg:#202A23; --project-muted:#B6BEA9; --project-line:#788469; }
body.cinema-edition .piece-tohiko,body.cinema-edition dialog[data-project="tohiko"] { --project-bg:#3A1D16; --project-muted:#DAC1B1; --project-line:#8B5A42; }
body.cinema-edition .hero-frame,body.cinema-edition .hero-film picture { background:var(--project-bg); }

@media(min-width:761px) { html[lang='en'] body.cinema-edition .page-writing [data-i18n='screenplayCredits'] { font-size:18px; white-space:nowrap; } }

/* Four music videos, with complete authentic frames and shared portfolio tones. */
body.cinema-edition .music-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:stretch; }
body.cinema-edition .music-video .music-grid>.work-piece { display:flex; flex-direction:column; min-width:0; margin:0; padding:22px; color:#F7F6F2; }
body.cinema-edition .music-video .music-grid>.work-piece>a { display:block; min-width:0; }
body.cinema-edition .music-grid figure { margin:0; }
body.cinema-edition .music-grid figure img { display:block; width:100%; height:auto; object-fit:contain; }
body.cinema-edition .music-video .music-grid .card-caption { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-top:16px; }
body.cinema-edition .music-grid .card-caption>div { min-width:0; }
body.cinema-edition .music-video .music-grid .card-caption h3 { font:650 26px/1.2 var(--sans); letter-spacing:-.035em; overflow-wrap:normal; word-break:normal; text-wrap:balance; }
body.cinema-edition .music-grid .card-caption p { font-size:11px; line-height:1.65; margin-top:7px; }
body.cinema-edition .music-grid .caption-action { flex-shrink:0; margin:2px 0 0; white-space:nowrap; }
body.cinema-edition .music-grid .work-description { font-size:14px; line-height:1.7; margin-top:14px; }
body.cinema-edition .music-grid .music-track { font-size:11px; line-height:1.65; margin-top:10px; color:var(--project-muted); }
body.cinema-edition .piece-mv-nirvana,body.cinema-edition dialog[data-project="mv-nirvana"] { --project-bg:#241C46; --project-muted:#CFC6E8; --project-line:#77669E; }
body.cinema-edition .piece-mv-kill-switch-kiss,body.cinema-edition dialog[data-project="mv-kill-switch-kiss"] { --project-bg:#103E43; --project-muted:#B8D8D7; --project-line:#477D7E; }
body.cinema-edition .piece-mv-weekend,body.cinema-edition dialog[data-project="mv-weekend"] { --project-bg:#3A3D20; --project-muted:#D3D1AA; --project-line:#7D8050; }
body.cinema-edition dialog:is([data-project="tohiko"],[data-project="mv-nirvana"],[data-project="mv-kill-switch-kiss"],[data-project="mv-weekend"]) { color:#F7F6F2; --ink:#F7F6F2; }
@media(max-width:680px) {
 body.cinema-edition .music-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
 body.cinema-edition .music-video .music-grid>.work-piece { padding:16px; }
 body.cinema-edition .music-video .music-grid .card-caption { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"title action" "meta meta"; column-gap:10px; row-gap:0; padding-top:14px; }
 body.cinema-edition .music-video .music-grid .card-caption>div { display:contents; }
 body.cinema-edition .music-video .music-grid .card-caption h3 { grid-area:title; font-size:23px; line-height:1.25; }
 body.cinema-edition .music-video .music-grid .card-caption p { grid-area:meta; }
 body.cinema-edition .music-video .music-grid .card-caption .caption-action { grid-area:action; }
 body.cinema-edition .music-grid .work-description { margin-top:12px; }
}