.clip{--clip-max:960px;--clip-radius:14px;--clip-gap:12px;max-width:var(--clip-max);margin:0}.clip__box{position:relative}.clip__video{border-radius:var(--clip-radius);background:0 0;width:100%;height:auto;display:block}.clip__cap{margin-top:var(--clip-gap);font-family:var(--mono);color:currentColor;opacity:.82;font-size:13px}.clipshow{--clipshow-media:420px;--clipshow-gap:clamp(32px, 5vw, 64px);--clipshow-break:980px}.clipshow--wide .clipshow__media{margin-top:34px}.clipshow--side{gap:28px;display:grid}.clipshow--side .clipshow__media{max-width:min(100%,520px)}.clip--compact{--clip-radius:12px;--clip-toggle:36px;--clip-inset:10px;max-width:100%}.clip--compact .clip__cap{margin-top:10px;font-size:12.5px}.clip__toggle{right:var(--clip-inset);bottom:var(--clip-inset);width:var(--clip-toggle);height:var(--clip-toggle);background:var(--dark);color:var(--c-white);cursor:pointer;opacity:.88;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.clip__toggle:hover{opacity:1}.clip__toggle{--tap:44px}.clip__toggle:after{content:"";width:var(--tap);height:var(--tap);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip__toggle[hidden]{display:none}.clip__toggle:focus-visible,.cliplink:focus-visible,.clipposter:focus-visible,.vdialog__close:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.clip__icon{--bar:3px;border-left:var(--bar) solid currentColor;border-right:var(--bar) solid currentColor;width:10px;height:12px}.clip__toggle.is-paused .clip__icon{border:6px solid #0000;border-left:10px solid;border-right:0;width:0;height:0;margin-left:3px}.clip--framed .clip__box{--bar-h:30px;--dot:7px;border-radius:var(--clip-radius);background:#ffffff12;border:1px solid #ffffff2e;overflow:hidden}.clip--framed .clip__video,.clip--framed .clipposter__img{border-radius:0}.clip--framed .clipposter__play{top:calc(50% + var(--bar-h) / 2)}.clip__toggle--bar{--clip-toggle:calc(var(--bar-h) - 4px);opacity:.8;background:0 0;position:relative}.clip__toggle--bar .clip__icon{transform:scale(.8)}.clip__bar{height:var(--bar-h);padding-inline:calc(var(--bar-h) / 2) calc(var(--bar-h) / 6);justify-content:space-between;align-items:center;display:flex}.clip__dots{gap:calc(var(--dot) * .8);display:flex}.clip__dots i{width:var(--dot);height:var(--dot);background:#ffffff59;border-radius:50%}.cliplink{--play:26px;color:currentColor;border-radius:999px;align-items:center;gap:10px;margin-top:14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.ground a.cliplink{color:var(--ink)}.cliplink__play{width:var(--play);height:var(--play);background:var(--c-white);border-radius:50%;flex:none;transition:background .12s;position:relative}.cliplink__play:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--dark);position:absolute;top:50%;left:50%;transform:translate(-35%,-50%)}.cliplink__text{text-underline-offset:4px;text-decoration:underline 1px}.cliplink__dur{font-family:var(--mono);opacity:.72;font-size:12.5px;font-weight:400}.cliplink:hover .cliplink__play{background:var(--lime)}.cliplink:hover .cliplink__text{text-decoration-thickness:2px}.clipposter{--play-big:60px;color:currentColor;border-radius:var(--clip-radius);text-decoration:none;display:block;position:relative}.ground a.clipposter{color:var(--ink)}.clipposter__still{display:block;position:relative}.clipposter__img{border-radius:var(--clip-radius);width:100%;height:auto;display:block}.clipposter__play{width:var(--play-big);height:var(--play-big);background:var(--c-white);border-radius:50%;transition:background .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #14505a47}.clipposter__play:after{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid var(--dark);position:absolute;top:50%;left:50%;transform:translate(-35%,-50%)}.clipposter:hover .clipposter__play{background:var(--lime)}.clipposter .cliplink__text{font-weight:600}.cliplink--static{display:flex}.vdialog{--vd-max:1060px;--vd-pad:clamp(12px, 2vw, 20px);width:min(var(--vd-max), calc(100vw - 2 * var(--vd-pad)));max-width:none;max-height:calc(100vh - 2 * var(--vd-pad));color:var(--c-white);background:0 0;border:0;padding:0;overflow:visible}.vdialog::backdrop{background:color-mix(in srgb, var(--dark) 96%, transparent)}.vdialog__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.vdialog__title{font-family:var(--mono);opacity:.86;margin:0;font-size:13px}.vdialog__close{font:600 14px/1 var(--body);color:inherit;cursor:pointer;background:0 0;border:1.5px solid #ffffff8c;border-radius:999px;flex:none;padding:9px 14px}.vdialog__close:hover{background:var(--c-white);color:var(--dark);border-color:var(--c-white)}.vdialog__video{width:100%;height:auto;max-height:calc(100vh - 2 * var(--vd-pad) - 56px);background:var(--dark);border-radius:12px;display:block}@media (prefers-reduced-motion:no-preference){.vdialog[open]{transition:opacity .25s cubic-bezier(.23,1,.32,1)}@starting-style{.vdialog[open]{opacity:0}}.clipposter:active .clipposter__play{transform:translate(-50%,-50%)scale(.97)}}@media (width>=980px){.clipshow--side{grid-template-columns:minmax(0, 1fr) var(--clipshow-media);gap:var(--clipshow-gap);align-items:start}.clipshow--side .clipshow__media{max-width:none}}.shotfade{--fade-hold:2.4s;--fade-dur:.6s;--fade-cycle:calc(2 * (var(--fade-hold) + var(--fade-dur)));--shot-radius:12px;--shot-gap:10px;--clip-toggle:32px;--clip-inset:8px;margin:0}.shotfade__box{border-radius:var(--shot-radius);background:var(--c-white);position:relative;overflow:hidden}.shotfade__img{width:100%;height:auto;display:block}.shotfade__img--b{opacity:0;position:absolute;inset:0}.shotfade[data-shotfade-ready] .shotfade__img--b{animation:shotfade var(--fade-cycle) ease-in-out infinite}.shotfade.is-paused .shotfade__img--b{animation-play-state:paused}.shotfade .clip__toggle{z-index:2}@keyframes shotfade{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.shotfade__box{gap:var(--shot-gap);background:0 0;border-radius:0;display:grid;overflow:visible}.shotfade__img{border-radius:var(--shot-radius);background:var(--c-white)}.shotfade__img--b{opacity:1;position:static}}
