.fv .fv-movie{max-width:420px;margin-top:16px}@media (max-width:1259px){.fv-in:has(.fv-movie){padding-bottom:24px}.fv .fv-movie+.fv-cta{margin-top:14px}}.fv .fv-movie-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;min-height:84px;color:var(--ink-on-invert);font:inherit;text-align:left;cursor:pointer;background:#12171c6b;border:1px solid #fbfaf747;border-radius:4px;grid-template-columns:120px 1fr;align-items:center;gap:14px;padding:7px 14px 7px 7px;transition:border-color .4s,background-color .4s;display:grid}.fv .fv-movie-btn:hover{border-color:#6fd8c699}.fv .fv-movie-btn:focus-visible{outline:2px solid var(--accent-invert);outline-offset:4px}.fv .fv-movie-thumb{aspect-ratio:16/9;background:var(--bg-movie);border-radius:2px;display:block;position:relative;overflow:hidden}.fv .fv-movie-thumb img{object-fit:cover;width:100%;height:100%;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.fv .fv-movie-thumb:after{content:"";background:linear-gradient(#0a0e1100 58%,#0a0e118c 100%);position:absolute;inset:0}.fv .fv-movie-btn:hover .fv-movie-thumb img{transform:scale(1.07)}.fv .fv-movie-play{z-index:1;aspect-ratio:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:30px;color:var(--on-photo-strong);background:#12171c6b;border-radius:50%;place-items:center;transition:background-color .4s,box-shadow .4s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffffc7}.fv .fv-movie-play svg{width:44%;height:44%;margin-left:8%}.fv .fv-movie-play:after{content:"";border:1px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:0}.fv .fv-movie-btn:hover .fv-movie-play,.fv .fv-movie-btn:focus-visible .fv-movie-play{box-shadow:inset 0 0 0 1px var(--accent);background:#6fd8c633}.fv .fv-movie-btn:hover .fv-movie-play:after,.fv .fv-movie-btn:focus-visible .fv-movie-play:after{animation:1.8s cubic-bezier(.2,.7,.2,1) infinite fvMovieRing}@keyframes fvMovieRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}.fv .fv-movie-time{z-index:1;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--on-photo-strong);font-size:10px;position:absolute;bottom:4px;right:6px}.fv .fv-movie-text{gap:6px;min-width:0;display:grid}.fv .fv-movie-ttl{letter-spacing:.04em;font-size:14.5px;font-weight:500;line-height:1.5}.fv .fv-movie-meta{letter-spacing:.26em;color:var(--ink-on-invert-2);white-space:nowrap;align-items:center;gap:10px;font-size:10.5px;display:flex}.fv .fv-movie-meta i{background:var(--accent);width:18px;height:1px}@media (min-width:1260px){.fv .fv-movie{z-index:1;right:calc(var(--gutter) - max(0px, (100vw - 1280px) / 4));width:clamp(300px,24vw,420px);max-width:none;margin:0;position:absolute;bottom:clamp(28px,5vh,68px)}.fv .fv-movie-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;min-height:0;padding:0;display:block}.fv .fv-movie-thumb{border-radius:4px;transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s;box-shadow:0 0 0 1px #ffffff9e,0 28px 60px -28px #000000b3}.fv .fv-movie-btn:hover .fv-movie-thumb{transform:translateY(-4px)scale(1.02);box-shadow:0 0 0 1px #6fd8c6d9,0 36px 70px -26px #000000bf}.fv .fv-movie-play{width:clamp(52px,4.2vw,64px)}.fv .fv-movie-time{letter-spacing:.2em;font-size:11px;bottom:9px;right:12px}.fv .fv-movie-text{gap:5px;margin-top:14px}.fv .fv-movie-ttl{font-size:14px}}.js .fv .fv-movie{animation:1.1s cubic-bezier(.22,.61,.36,1) .9s both fvMovieIn}@keyframes fvMovieIn{0%{opacity:0;filter:blur(8px);transform:translateY(24px)}}.fv .fv-movie-dlg{width:min(1120px,100vw - 48px,177.778svh - 266.667px);max-width:none;max-height:none;color:var(--on-photo-strong);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.fv .fv-movie-dlg::backdrop{-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);background:#06090bcc}.fv .fv-movie-in{position:relative}.fv .fv-movie-stage{aspect-ratio:16/9;background:var(--bg-movie-stage);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 40px 120px -24px #000c}.fv .fv-movie-stage video{object-fit:contain;background:var(--bg-movie-stage);width:100%;height:100%;position:absolute;inset:0}.fv .fv-movie-x{width:44px;height:44px;color:var(--on-photo-strong);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff6b;border-radius:50%;place-items:center;transition:border-color .3s,background-color .3s,transform .4s;display:grid;position:absolute;bottom:calc(100% + 14px);right:0}.fv .fv-movie-x:hover{border-color:var(--accent-invert);background:#6fd8c629;transform:rotate(90deg)}.fv .fv-movie-x:focus-visible{outline:2px solid var(--accent-invert);outline-offset:3px}.fv .fv-movie-err{margin-top:12px;font-size:14px}@media (max-width:599px){.fv .fv-movie-dlg{width:100vw}.fv .fv-movie-stage{border-radius:0}.fv .fv-movie-x{right:12px}}.fv .fv-movie-dlg[open]:not([data-vt]){animation:.38s cubic-bezier(.2,.7,.2,1) fvMovieDlgIn}.fv .fv-movie-dlg[open]:not([data-vt])::backdrop{animation:.38s fvMovieFade}.fv .fv-movie-dlg[data-closing]{animation:.24s forwards fvMovieDlgOut}.fv .fv-movie-dlg[data-closing]::backdrop{animation:.24s reverse forwards fvMovieFade}@keyframes fvMovieDlgIn{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes fvMovieDlgOut{to{opacity:0;transform:scale(.97)}}@keyframes fvMovieFade{0%{opacity:0}}::view-transition-group(bm-hero){animation-duration:.62s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(bm-hero){object-fit:cover;height:100%;animation-duration:.62s}::view-transition-new(bm-hero){object-fit:cover;height:100%;animation-duration:.62s}::view-transition-old(root){animation-duration:.45s}::view-transition-new(root){animation-duration:.45s}@media (prefers-reduced-motion:reduce){.js .fv .fv-movie,.fv .fv-movie-dlg[open]:not([data-vt]),.fv .fv-movie-dlg[open]:not([data-vt])::backdrop,.fv .fv-movie-btn:hover .fv-movie-play:after{animation:none}.fv .fv-movie-thumb,.fv .fv-movie-thumb img,.fv .fv-movie-x{transition:none}.fv .fv-movie-btn:hover .fv-movie-thumb,.fv .fv-movie-btn:hover .fv-movie-thumb img,.fv .fv-movie-x:hover{transform:none}}
