/* 炭音 ヒーロー映像（film.js と対）
   動画は幕開けが終わってから再生する。ボタンは右下の円。 */
.hero-media .dining-film{opacity:0;transition:opacity .9s var(--ease-ember);pointer-events:none}
.hero-media .dining-film.is-ready{opacity:1}
.film-control{position:absolute;z-index:4;right:var(--gutter);bottom:clamp(52px,9svh,112px);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--washi-45);border-radius:50%;background:rgba(15,14,13,.3);color:var(--washi);cursor:pointer;transition:border-color .35s var(--ease-out),background-color .35s}
.film-control:hover{border-color:var(--hibi);background-color:rgba(15,14,13,.55)}
.film-control::before{content:"";width:0;height:0;margin-left:3px;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.film-control.is-playing::before{width:9px;height:12px;margin:0;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}
@media (prefers-reduced-motion:reduce){.hero-media .dining-film{transition:none}}