.vsec{isolation:isolate;overflow:hidden}.vsec:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 55% at 50% 45%,#125c4521,#0000 72%),radial-gradient(30% 40% at 70% 70%,#c49a3c1f,#0000 70%);position:absolute;inset:28% 0 0}.vplay{border-radius:calc(var(--r-xl) + 6px);background:linear-gradient(150deg, var(--green-700), var(--green-900) 65%);max-width:1040px;margin-inline:auto;padding:10px;position:relative;box-shadow:0 40px 90px -36px #072a20a6,0 0 0 1px #c49a3c59,inset 0 1px #ffffff14}.vplay:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(135deg,#dfbf66d9,#dfbf6600 38% 70%,#dfbf6673);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vplay__frame{aspect-ratio:16/9;border-radius:var(--r-xl);background:var(--green-900);position:relative;overflow:hidden}.vplay__media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}video.vplay__media{object-fit:contain;background:#000;outline:0}.vplay__cover{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;inset:0}.vplay__cover .vplay__media{transition:transform .7s var(--ease)}.vplay__cover:after{content:"";pointer-events:none;opacity:.55;transition:opacity var(--t-slow) var(--ease);background:radial-gradient(45% 55%,#072a2099,#072a2000 100%);position:absolute;inset:0}.vplay__btn{z-index:1;width:92px;height:92px;color:var(--green-900);background:linear-gradient(135deg, var(--gold-300), var(--gold-500));transition:scale var(--t-slow) var(--spring), box-shadow var(--t-slow) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 10px #dfbf6633,0 18px 44px -10px #000000a6}.vplay__btn svg{fill:currentColor;width:40%;height:40%;position:relative}.vplay__btn:after{content:"";border-radius:inherit;border:2px solid var(--gold-300);animation:vplay-pulse 2.4s var(--ease) infinite;position:absolute;inset:0}@keyframes vplay-pulse{0%{opacity:.75;transform:scale(1)}70%,to{opacity:0;transform:scale(1.6)}}.vplay__cover:hover .vplay__media{transform:scale(1.025)}.vplay__cover:hover:after,.vplay__cover:focus-visible:after{opacity:1}.vplay__cover:hover .vplay__btn,.vplay__cover:focus-visible .vplay__btn{scale:1.08;box-shadow:0 0 0 14px #dfbf663d,0 22px 50px -10px #000000b3}.vplay__cover:focus-visible{outline:3px solid var(--gold-300);outline-offset:-3px;border-radius:var(--r-xl)}@media (max-width:640px){.vplay{border-radius:calc(var(--r-lg) + 4px);padding:6px}.vplay__frame{border-radius:var(--r-lg)}.vplay__btn{width:60px;height:60px;box-shadow:0 0 0 6px #dfbf6633,0 12px 28px -10px #0009}}@media (prefers-reduced-motion:reduce){.vplay__btn:after{opacity:0;animation:none}.vplay__cover .vplay__media{transition:none}.vplay__cover:hover .vplay__media{transform:none}}