.fullscreen-video-modal{z-index:999999;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.fullscreen-video-modal *{box-sizing:border-box}body.video-modal-open{touch-action:none;overflow:hidden!important}.video-modal__backdrop{z-index:1;-webkit-backdrop-filter:blur(28px);pointer-events:auto;background:#030712f0;position:absolute;inset:0}.video-modal__panel{z-index:2;will-change:transform, opacity, border-radius;background:radial-gradient(circle,#061224 0%,#02060e 100%);flex-direction:column;justify-content:space-between;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 60px #000000e6}.video-modal__header{z-index:10;padding-top:max(1rem, calc(env(safe-area-inset-top,0px) + .65rem));padding-bottom:.85rem;padding-left:max(1.25rem, calc(env(safe-area-inset-left,0px) + 1.25rem));padding-right:max(1.25rem, calc(env(safe-area-inset-right,0px) + 1.25rem));pointer-events:auto;background:linear-gradient(#02060feb 0%,#02060f8c 60%,#02060f00 100%);justify-content:space-between;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;right:0}.video-modal__info{flex-direction:column;gap:.25rem;min-width:0;margin-right:1rem;display:flex}.video-modal__category{text-transform:uppercase;letter-spacing:.08em;color:var(--site-accent,#35b8f2);text-shadow:0 0 12px #35b8f266;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.68rem,1.2vw,.78rem);font-weight:600;overflow:hidden}.video-modal__title{color:#fff;letter-spacing:.02em;text-shadow:0 2px 12px #000000d9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Michroma,sans-serif;font-size:clamp(1rem,2vw,1.45rem);overflow:hidden}.video-modal__stage{cursor:pointer;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.video-modal__video{object-fit:contain;background:0 0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.video-modal__loader{z-index:4;pointer-events:none;place-items:center;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0}.video-modal__loader.is-hidden{opacity:0;visibility:hidden}.video-modal__loader .loading-indicator{--box-size:56px;--box-half:28px;--anim-duration:2.4s;--box-color:#35b8f20f;--box-border:#8be3ffd9;--loader-gap:1.15rem;justify-content:center;align-items:center;gap:var(--loader-gap);box-sizing:border-box;contain:layout;flex-direction:column;width:auto;max-width:16rem;padding:.5rem;display:flex;position:relative}.video-modal__loader .scene-container{perspective:800px;place-items:center;width:6rem;height:6rem;display:grid}.video-modal__loader .cube-wrapper{width:var(--box-size);height:var(--box-size);transform-style:preserve-3d;animation:videoModalSpinBox var(--anim-duration) cubic-bezier(.68, -.55, .265, 1.55) infinite;position:relative}.video-modal__loader .face{border:1.5px solid var(--box-border);background:var(--box-color);box-sizing:border-box;width:100%;height:100%;position:absolute;box-shadow:inset 0 0 8px #35b8f214}.video-modal__loader .face.front{transform:rotateY(0deg) translateZ(var(--box-half))}.video-modal__loader .face.back{transform:rotateY(180deg) translateZ(var(--box-half))}.video-modal__loader .face.right{transform:rotateY(90deg) translateZ(var(--box-half))}.video-modal__loader .face.left{transform:rotateY(-90deg) translateZ(var(--box-half))}.video-modal__loader .face.top{transform:rotateX(90deg) translateZ(var(--box-half))}.video-modal__loader .face.bottom{transform:rotateX(-90deg) translateZ(var(--box-half))}.video-modal__loader .loading-details{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;display:flex}.video-modal__loader .loading-label{width:max-content;max-width:100%;color:var(--site-accent-soft,#8be3ff);letter-spacing:.04em;text-align:center;white-space:normal;text-shadow:0 0 12px #35b8f266;margin:0;font-size:.84rem;font-weight:600;line-height:1.35;transition:color .2s;display:block}.video-modal__loader .loading-progress-wrap{opacity:1;flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:8.5rem;transition:opacity .2s;display:flex}.video-modal__loader .loading-progress-wrap.is-hidden{opacity:0;display:none!important}.video-modal__loader .loading-progress-track{background:#8be3ff29;border:1px solid #8be3ff40;border-radius:999px;width:100%;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.video-modal__loader .loading-progress-bar{background:linear-gradient(90deg, var(--site-accent,#35b8f2), var(--site-accent-soft,#8be3ff));border-radius:999px;width:0%;height:100%;transition:width .14s linear;box-shadow:0 0 10px #35b8f2b3}.video-modal__loader .loading-progress{color:#ffffffe0;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 1px 3px #0009;font-size:.74rem;font-weight:600;line-height:1}@keyframes videoModalSpinBox{0%{transform:rotateX(-25deg)rotateY(45deg)rotate(0)scale(1)}25%{transform:rotateX(-25deg)rotateY(135deg)rotate(90deg)scale3d(.88,.88,.88)}50%{transform:rotateX(-115deg)rotateY(225deg)rotate(180deg)scale3d(1.08,1.08,1.08)}75%{transform:rotateX(-25deg)rotateY(315deg)rotate(270deg)scale3d(.92,.92,.92)}to{transform:rotateX(-25deg)rotateY(405deg)rotate(360deg)scale(1)}}@media (width<=767.98px){.video-modal__loader .loading-indicator--compact-mobile{--box-size:30px;--box-half:15px;--loader-gap:.75rem;grid-template-rows:3.75rem 1rem;width:7rem;height:6rem}.video-modal__loader .loading-indicator--compact-mobile .scene-container{perspective:600px;isolation:isolate;width:3.75rem;height:3.75rem}.video-modal__loader .loading-indicator--compact-mobile .cube-wrapper{width:var(--box-size);height:var(--box-size);animation:videoModalSpinBox var(--anim-duration) cubic-bezier(.68, -.55, .265, 1.55) infinite;transform-style:preserve-3d}}.video-modal__center-action{pointer-events:none;z-index:6;place-items:center;display:grid;position:absolute;inset:0}.video-modal__center-action.is-hidden{display:none}.video-modal__center-circle{color:#fff;background:#0e1c34d9;border:1px solid #8be3ff99;border-radius:50%;place-items:center;width:76px;height:76px;font-size:2.2rem;animation:.52s cubic-bezier(.16,1,.3,1) forwards videoCenterRipple;display:grid;box-shadow:0 0 35px #35b8f299}@keyframes videoCenterRipple{0%{opacity:0;transform:scale(.65)}45%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.25)}}.video-modal__controls{z-index:10;padding-top:.85rem;padding-bottom:max(1.15rem, calc(env(safe-area-inset-bottom,0px) + .85rem));padding-left:max(1.25rem, calc(env(safe-area-inset-left,0px) + 1.25rem));padding-right:max(1.25rem, calc(env(safe-area-inset-right,0px) + 1.25rem));pointer-events:auto;background:linear-gradient(#02060f00 0%,#02060f99 40%,#02060ff2 100%);flex-direction:column;gap:.75rem;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0}.video-modal__timeline-wrapper{cursor:pointer;touch-action:none;outline:none;align-items:center;width:100%;height:24px;display:flex;position:relative}.video-modal__timeline-wrapper:focus-visible .video-modal__timeline-bar{outline:2px solid var(--site-accent,#35b8f2);outline-offset:2px}.video-modal__timeline-bar{background:#ffffff38;border-radius:999px;width:100%;height:6px;transition:height .15s;position:relative}.video-modal__timeline-wrapper:hover .video-modal__timeline-bar{height:8px}.video-modal__timeline-buffered{background:#ffffff59;border-radius:999px;width:0%;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.video-modal__timeline-fill{pointer-events:none;background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:999px;width:0%;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px #38bdf8a6}.video-modal__timeline-thumb{pointer-events:none;background:#fff;border:2px solid #0ea5e9;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 0 14px #38bdf8,0 2px 6px #0009}.video-modal__timeline-wrapper:hover .video-modal__timeline-thumb{transform:translate(-50%,-50%)scale(1.22)}.video-modal__controls-row{justify-content:space-between;align-items:center;width:100%;display:flex}.video-modal__controls-left{align-items:center;gap:1rem;display:flex}.video-modal__controls-right{align-items:center;gap:.75rem;display:flex}.video-modal__control-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;padding:.3rem .5rem;font-size:1.4rem;transition:color .18s,transform .18s;display:inline-grid}.video-modal__control-btn:hover,.video-modal__control-btn:focus-visible{color:#38bdf8;outline:none;transform:scale(1.12)}.video-modal__control-btn img{width:1.25em;height:1.25em;display:block}.video-modal__center-circle img{filter:drop-shadow(0 0 10px #35b8f2b3);display:block}.video-modal__time-display{color:#cbd5e1;letter-spacing:.05em;font-family:monospace,sans-serif;font-size:clamp(.82rem,1.3vw,.95rem)}.video-modal__time-divider{color:#fff6;margin:0 .25rem}.fullscreen-video-modal.controls-hidden .video-modal__header{opacity:0;pointer-events:none;transform:translateY(-16px)}.fullscreen-video-modal.controls-hidden .video-modal__controls{opacity:0;pointer-events:none;transform:translateY(16px)}.fullscreen-video-modal.controls-hidden{cursor:none}@media (width<=768px) and (orientation:portrait){.video-modal__header{padding-top:max(.85rem, calc(env(safe-area-inset-top,0px) + .5rem));padding-bottom:.65rem;padding-left:max(.85rem, calc(env(safe-area-inset-left,0px) + .85rem));padding-right:max(.85rem, calc(env(safe-area-inset-right,0px) + .85rem))}.video-modal__controls{padding-top:.65rem;padding-bottom:max(1.15rem, calc(env(safe-area-inset-bottom,0px) + .85rem));padding-left:max(.85rem, calc(env(safe-area-inset-left,0px) + .85rem));padding-right:max(.85rem, calc(env(safe-area-inset-right,0px) + .85rem));gap:.5rem}.video-modal__title{font-size:1.05rem}.video-modal__category{font-size:.7rem}}@media (orientation:landscape) and (height<=520px){.video-modal__header{padding-top:max(.35rem, calc(env(safe-area-inset-top,0px) + .25rem));padding-bottom:.3rem;padding-left:max(1.5rem, calc(env(safe-area-inset-left,0px) + 1.25rem));padding-right:max(1.5rem, calc(env(safe-area-inset-right,0px) + 1.25rem))}.video-modal__controls{padding-top:.35rem;padding-bottom:max(.55rem, calc(env(safe-area-inset-bottom,0px) + .35rem));padding-left:max(1.5rem, calc(env(safe-area-inset-left,0px) + 1.25rem));padding-right:max(1.5rem, calc(env(safe-area-inset-right,0px) + 1.25rem));gap:.35rem}.video-modal__title{font-size:.92rem}.video-modal__category{font-size:.62rem}.video-modal__timeline-wrapper{height:18px}.video-modal__control-btn{min-width:36px;min-height:36px;padding:.2rem;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.video-modal__panel,.video-modal__backdrop,.video-modal__header,.video-modal__controls,.video-modal__timeline-bar,.video-modal__timeline-thumb,.video-modal__center-circle,.video-modal__loader .cube-wrapper{transition:none!important;animation:none!important}}
