.about-film{background:var(--cat-dark,#050b14);color:#fff}.about-film .cat-wrap{max-width:calc(1440px + 2 * var(--gutter))}.about-film-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 40px;margin-bottom:clamp(20px,2.6vw,34px);display:flex}.about-film-head h2{color:#fff}.about-film-note{color:#ffffffbd;font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:1.7}.about-film-note>span+span:before{content:"·";color:#ffffff73;margin:0 .6em}.about-film-size-small{display:none}.about-film-frame{background:#000;margin:0}.about-film-frame video{aspect-ratio:16/9;background:#000;width:100%;height:auto;display:block}.about-film-frame video:focus-visible{outline-offset:3px;outline:2px solid #87efff}.about-film-player{position:relative}.about-film-play{color:#fff;cursor:pointer;background:#050b149e;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;padding:0 0 0 4px;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%}.about-film-play:hover{background:#050b14d1;transform:scale(1.05)}.about-film-play:focus-visible{outline-offset:4px;outline:2px solid #87efff}@media (prefers-reduced-motion:reduce){.about-film-play{transition:none}.about-film-play:hover{transform:none}}@media (max-width:767px){.about-film-size-large{display:none}.about-film-size-small{display:inline}.about-film-head{display:block}.about-film-note{margin-top:10px}.about-film-frame{margin-inline:calc(-1 * var(--gutter))}.about-film-play{width:64px;height:64px;margin:-32px 0 0 -32px}}