.portal-video{padding:.8rem 0;position:relative}@media screen and (max-width:768px) and (orientation:portrait){.portal-video{padding:.4rem 0}}.portal-video .container{position:relative;z-index:1}.portal-video .canvas-frame canvas{display:block;left:0;opacity:0;position:absolute;top:0;transform:translate3d(5%,0,0) scale(1.25)}.portal-video .content{display:flex;flex-direction:column;gap:.24rem}.portal-video .heading-row{align-items:flex-end;display:flex;gap:.24rem;justify-content:space-between}@media screen and (max-width:768px) and (orientation:portrait){.portal-video .heading-row{align-items:flex-start;flex-direction:column}.portal-video .title{font-size:.37rem;letter-spacing:-.02rem;line-height:.37rem}}.portal-video .description{color:var(--grey);font-size:.2rem;font-weight:500;line-height:.24rem;max-width:4.27rem}@media screen and (max-width:768px) and (orientation:portrait){.portal-video .description{font-size:.14rem;line-height:.19rem}}.portal-video .video-wrap{align-items:center;background-color:rgba(13,14,20,.4);border:1px dashed rgba(255,138,0,.2);border-radius:.24rem;display:flex;flex-direction:column;gap:.64rem;margin-top:.64rem;overflow:hidden;padding:.75rem 1rem;position:relative;width:100%}@media screen and (max-width:768px) and (orientation:portrait){.portal-video .video-wrap{background-color:transparent;border:none;border-radius:0;gap:.24rem;margin-top:.24rem;padding:0}}:is(.portal-video .video-wrap) .canvas-frame{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:scaleY(-1);width:100%;z-index:0}@media screen and (max-width:768px) and (orientation:portrait){:is(.portal-video .video-wrap) .canvas-frame{display:none}}.portal-video .video-description,.portal-video .video-inner{position:relative;z-index:1}.portal-video .video-inner{border-radius:.24rem;line-height:0;overflow:hidden;width:100%}:is(.portal-video .video-inner) img,:is(.portal-video .video-inner) video{width:100%}:is(.portal-video .video-inner) .video-play{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:.88rem;justify-content:center;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 512ms var(--ease);width:.88rem;z-index:2}:is(:is(.portal-video .video-inner) .video-play):after{background:linear-gradient(160deg,#f68705,#6d625e 75%);border-radius:50%;content:"";height:100%;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:.01rem;position:absolute;top:0;transition:512ms var(--ease);width:100%;will-change:transform;z-index:0}:is(:is(.portal-video .video-inner) .video-play):before{backdrop-filter:blur(24px);background:transparent;border-radius:50%;box-shadow:0 4px 40px 0 rgba(3,3,13,.56),inset 0 -28px 84px -23px hsla(0,0%,100%,.02);content:"";height:100%;left:0;position:absolute;top:0;transition:512ms var(--ease);width:100%;will-change:transform,box-shadow;z-index:0}:is(:is(.portal-video .video-inner) .video-play) .video-play__icon{align-items:center;display:flex;height:.24rem;justify-content:center;position:relative;transition:512ms var(--ease);width:.24rem;z-index:1}:is(:is(:is(.portal-video .video-inner) .video-play) .video-play__icon) svg{height:100%;object-fit:contain;object-position:center;width:100%}:is(:is(.portal-video .video-inner) .video-play):hover:after{transform:scale(1.1)}:is(:is(.portal-video .video-inner) .video-play):hover:before{box-shadow:0 4px 40px 0 rgba(3,3,13,.56);transform:scale(1.1)}:is(:is(.portal-video .video-inner) .video-play):hover .video-play__icon{transform:scale(1.1)}.is-started:is(.portal-video .video-inner) .video-play{opacity:0;pointer-events:none}.portal-video .video-description{color:var(--grey);font-size:.2rem;font-weight:400;line-height:.24rem;max-width:6.5rem;text-align:center}@media screen and (max-width:768px) and (orientation:portrait){.portal-video .video-description{font-size:.14rem;line-height:.19rem;max-width:100%}}:is(body.loaded .portal-video) .canvas-frame canvas{opacity:1;transform:translateZ(0) scale(1);transition:opacity 1512ms var(--ease),transform 1512ms var(--ease);transition-delay:512ms}