/* トップ PRO 枠の動画(2026-09-15 本人指示)。index.html だけが読む。
   既定は今のスマホ画像。動画の最初のフレームが実際に出たら data-pv="video" で入れ替える。
   figure の高さはスマホ画像のまま変えない(動画+操作行をその高さに収め、下の段を動かさない)。 */
.rin-public .board-pro.cta-first .pro-shot.pv{position:relative}
.pv .pv-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.pv .pv-video{display:block;height:calc(100% - 52px);width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:18px;background:#000;opacity:0;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.pv .pv-controls{display:flex;gap:8px;visibility:hidden}
.pv-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(245,245,242,.22);border-radius:50%;background:rgba(245,245,242,.06);color:#f5f5f2;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pv-btn[hidden]{display:none}
.pv-btn:hover{background:rgba(245,245,242,.14)}
.pv-btn:focus-visible{outline:2px solid var(--rin-brass,#C08A3E);outline-offset:3px}
.pv-btn svg{display:block;width:20px;height:20px}
.pv-play[data-icon="pause"] .i-play,.pv-play[data-icon="play"] .i-pause,.pv-sound[data-icon="on"] .i-off,.pv-sound[data-icon="off"] .i-on{display:none}
.pv .pv-start{position:absolute;right:10px;bottom:10px;z-index:1;background:rgba(10,10,11,.66);border-color:rgba(245,245,242,.4)}
.pv[data-pv="video"] .pv-stage{pointer-events:auto}
.pv[data-pv="video"] .pv-video{opacity:1}
.pv[data-pv="video"] .pv-controls{visibility:visible}
.pv[data-pv="video"] .phone{visibility:hidden}