/* v15. Film-specific chapters: cold room / amber city / daylight archive.
   Authentic images retain their complete photographed composition. */
body.cinema-edition {
  --day:#f5f5f7; --white:#fff; --soft:#ececef;
  --ink:#17191d; --slate:#62666d; --line:rgba(23,25,29,.14);
  --experience-active:#376c79; --experience-focus:#2874ba;
  --sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif;
  background:var(--day); color:var(--ink); font-size:15px;
}
body.cinema-edition ::selection { background:#c8e4e7; color:#10252a; }
body.cinema-edition .site-header {
  min-height:80px; padding:12px max(32px,calc((100vw - 1360px)/2));
  gap:24px; background:rgba(245,245,247,.94); border-bottom:1px solid rgba(23,25,29,.08);
}
body.cinema-edition .signature h1 { font:650 22px/1.15 var(--sans); letter-spacing:-.045em; }
body.cinema-edition .signature>span { font-size:9px; margin-top:4px; letter-spacing:.14em; }
body.cinema-edition .identity-role { font-size:10px; line-height:1.4; }
body.cinema-edition .discipline-switch { border:0; background:#e7e7ea; padding:2px; border-radius:24px; }
body.cinema-edition .site-navigation a { font-size:12px; border-radius:24px; padding:10px 15px; }
body.cinema-edition .discipline-switch a[aria-current='page'] { background:#fff; color:var(--ink); box-shadow:0 1px 5px #17191d12; }
body.cinema-edition .secondary-navigation a[aria-current='page'] { background:transparent; color:var(--ink); font-weight:650; }
body.cinema-edition .secondary-navigation a:hover { background:#e7e7ea; }
body.cinema-edition .language { color:var(--ink); }
body.cinema-edition .opening,body.cinema-edition .selected,body.cinema-edition .development {
  width:min(calc(100% - 64px),1360px);
}
body.cinema-edition .opening {
  display:grid; grid-template-columns:1.05fr 1fr; column-gap:8%;
  margin:24px auto 0;
}
body.cinema-edition .hero-frame {
  grid-column:1/-1; border-radius:28px; overflow:hidden;
  background:#0b2025; color:#f4f7f7;
}
body.cinema-edition .hero-film { display:flex; flex-direction:column; }
body.cinema-edition .hero-film picture { order:2; background:#0b2025; }
body.cinema-edition .hero-film img { width:100%; height:auto; object-fit:contain; }
body.cinema-edition .frame-caption {
  order:1; display:flex; align-items:flex-end; padding:32px 40px 28px;
  gap:24px; color:#f4f7f7;
}
body.cinema-edition .frame-caption>div:first-child { display:flex; align-items:flex-end; gap:32px; }
body.cinema-edition .frame-caption h2 { font:650 clamp(88px,10vw,144px)/.82 var(--sans); letter-spacing:-.075em; }
body.cinema-edition .frame-caption p { font-size:14px; line-height:1.5; color:#b7c9cd; margin:0 0 6px; max-width:140px; }
body.cinema-edition .frame-explore {
  display:inline-flex; min-width:108px; min-height:44px; padding:10px 18px;
  margin-bottom:4px; border-radius:28px; background:#f4f7f7; color:#0b2025;
  font-size:12px; text-decoration:none; justify-content:center;
}
body.cinema-edition .hero-film:hover .frame-explore { background:#c9e2e7; }
body.cinema-edition .frame-caption .explored-mark { color:#b7c9cd; }
body.cinema-edition .frame-caption .explored-mark::before { background:#b7c9cd; }
body.cinema-edition .frame-console {
  padding:21px 36px 22px; margin:0; border:0;
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px;
}
body.cinema-edition .frame-console-top {
  display:grid; grid-template-columns:1fr auto; gap:8px 24px;
  margin:0; font-size:13px; color:#c3d1d4;
}
body.cinema-edition .frame-hint { grid-column:1; grid-row:2; font-size:11px; color:#9db3b8; }
body.cinema-edition .frame-position { grid-column:2; grid-row:1/3; align-self:center; color:#d8e4e6; }
body.cinema-edition .frame-track { width:420px; max-width:100%; gap:7px; padding:4px; margin:0; scrollbar-color:#617e85 transparent; }
body.cinema-edition .frame-preview { flex-basis:94px; border-radius:8px; }
body.cinema-edition .frame-preview:hover { background:#27454d; }
body.cinema-edition .frame-preview[aria-pressed='true'] { background:#27454d; border-color:#b6dce4; }
body.cinema-edition .frame-preview span { color:#c3d1d4; font-size:10px; }
body.cinema-edition .feature-synopsis {
  grid-column:1; margin:38px 0 0; max-width:600px;
  font:550 clamp(21px,2.1vw,29px)/1.4 var(--sans); letter-spacing:-.035em; color:var(--ink);
}
body.cinema-edition .opening>.festival-caption { grid-column:2; margin:38px 0 0; gap:10px; }
body.cinema-edition .festival-caption .quiet-link { font-size:12px; line-height:1.65; }
body.cinema-edition .festival-caption .competition-note { font-size:11px; line-height:1.65; margin-top:0; }
body.cinema-edition .feature-note {
  grid-column:1/-1; padding:25px 0 0; gap:16px 28px; font-size:12px; align-items:center;
}
body.cinema-edition .feature-credit { color:var(--slate); }
body.cinema-edition .hero-play {
  background:var(--ink); color:#fff; padding:12px 20px; border-radius:24px; font-size:12px;
}
body.cinema-edition .hero-play:hover { background:#353a41; }
body.cinema-edition .reel-link { font-size:12px; text-decoration:none; }
body.cinema-edition .reel-link:hover { text-decoration:underline; }
body.cinema-edition .discovery-bar {
  grid-column:1/-1; grid-template-columns:auto minmax(80px,170px) auto;
  justify-content:start; border:0; gap:16px; margin-top:14px; padding:0;
  font-size:11px;
}
body.cinema-edition .discovery-reset { font-size:11px; min-width:44px; }
body.cinema-edition .discovery-track>span { height:2px; background:#d4d6da; }
body.cinema-edition .selected { padding-top:110px; }
body.cinema-edition .section-heading { margin-bottom:40px; }
body.cinema-edition .section-heading h2 {
  font:650 clamp(38px,4.6vw,64px)/1.07 var(--sans); letter-spacing:-.055em;
}
body.cinema-edition .selected-heading {
  display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:16px 32px;
}
body.cinema-edition .selected-heading h2 { min-width:0; }
body.cinema-edition .portfolio-link {
  display:inline-flex; align-items:center; min-height:44px; max-width:100%; min-width:0;
  padding:10px 0; font:500 13px/1.5 var(--sans); letter-spacing:-.01em; color:var(--ink);
  text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:5px;
  overflow-wrap:anywhere;
}
body.cinema-edition .portfolio-link:hover { text-decoration-color:currentColor; }
body.cinema-edition .gallery-sequence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:76px 40px; }
body.cinema-edition .page-films .work-piece { width:100%; max-width:none; margin:0; min-width:0; }
body.cinema-edition .work-piece figure { border-radius:18px; overflow:hidden; background:transparent; }
body.cinema-edition .work-piece img { height:auto; width:100%; object-fit:contain; }
body.cinema-edition .card-caption { padding-top:22px; align-items:flex-start; gap:18px; }
body.cinema-edition .card-caption h3 { font:650 32px/1.08 var(--sans); letter-spacing:-.045em; text-wrap:balance; }
body.cinema-edition .card-caption p { font-size:12px; line-height:1.5; color:var(--slate); margin-top:10px; }
body.cinema-edition .caption-action { font-size:12px; text-decoration:none; white-space:nowrap; padding-top:0; min-height:44px; }
body.cinema-edition .caption-action::after { content:'\2197'; margin-left:8px; font-size:20px; font-weight:300; }
body.cinema-edition a:hover .caption-action { color:#29627a; }
body.cinema-edition .work-description { font-size:15px; line-height:1.7; max-width:530px; margin-top:15px; }
body.cinema-edition .work-piece .festival-caption { margin-top:16px; font-size:11px; line-height:1.6; }
body.cinema-edition .work-piece .festival-caption p { font-size:11px; line-height:1.6; }
body.cinema-edition .piece-moonlight {
  grid-column:1/-1; background:#251913; color:#fbefe6; padding:48px;
  border-radius:28px; --slate:#c8b7aa; --experience-active:#dca273;
}
body.cinema-edition .piece-moonlight>a { display:flex; flex-direction:column; }
body.cinema-edition .piece-moonlight .card-caption { order:-1; padding:0 0 38px; align-items:flex-end; }
body.cinema-edition .piece-moonlight .card-caption h3 { font-size:clamp(42px,5.7vw,80px); line-height:.98; max-width:700px; letter-spacing:-.06em; }
body.cinema-edition .piece-moonlight .card-caption p { margin-top:18px; }
body.cinema-edition .piece-moonlight figure { display:grid; grid-template-columns:1fr 1fr; gap:16px; border-radius:0; }
body.cinema-edition .piece-moonlight figure img { border-radius:12px; align-self:end; }
body.cinema-edition .piece-moonlight .work-description { font-size:18px; max-width:730px; margin-top:27px; }
body.cinema-edition .piece-moonlight a:hover .caption-action { color:#f3c5a1; }
body.cinema-edition .piece-moonlight .explored-mark { color:#d1baaa; }
body.cinema-edition .piece-error { grid-column:1/-1; padding-top:12px; }
body.cinema-edition .piece-error>a { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.6fr); gap:0 48px; align-items:center; }
body.cinema-edition .piece-error figure { grid-column:1; grid-row:1/3; }
body.cinema-edition .piece-error .card-caption { grid-column:2; grid-row:1; align-self:center; padding-top:0; display:block; }
body.cinema-edition .piece-error .card-caption h3 { font-size:52px; }
body.cinema-edition .piece-error .caption-action { margin-top:16px; }
body.cinema-edition .piece-error .work-description { max-width:600px; margin-top:20px; }
body.cinema-edition .music-video { padding-top:110px; }
body.cinema-edition .music-video .piece-tohiko { width:100%; max-width:none; margin:0; }
body.cinema-edition .piece-tohiko .card-caption h3 { font-size:46px; }
body.cinema-edition .development { padding:110px 0; }
body.cinema-edition .development-projects { gap:48px; }
body.cinema-edition .development-projects article { padding:26px 0 0; }
body.cinema-edition .development-type { font-size:12px; margin-bottom:18px; }
body.cinema-edition .development-projects h3 { font:650 clamp(30px,3vw,42px)/1.1 var(--sans); letter-spacing:-.045em; }
body.cinema-edition .development-projects article>p,body.cinema-edition .development-projects .quiet-link { font-size:13px; line-height:1.6; }
/* The detail viewer has the scale of a screening room, with a clear reading layer. */
body.cinema-edition dialog {
  width:min(1360px,calc(100% - 48px)); height:calc(100dvh - 40px); margin:20px auto;
  border-radius:24px; background:#fff; color:var(--ink); box-shadow:0 30px 100px #0004;
}
body.cinema-edition dialog::backdrop { background:#0c1119aa; backdrop-filter:blur(8px); }
body.cinema-edition .dialog-header { padding:12px 32px; background:#fffffff5; border-bottom:1px solid var(--line); }
body.cinema-edition .dialog-name { font:650 19px/1.2 var(--sans); letter-spacing:-.035em; }
body.cinema-edition .close-button { min-width:44px; min-height:44px; border-radius:24px; font-size:12px; }
body.cinema-edition .film-detail { padding:35px 40px 45px; }
body.cinema-edition .detail-type { font-size:13px; }
body.cinema-edition .detail-top { margin-bottom:30px; gap:28px; }
body.cinema-edition .detail-top h2 { font:650 clamp(40px,4.5vw,64px)/1.02 var(--sans); letter-spacing:-.055em; }
body.cinema-edition .detail-meta { font-size:12px; line-height:1.7; }
body.cinema-edition .gallery-stage { border-radius:14px; }
body.cinema-edition .gallery-bar { padding:14px 0; }
body.cinema-edition .gallery-thumbnails .gallery-dot { border-radius:8px; }
body.cinema-edition .gallery-thumbnails .gallery-dot:hover,body.cinema-edition .gallery-thumbnails .gallery-dot[aria-pressed='true'] { background:#ececef; }
body.cinema-edition .gallery-thumbnails .gallery-dot img { border-radius:3px; }
body.cinema-edition .provider-link,body.cinema-edition .stills-return { font-size:12px; }
body.cinema-edition .detail-copy { padding-top:28px; gap:7%; grid-template-columns:1.2fr 1fr; }
body.cinema-edition .detail-synopsis { font:550 clamp(24px,2.2vw,31px)/1.4 var(--sans); letter-spacing:-.025em; }
body.cinema-edition .detail-notes { font-size:13px; line-height:1.8; margin-top:25px; }
body.cinema-edition .detail-credits h3 { font:650 14px/1.4 var(--sans); margin-bottom:20px; }
body.cinema-edition .detail-credits dl { font-size:13px; line-height:1.7; }
body.cinema-edition .detail-next { margin-top:45px; padding-top:25px; }
body.cinema-edition .detail-next a { font:600 28px/1.2 var(--sans); letter-spacing:-.04em; }
body.cinema-edition .detail-next p { font-size:12px; }
/* Japanese display type is architectural; story copy retains its editorial voice. */
html[lang='ja'] body.cinema-edition .section-heading h2,
html[lang='ja'] body.cinema-edition .card-caption h3[data-i18n],
html[lang='ja'] body.cinema-edition .detail-top h2 { font-family:var(--sans); font-weight:650; letter-spacing:-.025em; }
html[lang='ja'] body.cinema-edition .card-caption h3[data-i18n] { font-size:29px; line-height:1.3; }
html[lang='ja'] body.cinema-edition .detail-synopsis { font:400 25px/1.8 var(--jp-serif); letter-spacing:.01em; }
html[lang='ja'] body.cinema-edition .feature-synopsis { font-size:24px; line-height:1.6; letter-spacing:-.015em; }
@media(min-width:1600px) { body.cinema-edition .opening { margin-top:32px; } }
@media(max-width:1100px) {
  body.cinema-edition .site-header { display:grid; padding:10px 28px 8px; gap:4px 16px; }
  body.cinema-edition .frame-caption>div:first-child { gap:24px; }
  body.cinema-edition .frame-console { gap:22px; }
  body.cinema-edition .frame-track { width:350px; }
  body.cinema-edition .frame-preview { flex-basis:78px; }
  body.cinema-edition .piece-moonlight { padding:36px; }
  body.cinema-edition .card-caption { display:block; }
  body.cinema-edition .card-caption .caption-action { margin-top:8px; }
  body.cinema-edition .piece-moonlight .card-caption { display:flex; }
  body.cinema-edition .piece-error { gap:0 30px; }
}
@media(max-width:680px) {
  html:has(body.cinema-edition) { scroll-padding-top:120px; }
  body.cinema-edition .site-header { padding:8px 16px 6px; gap:2px 10px; }
  body.cinema-edition .signature { display:flex; flex-direction:column; justify-content:center; }
  body.cinema-edition .signature h1 { font-size:20px; letter-spacing:-.04em; }
  body.cinema-edition .signature>span { font-size:8px; margin-top:3px; }
  body.cinema-edition .site-header nav.site-navigation[data-nav] { gap:6px; }
  body.cinema-edition .site-navigation a { padding:10px 8px; font-size:11px; }
  body.cinema-edition .discipline-switch { padding:2px; }
  body.cinema-edition .secondary-navigation { gap:0; }
  body.cinema-edition .language { font-size:11px; padding:8px 0 8px 8px; }
  body.cinema-edition .opening,body.cinema-edition .selected,body.cinema-edition .development { width:calc(100% - 32px); }
  body.cinema-edition .opening { display:block; margin-top:16px; }
  body.cinema-edition .hero-frame { border-radius:20px; }
  body.cinema-edition .frame-caption { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:25px 22px 23px; align-items:end; gap:12px; }
  body.cinema-edition .frame-caption>div:first-child { display:block; }
  body.cinema-edition .frame-caption h2 { font-size:76px; line-height:.82; }
  body.cinema-edition .frame-caption p { font-size:11px; margin-top:13px; margin-bottom:0; max-width:none; }
  body.cinema-edition .frame-explore { min-width:84px; font-size:11px; padding:10px 13px; margin:0; }
  body.cinema-edition .frame-console { display:block; padding:16px 18px 17px; }
  body.cinema-edition .frame-console-top { grid-template-columns:1fr auto; gap:5px; font-size:11px; margin-bottom:7px; }
  body.cinema-edition .frame-hint { font-size:10px; }
  body.cinema-edition .frame-position { font-size:11px; }
  body.cinema-edition .frame-track { width:100%; gap:6px; }
  body.cinema-edition .frame-preview { flex-basis:calc((100% - 18px)/4); min-width:54px; padding:3px; }
  body.cinema-edition .frame-preview span { font-size:9px; }
  body.cinema-edition .feature-synopsis { font-size:23px; line-height:1.45; margin-top:27px; letter-spacing:-.035em; }
  body.cinema-edition .opening>.festival-caption { margin-top:20px; gap:10px; }
  body.cinema-edition .festival-caption .quiet-link { font-size:11px; line-height:1.65; }
  body.cinema-edition .festival-caption .competition-note { font-size:10px; line-height:1.65; }
  body.cinema-edition .feature-note { padding-top:20px; gap:10px 22px; font-size:11px; }
  body.cinema-edition .feature-credit { width:100%; }
  body.cinema-edition .hero-play { padding:12px 17px; }
  body.cinema-edition .discovery-bar { display:grid; grid-template-columns:auto minmax(40px,1fr) auto; gap:10px; margin-top:12px; }
  body.cinema-edition .discovery-copy { grid-column:auto; font-size:10px; }
  body.cinema-edition .discovery-track { min-height:44px; }
  body.cinema-edition .discovery-reset { font-size:10px; padding-inline:0; }
  body.cinema-edition .selected { padding-top:70px; }
  body.cinema-edition .section-heading { margin-bottom:28px; }
  body.cinema-edition .selected-heading { flex-direction:column; align-items:flex-start; gap:10px; }
  body.cinema-edition .portfolio-link { font-size:12px; }
  body.cinema-edition .section-heading h2 { font-size:39px; line-height:1.08; }
  body.cinema-edition .gallery-sequence { display:block; }
  body.cinema-edition .page-films .work-piece { margin:0 0 55px; }
  body.cinema-edition .work-piece figure { border-radius:12px; }
  body.cinema-edition .card-caption { display:grid; grid-template-columns:minmax(0,1fr) auto; padding-top:18px; gap:8px 12px; }
  body.cinema-edition .card-caption h3 { font-size:28px; line-height:1.12; }
  body.cinema-edition .card-caption p { font-size:11px; margin-top:9px; }
  body.cinema-edition .card-caption .caption-action { margin:0; font-size:10px; }
  body.cinema-edition .caption-action::after { font-size:17px; margin-left:5px; }
  body.cinema-edition .work-description { font-size:14px; line-height:1.7; margin-top:14px; }
  body.cinema-edition .piece-moonlight { padding:28px 22px; border-radius:20px; }
  body.cinema-edition .piece-moonlight .card-caption { display:block; padding:0 0 25px; }
  body.cinema-edition .piece-moonlight .card-caption h3 { font-size:45px; line-height:1; max-width:290px; }
  body.cinema-edition .piece-moonlight .card-caption p { margin-top:14px; }
  body.cinema-edition .piece-moonlight .caption-action { margin-top:12px; }
  body.cinema-edition .piece-moonlight figure { display:block; border-radius:0; }
  body.cinema-edition .piece-moonlight figure img { border-radius:8px; }
  body.cinema-edition .piece-moonlight .chapter-companion { margin-top:14px; }
  body.cinema-edition .piece-moonlight .work-description { font-size:16px; line-height:1.6; margin-top:22px; }
  body.cinema-edition .piece-error { display:block; padding:0; }
  body.cinema-edition .piece-error>a { display:block; }
  body.cinema-edition .piece-error .card-caption { display:grid; padding-top:18px; }
  body.cinema-edition .piece-error .card-caption h3 { font-size:28px; }
  body.cinema-edition .piece-error .caption-action { margin:0; }
  body.cinema-edition .music-video { padding-top:15px; }
  body.cinema-edition .piece-tohiko .card-caption h3 { font-size:32px; }
  body.cinema-edition .development { padding:45px 0 70px; }
  body.cinema-edition .development-projects { gap:32px; }
  body.cinema-edition .development-projects h3 { font-size:32px; }
  body.cinema-edition .development-type { font-size:11px; }
  body.cinema-edition dialog { width:100%; height:100dvh; margin:0; border-radius:0; }
  body.cinema-edition .dialog-header { padding:10px 20px; }
  body.cinema-edition .dialog-name { font-size:17px; }
  body.cinema-edition .film-detail { padding:27px 20px 30px; }
  body.cinema-edition .detail-top { margin-bottom:24px; }
  body.cinema-edition .detail-top h2 { font-size:40px; line-height:1.05; }
  body.cinema-edition .detail-meta { font-size:11px; margin-top:15px; }
  body.cinema-edition .detail-type { font-size:12px; }
  body.cinema-edition .gallery-stage { margin-inline:-20px; border-radius:0; }
  body.cinema-edition .detail-copy { display:block; padding-top:21px; }
  body.cinema-edition .detail-synopsis { font-size:25px; line-height:1.45; }
  body.cinema-edition .detail-notes { font-size:12px; line-height:1.8; }
  body.cinema-edition .detail-credits { padding-top:25px; margin-top:28px; }
  body.cinema-edition .detail-credits dl { font-size:12px; grid-template-columns:100px minmax(0,1fr); gap:12px; }
  body.cinema-edition .detail-next a { font-size:22px; }
  body.cinema-edition .detail-next p { font-size:11px; }
  html[lang='ja'] body.cinema-edition .card-caption h3[data-i18n] { font-size:26px; line-height:1.4; }
  html[lang='ja'] body.cinema-edition .section-heading h2 { font-size:33px; line-height:1.3; }
  html[lang='ja'] body.cinema-edition .detail-top h2 { font-size:34px; line-height:1.3; }
  html[lang='ja'] body.cinema-edition .detail-synopsis { font-size:21px; line-height:1.85; }
  html[lang='ja'] body.cinema-edition .feature-synopsis { font-size:22px; line-height:1.65; }
}
@media(max-width:360px) {
  body.cinema-edition .site-header { padding-inline:12px; }
  body.cinema-edition .site-navigation a { padding-inline:6px; }
  body.cinema-edition .frame-caption { padding-inline:18px; }
  body.cinema-edition .frame-caption h2 { font-size:68px; }
  body.cinema-edition .piece-moonlight .card-caption h3 { font-size:39px; }
  body.cinema-edition .card-caption { display:block; }
}
@media(prefers-reduced-motion:reduce) {
  body.cinema-edition *,body.cinema-edition *::before,body.cinema-edition *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}
/* Viewing actions share the title composition, outside the image link. */
body.cinema-edition .hero-frame { position:relative; }
body.cinema-edition .hero-frame .feature-note { padding:15px 40px 0; color:#c3d1d4; }
body.cinema-edition .hero-frame .feature-credit { color:#b7c9cd; }
body.cinema-edition .hero-frame .reel-link { color:#e2edf0; }
body.cinema-edition .hero-frame .duration { color:#b7c9cd; }
body.cinema-edition .hero-frame .hero-play { position:absolute; top:min(102px,calc(8.2vw - 16px)); right:172px; background:#27454d; color:#f4f7f7; }
body.cinema-edition .hero-frame .hero-play:hover { background:#365e68; }
body.cinema-edition .hero-frame .frame-console { padding-top:12px; }
@media(max-width:680px) {
 body.cinema-edition .hero-frame .feature-note { padding:13px 22px 0; gap:4px 16px; }
 body.cinema-edition .hero-frame .feature-credit { width:auto; flex:1; font-size:10px; line-height:1.6; }
 body.cinema-edition .hero-frame .reel-link { font-size:10px; gap:6px; }
 body.cinema-edition .hero-frame .hero-play { top:22px; right:22px; font-size:10px; padding:10px 12px; }
 body.cinema-edition .hero-frame .hero-play svg { width:10px; height:10px; }
 body.cinema-edition .hero-frame .frame-console { padding-top:10px; }
}
@media(max-width:360px) {
 body.cinema-edition .hero-frame .hero-play { right:18px; }
}