#video .grid{gap:2rem;grid-template-columns:repeat(12,1fr)}#video{padding-top:0}#video .content-group{border-radius:0 0 1rem 1rem;grid-column:span 5;padding:7.5rem 4rem}#video .video-wrapper{grid-column:span 7;padding:7.5rem 2rem}.case-nav li{align-content:center;display:flex;flex:1 0;justify-content:center}#video .video-wrapper .video-arrows{align-items:center;bottom:50%;left:-1.5rem;pointer-events:none;position:absolute;right:-1.5rem;top:0;transform:translateY(50%);z-index:1}#video .video-wrapper button.arrow,#video button.blue{border-radius:3rem;height:3rem;min-height:unset;min-width:unset;pointer-events:all;transition-duration:.7s;transition-property:background-color,color;transition-timing-function:cubic-bezier(.075,.82,.165,1);width:3rem}#video .video-wrapper button.arrow:hover{background:#001466;color:#fff}#video button.blue{border-radius:3rem;filter:drop-shadow(0 11px 22.1px 0 rgba(68,98,221,.48));height:4rem;margin-bottom:auto;margin-left:1.5rem;margin-top:1.5rem;pointer-events:all;width:4rem}#video .video-wrapper button.blue:hover{background:#30ceaf;color:#001466}#video .video-wrapper button svg{height:1.5rem;width:1.5rem}#video .video-wrapper button.arrow.prev{transform:rotate(-180deg)}#video .thumbnail{aspect-ratio:16/9;border-radius:.5rem}.image-facade{aspect-ratio:16/9}.video-details{backdrop-filter:blur(13px);background:hsla(0,0%,78%,.4);border:.5px solid #fff;border-radius:.625rem;box-shadow:inset 1px 1px 2px 0 #f5f6fd10,inset -1px -1px 2px 2px #030c2e09;filter:drop-shadow(0 0 2rem #30ceaf20);margin:0 1.5rem 1.5rem;text-shadow:3px 3px 8px #00146660}.case-nav menu{height:100%;margin:0;padding:0}.case-desc{height:max-content;max-width:clamp(25ch,35%,35%)}.case-desc h2{font-size:1.5rem;font-weight:700}.facade{z-index:1}section.dots-bg{background-color:#fff;background-image:radial-gradient(#b4c8ff 1px,transparent 0);background-size:20px 20px}.facade-modal{align-items:center;animation-composition:replace;animation-duration:.7s;animation-fill-mode:forwards;animation-name:modalClose;animation-timing-function:cubic-bezier(.77,0,.18,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c2e90;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:6.25em 2em 2em;position:fixed;right:0;top:4.5rem;width:100%;z-index:9}#ytPlayer{aspect-ratio:16/9;height:100%;margin:auto;width:auto}#case-modal{padding:6.25em 16em 4em}.hidden{display:none;transform:scale(0)}.show{animation-duration:3s;animation-name:modalOpen;animation-timing-function:cubic-bezier(.075,.82,.165,1);display:flex;opacity:1}.playTrigger{cursor:pointer;height:100%;width:100%}@keyframes modalOpen{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#030c2e00;border-radius:1000px;clip-path:circle(0);transform:scale(0);transform-origin:inherit}15%{transform:scale(1)}60%{border-radius:0;clip-path:circle(100%)}to{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c2e90;transform-origin:inherit}}@keyframes modalClose{0%{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c2e90;border-radius:0;clip-path:circle(100%);transform:scale(1);transform-origin:inherit}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#030c2e00;border-radius:1000px;clip-path:circle(0);transform:scale(1);transform-origin:inherit}}.facade-modal button.close{font-size:2em;position:fixed;right:2em;top:3.25em;z-index:11}.facade-wrapper{aspect-ratio:16/9;margin:auto 0;min-width:400px;width:100%}.case-study{padding:3rem 3rem 6rem 3em}@media only screen and (max-width:1024px){#video .container.grid{display:flex;flex-direction:column}#video .content-group{padding-bottom:4rem}#video .video-wrapper{padding-top:4rem}}@media only screen and (max-width:768px){#video .video-wrapper{gap:2rem;padding:2rem 0}#video .content-group{padding:2rem}.image-facade{aspect-ratio:unset;gap:2rem}#case-modal{padding:2rem}#ytPlayer{aspect-ratio:16/9;height:unset;width:100%}#case-studies .glide__track{overflow:visible}.case-nav menu.flex.v{flex-direction:row}.case-nav{border-radius:1rem 1rem 0 0;overflow-x:scroll}#case-studies .container{display:flex;flex-direction:column;flex-direction:column-reverse;gap:0}#case-studies .case-content{aspect-ratio:unset;background:none}.case-desc{margin:0 2rem;max-width:100%;padding:2rem;position:static;transform:translateY(-3rem)}#case-studies .case-desc .glide__slide *,.case-desc{text-align:left}#case-studies .playTrigger{width:100%}.case-player{aspect-ratio:16/9;width:100%}#case-studies .facade,.case-player{border-radius:0 0 1rem 1rem}.case-study{flex-direction:column-reverse;padding:0;text-align:center}}@media only screen and (max-width:560px){.case-desc{margin:0;padding:2rem;transform:translateY(2rem)}.case-nav .logo{max-width:80px}}