*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:'Segoe UI';src:url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'Segoe UI Semi Bold';src:url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff') format('woff');font-weight:normal}
html{visibility:hidden;opacity:0;transition:opacity .3s ease}
img{border:0}
body{background:#fff;overflow-x:hidden;font-family:'Segoe UI',Helvetica,Arial,sans-serif}
#qvideo_scroller{position:relative;z-index:10}
#qvideo-section{margin:0;padding:0}
#qvideo-video-wrapper{margin:0 auto;padding:0;position:relative;width:100%;z-index:20}
.qvideo-background{display:block;position:relative;width:100%;height:auto;background:#fff;z-index:0}
.qvideo-info-box{display:flex;flex-direction:column;align-items:flex-start;position:absolute;width:clamp(170px,60vw,350px);max-width:70vw;background:rgba(255,255,255,0.7);border-radius:16px;padding:2rem 2.25rem;box-shadow:0 4px 16px rgba(0,0,0,0.2);border:1px solid #fff;backdrop-filter:blur(20px);z-index:100;gap:1rem;pointer-events:auto;opacity:0;transform-origin:top left}
.qvideo-info-box h3,.qvideo-info-box h2{margin:0;font-size:1.8rem;font-family:"Segoe UI Semi Bold",Arial,Helvetica,sans-serif;font-weight:600;color:#2f2f2f}
.qvideo-info-box p{margin:.5rem 0;font-size:clamp(0.7rem,2vw,1rem);font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:#2f2f2f}
.qvideo-info-box button{margin-top:.5rem;padding:.6rem 1rem;font-size:.95rem;background-color:#1373e6;border:.5px solid #fff;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .5s ease}
.qvideo-info-box button:hover{background-color:#0d5fc2}
@media(min-width:1025px){#qvideo-video-wrapper{height:100vh;overflow:hidden}
#qvideo-video-wrapper .qvideo-background{position:absolute;top:0;left:50%;width:100vw;min-width:100vw;height:100vh;object-fit:cover;transform:translateX(-50%);will-change:transform}
#qvideo-section{background-color:black}
}
@media(max-width:600px){#qvideo-video-wrapper{width:100%;height:auto;overflow:visible;padding-top:220px !important}
.qvideo-background{position:relative;width:100%;height:auto;transform:none}
.qvideo-info-box{position:relative;left:0 !important;top:0 !important;width:85%;margin:-1.5rem auto;opacity:0;transform:none !important;padding:1rem 1.5rem}
.qvideo-info-box h3,.qvideo-info-box h2{font-size:1 rem}
.qvideo-info-box p{font-size:clamp(0.5rem,4vw,.9 rem)}
}
@media(min-width:600px) and (max-width:1024px){#qvideo-video-wrapper{width:60%;height:auto;position:sticky;top:1.8em;overflow:visible;margin:auto;padding:0}
#qvideo-section{background-color:black}
.qvideo-background{position:relative;width:100%;height:auto;transform:none;margin:0}
.qvideo-info-box{position:relative !important;left:0 !important;top:0 !important;transform:none !important;width:88%;margin:-3.5rem auto 0 auto;opacity:0;padding:.6rem .6rem}
.qvideo-info-box h3,.qvideo-info-box h2{font-size:.9rem}
.qvideo-info-box p{font-size:clamp(0.5rem,4vw,.8rem)}
}
@media(min-width:600px) and (max-width:1024px) and (hover:none) and (pointer:coarse){#qvideo-video-wrapper{width:100%;height:auto;position:sticky}
.qvideo-info-box{position:relative !important;left:0 !important;top:0 !important;transform:none !important;width:40%;margin:-2.2rem auto 0 auto !important;opacity:0;padding:.8rem .8rem !important}
}
@media(hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:500px){#qvideo-video-wrapper{position:relative !important;margin:0;width:100%;margin:0 auto;top:0;padding-top:0 !important;padding-bottom:0 !important;height:auto !important;min-height:unset;overflow:visible}
.qvideo-info-box{transform-origin:top left;max-width:90vw;pointer-events:auto;z-index:200;margin:-8.8rem auto 0 auto !important}
.qvideo-background{width:100vw;height:100vh;object-fit:cover}
.qvideo-info-box h3,.qvideo-info-box h2{font-size:.9rem}
.qvideo-info-box p{font-size:clamp(0.5rem,4vw,.8rem)}
}
@media(min-width:933px) and (max-width:1368px) and (orientation:landscape) and (hover:none) and (pointer:coarse){#qvideo-video-wrapper .qvideo-background{height:auto !important;margin-top:5%}
}