@layer components{.vp{flex-direction:column;display:flex}.vp-frame{aspect-ratio:16/9;background-color:var(--color-brand-navy-deep);color:var(--color-text-on-dark);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 2px 6px #070d261a,0 28px 60px -12px #070d266b}.vp-on-dark .vp-frame{box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 6px #0003,0 28px 60px -12px #0000008c}.vp-video,.vp-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vp-video::cue{visibility:hidden}.vp-poster{z-index:1;pointer-events:none}.vp[data-started] .vp-poster{opacity:0}.vp-hit{z-index:2;cursor:pointer;position:absolute;inset:0}.vp-hit:focus-visible{outline:3px solid var(--color-viz-gold);outline-offset:-3px;border-radius:18px}.vp-flash{z-index:3;opacity:0;pointer-events:none;background-color:#0408188c;border-radius:9999px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.vp-flash>svg{width:30px;height:30px}.vp[data-flash=play] .vp-flash-pause,.vp[data-flash=pause] .vp-flash-play{display:none}.vp[data-flash] .vp-flash{animation:.4s ease-out both vp-blink}.vp-top{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex;position:absolute;inset:0 0 auto}.vp-top>*{pointer-events:auto}.vp-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;text-transform:uppercase;background-color:#070d268c;border-radius:9999px;padding:6px 10px;font-size:10px;font-weight:700;line-height:12px}.vp-cta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background-color:#070d268c;border:1px solid #ffffff38;border-radius:9999px;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:700;line-height:16px;transition:background-color .2s,border-color .2s;display:flex}.vp-cta:hover{background-color:#070d26cc;border-color:#fff6}.vp-bottom{z-index:4;pointer-events:none;background-image:linear-gradient(#0000,#0408188c 55%,#040818e0);flex-direction:column;gap:8px;padding:56px 14px 10px;transition:opacity .35s ease-out;display:flex;position:absolute;inset:auto 0 0}.vp-bar{pointer-events:auto}.vp[data-idle][data-playing] .vp-bottom{opacity:0}.vp[data-idle][data-playing] .vp-bar{pointer-events:none}.vp-frame:focus-within .vp-bottom{opacity:1}.vp-frame:focus-within .vp-bar{pointer-events:auto}@media (hover:none){.vp[data-idle][data-playing] .vp-bottom{opacity:1}.vp[data-idle][data-playing] .vp-bar{pointer-events:auto}}.vp-caption{text-shadow:0 1px 2px #0009;max-width:92%;font-size:13px;font-weight:600;line-height:18px;display:none}.vp[data-cc] .vp-caption:not(:empty){display:block}.vp-lower{opacity:0;flex-direction:column;gap:2px;transition:opacity .5s ease-out;display:flex}.vp[data-lower] .vp-lower{opacity:1}.vp-lower-name{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800;line-height:16px}.vp-lower-title{color:#ffffffc7;font-size:11px;font-weight:600;line-height:14px}.vp-bar{align-items:center;gap:8px;display:flex}.vp-btn{width:32px;height:32px;color:var(--color-text-on-dark);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.vp-btn:hover{background-color:#ffffff24}.vp-btn>svg{width:18px;height:18px}.vp-btn[aria-pressed=true]{color:var(--color-viz-gold)}.vp[data-playing] .vp-icon-play,.vp:not([data-playing]) .vp-icon-pause,.vp[data-muted] .vp-icon-sound,.vp:not([data-muted]) .vp-icon-muted{display:none}.vp-time{font-variant-numeric:tabular-nums;color:#ffffffd9;flex-shrink:0;min-width:76px;font-size:12px;font-weight:600;line-height:16px}.vp-seek{--vp-at:0%;cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:20px;margin:0}.vp-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-viz-gold) var(--vp-at), #ffffff47 var(--vp-at));border-radius:2px;height:3px}.vp-seek::-moz-range-track{background:#ffffff47;border-radius:2px;height:3px}.vp-seek::-moz-range-progress{background:var(--color-viz-gold);border-radius:2px;height:3px}.vp-seek::-webkit-slider-thumb{background:var(--color-viz-gold);appearance:none;opacity:0;border:none;border-radius:9999px;width:12px;height:12px;margin-top:-4.5px;transition:opacity .2s}.vp-seek::-moz-range-thumb{background:var(--color-viz-gold);opacity:0;border:none;border-radius:9999px;width:12px;height:12px;transition:opacity .2s}.vp-seek:hover::-webkit-slider-thumb{opacity:1}.vp-seek:focus-visible::-webkit-slider-thumb{opacity:1}.vp-seek:hover::-moz-range-thumb{opacity:1}.vp-seek:focus-visible::-moz-range-thumb{opacity:1}.vp-seek:focus-visible{outline:2px solid var(--color-viz-gold);outline-offset:2px;border-radius:4px}.vp-big{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:14px;transition:opacity .25s,scale .25s;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.vp-big-disc{background-color:var(--color-viz-gold);width:72px;height:72px;color:var(--color-brand-navy);border-radius:9999px;justify-content:center;align-items:center;transition:scale .25s;display:flex;box-shadow:0 0 0 8px #ffffff1a,0 10px 30px #0006}.vp-big-disc>svg{width:30px;height:30px;margin-left:4px}.vp-big-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;text-shadow:0 1px 2px #0006;background-color:#070d2699;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:700;line-height:16px}.vp[data-playing] .vp-big,.vp[data-ended] .vp-big{opacity:0;scale:.9}.vp[data-started] .vp-big-label{display:none}.vp-big-titled{-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.vp-big-title{letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:22px}.vp-big-note{color:#ffffffc7;font-size:12px;font-weight:600;line-height:16px}.vp-shade{z-index:1;pointer-events:none;background-image:radial-gradient(60% 55% at 50% 55%,#0408188c,#0000 75%),linear-gradient(#04081826,#04081840 55%,#040818b3);position:absolute;inset:0}.vp[data-started] .vp-shade{opacity:0}.vp-window{isolation:isolate;position:relative}.vp-shell{border:1px solid color-mix(in oklab, var(--color-viz-gold) 70%, transparent);background-color:var(--color-brand-navy-deep);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000038,0 40px 90px -24px #000000a6}.vp-window:before{content:"";z-index:-1;filter:blur(40px);pointer-events:none;background-image:radial-gradient(60% 70% at 70% 30%,#e6ba2d29,#0000 70%),radial-gradient(70% 70% at 25% 75%,#3c6ee62e,#0000 70%);border-radius:40px;position:absolute;inset:6% 4%}.vp-shell-bar{background-color:var(--color-brand-navy);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;height:32px;padding-inline:12px;display:flex;position:relative}.vp-shell-dots{gap:6px;display:flex;position:absolute;left:12px}.vp-shell-dots>span{background-color:#ffffff29;border-radius:50%;width:8px;height:8px}.vp-window .vp-frame{box-shadow:none;border-radius:0}.vp-window .vp-hit:focus-visible{border-radius:0}.vp-end{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#040818b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:24px;display:none;position:absolute;inset:0}.vp[data-ended] .vp-end{display:flex}.vp[data-ended] .vp-bottom,.vp[data-ended] .vp-top{opacity:0;pointer-events:none}.vp-end-btn{border-radius:var(--radius-xs,4px);letter-spacing:.02em;height:44px;color:var(--color-text-on-dark);cursor:pointer;border:1px solid #ffffff73;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:800;line-height:18px;transition:background-color .2s,filter .2s;display:inline-flex}.vp-end-btn:hover{background-color:#ffffff14}.vp-end-btn>svg{width:18px;height:18px}.vp-end-primary{background-color:var(--color-viz-gold);color:var(--color-brand-navy);border-color:#0000}.vp-end-primary:hover{background-color:var(--color-viz-gold);filter:brightness(1.06)}.vp-end-btn:focus-visible{outline:2px solid var(--color-viz-gold);outline-offset:2px}.vp-frame:fullscreen{border-radius:0}.vp-frame:fullscreen .vp-video{object-fit:contain}.vp-dialog{width:min(1120px,100vw - 32px);max-width:none;max-height:none;color:var(--color-text-on-dark);background:#000;border:none;border-radius:16px;margin:auto;padding:0;overflow:visible}.vp-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#040818d1}.vp-dialog-frame{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}.vp-dialog-frame>iframe{border:0;width:100%;height:100%;display:block}.vp-close{width:36px;height:36px;color:var(--color-text-on-dark);cursor:pointer;background-color:#ffffff1f;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;top:-44px;right:0}.vp-close:hover{background-color:#ffffff3d}.vp-close>svg{width:16px;height:16px}.vp-close:focus-visible{outline:2px solid var(--color-viz-gold);outline-offset:2px}@media not (min-width:480px){.vp-time{display:none}.vp-bar{gap:4px}}@media (min-width:768px){.vp-top{padding:18px}.vp-big-title{font-size:20px;line-height:26px}.vp-big-note{font-size:13px;line-height:18px}.vp-shell-bar{height:34px;padding-inline:14px}.vp-shell-dots{left:14px}.vp-bottom{padding:64px 18px 12px}.vp-caption{font-size:15px;line-height:21px}.vp-lower-name{font-size:14px;line-height:18px}.vp-lower-title{font-size:12px;line-height:16px}}@media (prefers-reduced-motion:no-preference){.vp-poster,.vp-shade{transition:opacity .2s ease-out}@media (hover:hover){.vp:not([data-playing]) .vp-frame:hover .vp-big-disc{scale:1.06}}.vp-frame{transition:translate .4s var(--motion-ease), box-shadow .4s var(--motion-ease)}@media (hover:hover){.vp:not(.vp-window):hover .vp-frame{translate:0 -3px;box-shadow:0 4px 10px #070d261f,0 36px 70px -12px #070d2680}.vp-on-dark:not(.vp-window):hover .vp-frame{box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 10px #0000003d,0 36px 70px -12px #0009}}.vp-dialog[open]{animation:vp-dialog-in .25s var(--motion-ease) both}.vp-dialog[open]::backdrop{animation:.25s ease-out both motion-fade}}@media (prefers-reduced-motion:reduce){.vp-lower,.vp-big,.vp-big-disc,.vp-btn,.vp-cta,.vp-end-btn,.vp-shade,.vp-poster,.vp-bottom{transition:none}.vp[data-flash] .vp-flash{opacity:1;animation:none}}}@keyframes vp-blink{0%{opacity:0;scale:.8}35%{opacity:1;scale:1}to{opacity:0;scale:1.08}}@keyframes vp-dialog-in{0%{opacity:0;scale:.98}}
