.variant-hover-wrapper{justify-content:center;align-items:center;display:flex}.variant-hover-wrapper__img{display:block}
.element-section{background-color:var(--color-tinted-background);justify-content:center;align-items:center;width:100%;padding:80px 0;transition:background-color 1.2s;display:flex;position:relative;overflow:hidden}.element-section:before{content:"";background-image:radial-gradient(circle, var(--color-dot-pattern-dark) 1.5px, transparent 1.5px);opacity:.35;pointer-events:none;z-index:0;background-position:0 0;background-size:43px 43px;transition:background-image 1.2s;position:absolute;inset:0}[data-theme=light] .element-section:before{background-image:radial-gradient(circle, var(--color-dot-pattern-light) 1.5px, transparent 1.5px)}.element-container{z-index:1;flex-direction:column;align-items:center;gap:60px;width:100%;max-width:1190px;padding:0 20px;display:flex;position:relative}.element-header{flex:none;justify-content:space-between;align-self:stretch;align-items:center;width:100%;display:flex;position:relative}.element-title-col{flex-direction:column;align-items:flex-start;width:420px;max-width:420px;display:flex;position:relative}.element-title-inner{flex-direction:column;flex:none;align-self:stretch;align-items:flex-start;width:100%;display:flex;position:relative}.element-title{color:var(--color-text);letter-spacing:-.8px;justify-content:center;align-self:stretch;align-items:center;margin-top:-1px;font-family:Hubot_Sans-Regular,Helvetica;font-size:40px;font-weight:400;line-height:52px;display:flex;position:relative}.element-lede{width:430px;color:var(--color-text);letter-spacing:0;justify-content:center;align-items:center;font-family:DM_Sans-Regular,Helvetica;font-size:20px;font-weight:400;line-height:24px;display:flex;position:relative}.element-media{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;width:100%;height:617.04px;display:flex;position:relative}.element-frame{border-radius:17.63px;flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.element-frame-inner{flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:flex-start;display:flex;position:relative}.element-image{background-position:50%;background-size:cover;flex:1;align-self:stretch;width:100%;position:relative}.element-play{background-color:#ffffff80;border-radius:188.42px;justify-content:center;align-items:center;width:88px;height:14.29%;display:flex;position:absolute;top:42.86%;left:calc(50% - 44px);overflow:hidden}.element-play .element-play-icon{width:27.55px;height:33.06px}.element-play-ring{border:2.2px solid #ffffff80;border-radius:188.42px;width:88px;height:88px;position:absolute;top:0;left:0}@media (max-width:900px){.element-container .element-header{flex-direction:column;align-items:flex-start;gap:16px}.element-container .element-title-col,.element-container .element-lede{width:100%;max-width:100%}.element-container .element-title,.element-container .element-lede{text-align:left;justify-content:flex-start}}@media (max-width:768px){.element-section{padding:60px 0}.element-container{gap:32px;padding:0 16px}.element-container .element-title{letter-spacing:-.5px;font-size:30px;line-height:38px}.element-container .element-lede{font-size:17px;line-height:24px}.element-container .element-media{height:260px}}@media (max-width:480px){.element-container{gap:24px;padding:0 12px}.element-container .element-title{font-size:26px;line-height:33px}.element-container .element-lede{font-size:16px;line-height:23px}.element-container .element-media{height:200px}}