@media print{:root{--bs-font-monospace:"Kode Mono", serif !important}img,video{max-width:100%;height:auto}a{text-decoration:none;transition:0.5s ease;cursor:pointer;color:#ff9c23}a:hover{transform:scale(.98)}.skip-link{display:none}body{--bs-font-monospace:"Kode Mono", serif !important}.text-orange{color:#f9b908!important}.effect{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-webkit-perspective:400;-moz-perspective:400;-ms-perspective:400;-o-perspective:400;perspective:400;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;color:rgb(255 255 255 / .7);line-height:1em;backface-visibility:hidden}.effect:before,.effect:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform-origin:center center 0 50%;-moz-transform-origin:center center 0 50%;-ms-transform-origin:center center 0 50%;-o-transform-origin:center center 0 50%;transform-origin:center center 0 50%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;position:absolute;content:attr(data-effect);backface-visibility:hidden;top:0;left:0;color:rgb(255 255 255 / .9);color:rgb(255 255 255 / .9)}.effect.slide-up{color:#fff0}.effect.slide-up:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(255 255 255 / .5)}.effect.slide-up:after{color:rgb(255 255 255 / .9);margin-top:1em}.effect.slide-up:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;margin-top:-1em}.effect.slide-up:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;margin-top:0}.effect.slide-down{color:#fff0}.effect.slide-down:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5)}.effect.slide-down:after{color:rgb(255 255 255 / .9);margin-top:-1em}.effect.slide-down:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;margin-top:1em}.effect.slide-down:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;margin-top:0}.effect.slide-left{color:#fff0}.effect.slide-left:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5)}.effect.slide-left:after{color:rgb(255 255 255 / .9);margin-left:-1em}.effect.slide-left:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;margin-left:1em}.effect.slide-left:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;margin-left:0}.effect.slide-right{color:#fff0}.effect.slide-right:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5)}.effect.slide-right:after{color:rgb(255 255 255 / .9);margin-left:1em}.effect.slide-right:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;margin-left:-1em}.effect.slide-right:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;margin-left:0}.effect.twirl-left:after{-webkit-transform-origin:center center 50%;-moz-transform-origin:center center 50%;-ms-transform-origin:center center 50%;-o-transform-origin:center center 50%;transform-origin:center center 50%;-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);color:rgb(255 255 255 / .9)}.effect.twirl-left:hover:after{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.effect.twirl-right:after{-webkit-transform-origin:center center 50%;-moz-transform-origin:center center 50%;-ms-transform-origin:center center 50%;-o-transform-origin:center center 50%;transform-origin:center center 50%;-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(-180deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(-180deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(-180deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(-180deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(-180deg);color:rgb(255 255 255 / .9)}.effect.twirl-right:hover:after{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.effect.pulse-normal{color:#fff0}.effect.pulse-normal:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5)}.effect.pulse-normal:after{-webkit-transition:all 0.2s ease-out,-webkit-transform 0.2s cubic-bezier(.1,1.5,.21,1);-moz-transition:all 0.2s ease-out,-moz-transform 0.2s cubic-bezier(.1,1.5,.21,1);-o-transition:all 0.2s ease-out,-o-transform 0.2s cubic-bezier(.1,1.5,.21,1);transition:all 0.2s ease-out,transform 0.2s cubic-bezier(.1,1.5,.21,1);-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);-o-transform:scale(.1,.1);transform:scale(.1,.1);color:rgb(255 255 255 / .9)}.effect.pulse-normal:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.effect.pulse-normal:hover:after{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.effect.pulse-heavy{color:#fff0}.effect.pulse-heavy:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5)}.effect.pulse-heavy:after{-webkit-transition:all 0.2s ease-out,-webkit-transform 0.2s cubic-bezier(.1,2.2,.21,1);-moz-transition:all 0.2s ease-out,-moz-transform 0.2s cubic-bezier(.1,2.2,.21,1);-o-transition:all 0.2s ease-out,-o-transform 0.2s cubic-bezier(.1,2.2,.21,1);transition:all 0.2s ease-out,transform 0.2s cubic-bezier(.1,2.2,.21,1);-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);-o-transform:scale(.1,.1);transform:scale(.1,.1);color:rgb(255 255 255 / .9)}.effect.pulse-heavy:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.effect.pulse-heavy:hover:after{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.effect.background-center{color:#fff0}.effect.background-center:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5);z-index:1}.effect.background-center:after{background:rgb(255 255 255 / .9);color:#fff0;top:-10%;left:50%;width:0%;height:120%;overflow:hidden}.effect.background-center:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;left:-10%;width:120%;z-index:0}.effect.background-left{color:#fff0;overflow:hidden;margin:0 10px}.effect.background-left:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:#fff0;z-index:1}.effect.background-left:after{background:#fdac16;color:#000;top:-10%;left:-10%;width:0%;height:120%;overflow:hidden}.effect.background-left:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;width:120%;z-index:0}.effect.background-right{color:#fff0}.effect.background-right:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5);z-index:1}.effect.background-right:after{background:rgb(255 255 255 / .9);color:#fff0;top:-10%;right:-10%;left:auto;width:0%;height:120%;overflow:hidden}.effect.background-right:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;width:120%;z-index:0}.effect.background-bottom{color:#fff0}.effect.background-bottom:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5);z-index:1}.effect.background-bottom:after{background:rgb(255 255 255 / .9);color:#fff0;top:auto;bottom:-10%;left:-10%;width:120%;height:0%;overflow:hidden}.effect.background-bottom:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;height:120%;z-index:0}.effect.zoom-in{color:#fff0}.effect.zoom-in:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:rgb(0 0 0 / .5)}.effect.zoom-in:after{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);color:rgb(255 255 255 / .9)}.effect.zoom-in:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.effect.zoom-in:hover:after{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.effect.zoom-out{color:#fff0}.effect.zoom-out:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;color:#aaa}.effect.zoom-out:after{-webkit-transform:scale(1.25,1.25);-moz-transform:scale(1.25,1.25);-ms-transform:scale(1.25,1.25);-o-transform:scale(1.25,1.25);transform:scale(1.25,1.25);color:#f9b908}.effect.zoom-out:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.effect.zoom-out:hover:after{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.effect.box-fill{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-box-shadow:inset 0 0 0 0 rgb(0 0 0 / .5);-moz-box-shadow:inset 0 0 0 0 rgb(0 0 0 / .5);box-shadow:inset 0 0 0 0 rgb(0 0 0 / .5);border:solid 2px rgb(0 0 0 / .5);padding:6px 10px}.effect.box-fill:hover{-webkit-box-shadow:inset 0 0 1px 20px rgb(0 0 0 / .5);-moz-box-shadow:inset 0 0 1px 20px rgb(0 0 0 / .5);box-shadow:inset 0 0 1px 20px rgb(0 0 0 / .5);color:rgb(255 255 255 / .9)}.effect.box-fill-left{border:solid 2px rgb(255 255 255 / .6);padding:10px 26px;border-radius:30px;overflow:hidden}.effect.box-fill-left:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:0;right:100%;bottom:0;color:#fff0;background:#f9b908;;z-index:-1}.effect.box-fill-left:hover{color:rgb(0 0 0 / .9);border:solid 2px #f9b908;}.effect.box-fill-left:hover:after{right:0}.effect.box-fill-right{border:solid 2px rgb(0 0 0 / .5);padding:6px 10px}.effect.box-fill-right:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:100%;right:0;bottom:0;color:#fff0;background:rgb(0 0 0 / .5);z-index:-1}.effect.box-fill-right:hover{color:rgb(255 255 255 / .9)}.effect.box-fill-right:hover:after{left:0}.effect.box-fill-center{border:solid 2px rgb(0 0 0 / .5);padding:6px 10px}.effect.box-fill-center:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:50%;margin-left:0%;bottom:0;width:0%;color:#fff0;background:rgb(0 0 0 / .5);z-index:-1}.effect.box-fill-center:hover{color:rgb(255 255 255 / .9)}.effect.box-fill-center:hover:after{margin-left:-50%;width:100%}.effect.box-fill-skew{border:solid 2px rgb(0 0 0 / .5);padding:6px 10px;overflow:hidden}.effect.box-fill-skew:after{-webkit-transform:skewX(45deg);-moz-transform:skewX(45deg);-ms-transform:skewX(45deg);-o-transform:skewX(45deg);transform:skewX(45deg);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:50%;margin-left:0%;bottom:0;width:0%;color:#fff0;background:rgb(0 0 0 / .5);z-index:-1}.effect.box-fill-skew:hover{color:rgb(255 255 255 / .9)}.effect.box-fill-skew:hover:after{margin-left:-50%;width:100%}.effect.box-fill-twirl{border:solid 2px rgb(0 0 0 / .5);padding:6px 10px;overflow:hidden;color:#fff0}.effect.box-fill-twirl:before,.effect.box-fill-twirl:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:0;right:0;bottom:0;color:rgb(0 0 0 / .5);padding:6px 0;text-align:center}.effect.box-fill-twirl:after{-webkit-transform:scale(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg);-moz-transform:scale(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg);-ms-transform:scale(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg);-o-transform:scale(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg);transform:scale(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg);background:rgb(0 0 0 / .5);z-index:10;color:rgb(255 255 255 / .9)}.effect.box-fill-twirl:hover:before{color:#fff0}.effect.box-fill-twirl:hover:after{-webkit-transform:scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.effect.box-slide-left{border:solid 2px rgb(0 0 0 / .5);padding:6px 10px;overflow:hidden;color:#fff0}.effect.box-slide-left:before,.effect.box-slide-left:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:0;bottom:0;width:100%;color:rgb(0 0 0 / .5);padding:6px 0;text-align:center}.effect.box-slide-left:after{background:rgb(0 0 0 / .5);left:-100%;z-index:10;color:rgb(255 255 255 / .9)}.effect.box-slide-left:hover:before{color:#fff0}.effect.box-slide-left:hover:after{left:0%}.effect.box-slide-right{border:solid 2px rgb(0 0 0 / .5);padding:6px 10px;overflow:hidden;color:#fff0}.effect.box-slide-right:before,.effect.box-slide-right:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:0;bottom:0;width:100%;color:rgb(0 0 0 / .5);padding:6px 0;text-align:center}.effect.box-slide-right:after{background:rgb(0 0 0 / .5);left:100%;z-index:10;color:rgb(255 255 255 / .9)}.effect.box-slide-right:hover:before{color:#fff0}.effect.box-slide-right:hover:after{left:0%}.effect.box-slide-up{padding:6px 10px;overflow:hidden;color:#fff0}.effect.box-slide-up:before,.effect.box-slide-up:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0;left:0;right:0;height:100%;color:rgb(255 255 255 / .9);padding:6px 0;text-align:center}.effect.box-slide-up:after{background-color:#f9b908;top:100%;z-index:10;color:rgb(0 0 0 / .6)}.effect.box-slide-up:hover:before{color:#fff0}.effect.box-slide-up:hover:after{top:0%}.container-fluid{overflow-x:hidden}#wrapper{background:#000}#above-the-fold-wrapper{top:0;z-index:9;overflow:hidden;background:linear-gradient(0deg,#fff0 0%,rgb(0 0 0 / .702140231092437) 100%)}.videoWrapper{position:absolute;left:0;top:0;width:100%;height:auto;z-index:-1}.videoWrapper:before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:url(/wp-content/themes/xmtn2025/assets/images/video-overlay-opaque.png)}#hero-video video{max-width:none}#xmtn-emblem,#xmtn-emblem-header{border:1px solid #fff;border-radius:4em;padding:20px 40px;width:fit-content;background-color:rgb(0 0 0 / .8)}#header-logo{width:auto;height:30px;transition:0.2s ease}#header-logo:hover{transform:scale(1.1)}#xmtn-emblem-header span{font-size:9px}.share-icon{font-size:1.5em}#above-the-fold-logo{height:40px;width:auto}#scope-of-work{background:radial-gradient(circle at 25.2083% 93.4509%,#323232 5%,#000000)}#work-preview-wrapper{position:absolute;bottom:30px;left:30px;width:400px;height:250px}#work-video-preview{border-radius:30px;overflow:hidden}#work-quote{height:60px;color:#aaa}h2.work-category-title{background-color:#fff;color:#000;padding:300px 30px 10px;width:fit-content;display:block;text-align:center;position:absolute;top:-150px;left:30px;width:400px;font-size:4em;font-weight:700;letter-spacing:-.03em;border-radius:0 0 30px 30px}ul#interaction-list,ul#engine-list,ul#interface-list,ul#integration-list{position:absolute}.work-list sup{top:-1.8em;font-size:30%;font-family:var(--bs-font-monospace)}li.interaction-work-item,li.engine-work-item,li.interface-work-item,li.integration-work-item{scroll-snap-align:center;padding-left:.2em;margin-bottom:15px}li.interaction-work-item>a,li.engine-work-item>a,li.interface-work-item>a,li.integration-work-item>a{display:inline-block;overflow:hidden}ul.work-list,li.work-item,#output-list .accordion-header button{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(30px, 8vw, 36px)}ul{list-style-type:none;padding-left:0}h2.output-title{color:#fff;font-size:7em;letter-spacing:-.03em;line-height:.75em;word-break:break-word;text-transform:uppercase;font-weight:bolder;text-shadow:0 0 0 #fff;animation:glowing 3s;animation-iteration-count:infinite;position:relative;overflow:hidden;padding:10px 0}.output-title span{position:relative}@keyframes glowing{0%{text-shadow:0 0 0 #fff}50%{text-shadow:0 0 3px #fff}100%{text-shadow:0 0 0 #fff}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#output-list{background-color:transparent!important;--bs-accordion-btn-icon:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve"><style type="text/css">.st0{fill:%23F9B908;}</style><path class="st0" d="M379.9,139.5H260.5V20.1c0-9.7-7.9-17.6-17.6-17.6h-85.8c-9.7,0-17.6,7.9-17.6,17.6v119.3H20.1c-9.7,0-17.6,7.9-17.6,17.6v85.8c0,9.7,7.9,17.6,17.6,17.6h119.3v119.3c0,9.7,7.9,17.6,17.6,17.6h85.8c9.7,0,17.6-7.9,17.6-17.6V260.5h119.3c9.7,0,17.6-7.9,17.6-17.6v-85.8C397.5,147.4,389.6,139.5,379.9,139.5z"/></svg>');
    --bs-accordion-btn-active-icon: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M379.9,139.5H20.1c-9.7,0-17.6,7.9-17.6,17.6v85.8c0,9.7,7.9,17.6,17.6,17.6h359.8c9.7,0,17.6-7.9,17.6-17.6v-85.8C397.5,147.4,389.6,139.5,379.9,139.5z"/></svg>');

}
#output-list .accordion-item {background: none !important;border:none !important; border-bottom: 1px solid #eee !important;border-radius: unset !important;}
#output-list .accordion-header button {
    background-color: transparent;
    box-shadow: none !important;
}
#output-list .accordion-header button.accordion-button, #output-list .accordion-header button.accordion-button.collapsed:hover {color:rgb(249, 185, 8);;}
#output-list .accordion-header button.accordion-button.collapsed {color:white;}

#output-list .accordion-header button.accordion-button:after {filter: hue-rotate();}

.output-video {border-radius: 1em;}

#deliverables-content {
    overflow:clip;
}

.deliverables-background {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 200vw;
    height: auto;
    overflow: hidden;
    opacity: 0.8;
}

.deliverables-background svg {
    animation: rotation 60s linear infinite;

}

.output-video-wrapper {text-align: center;}

/* #beyond-wrapper {overflow: hidden;height:16em;display:block;} */
#why-us {position:absolute;font-size:2em;font-family: var(--bs-font-monospace);text-align:center;background-color:black; top: 50%;height:50px;margin-top:-25px;width:100%;text-align:center;color:white;}
#beyond-teks {font-size:16em;font-weight:bold;display:block;text-align: center;color:rgb(136, 136, 136);line-height:0.7em;letter-spacing: -0.1em;overflow: hidden;}
.why-text {font-size:2em;color:white;font-weight: bold;line-height:0.9em;text-transform: uppercase;transition: 0.5s ease;}
.why-text:hover {color:#f9b908;z-index:10}
#case-studies {
    background: radial-gradient(circle at 66% 60%, rgb(70, 70, 70) 5%, rgb(0, 0, 0) 50%);
}
#case-studies-title {font-size:2em;color:#f9b908;letter-spacing: -0.01em;line-height: 1em;font-weight: bold;}
.swiper-case-study-title {font-size:3em; font-weight: bold; letter-spacing: -0.01em; word-wrap: break-word;line-height: 0.9em;text-transform: uppercase;}

footer {border-top:3px dashed #333;}
.main-link-footer {font-size: 3em; color:white}
.footer-link {font-size: 1em;color:white}

#page-header {
  z-index: 10;padding-bottom:10px;
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.702140231092437) 100%);
}

.page-title {letter-spacing: -0.01em;
  font-size: 4em;
  line-height: 0.8em;font-weight: bold;text-transform: uppercase;
  word-wrap: break-word;
}

#page-wrapper p.wp-block-post-excerpt__excerpt {
  color:#f9b908;
  font-size: 1.2em;
  font-family: var(--bs-font-monospace);
  margin-bottom: 2em !important;
}

#page-wrapper ul {list-style: disc;margin-left: 2em;color:#aaa}
#page-wrapper iframe {max-width: 100%; height: auto; min-height: 300px}
#page-wrapper .calendly-inline-widget iframe {height:inherit; border-radius:20px;}
#page-wrapper h3, #page-wrapper h2 {color:#f9b908; margin-top: 1.5em;font-weight: bold;}
#page-wrapper p {color: #aaa}
#page-wrapper strong {color:white}
#page-wrapper details {margin-bottom: 1em; padding-bottom:1em;border-bottom:1px solid white;}
#page-wrapper summary {color:white; font-size: 1.2em;font-weight: bold;position:relative;padding-right:20px;}
#page-wrapper summary:hover, #page-wrapper details[open] summary {color:#f9b908;}
#page-wrapper summary::marker {content:'';display: none;}
#page-wrapper summary::after {
  content: '';
  position: absolute;
  right:0;
  top: 8px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve"><style type="text/css">.st0{fill:%23F9B908;}</style><path class="st0" d="M379.9,139.5H260.5V20.1c0-9.7-7.9-17.6-17.6-17.6h-85.8c-9.7,0-17.6,7.9-17.6,17.6v119.3H20.1c-9.7,0-17.6,7.9-17.6,17.6v85.8c0,9.7,7.9,17.6,17.6,17.6h119.3v119.3c0,9.7,7.9,17.6,17.6,17.6h85.8c9.7,0,17.6-7.9,17.6-17.6V260.5h119.3c9.7,0,17.6-7.9,17.6-17.6v-85.8C397.5,147.4,389.6,139.5,379.9,139.5z"/></svg>');
}

#page-wrapper details[open] summary::after {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M379.9,139.5H20.1c-9.7,0-17.6,7.9-17.6,17.6v85.8c0,9.7,7.9,17.6,17.6,17.6h359.8c9.7,0,17.6-7.9,17.6-17.6v-85.8C397.5,147.4,389.6,139.5,379.9,139.5z"/></svg>');
}

.wp-block-buttons {margin: 20px auto 20px;}

#page-image {
  width: 500px;
  max-width: 100%;
}

.wp-video-shortcode video, video.wp-video-shortcode {border-radius: 30px; overflow: hidden;}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {background-color: transparent !important; margin: 20px auto;}

.case-study-feature-image-preview {position: relative;}

.case-study-feature-image-preview img, #page-image img{
  border-radius: 30px;
  overflow: hidden;
  animation: float 6s ease-in-out infinite;
  /* box-shadow: -1px 1px 3px #333; */
}

.case-study-feature-image-preview img:after {
  content: '';background-image:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);position:absolute;bottom:0}#spotlight{position:fixed;width:80vw;height:80vw;left:-40vw;top:-20vh;transform-origin:center;z-index:-1;background:radial-gradient(circle,rgb(50 50 50 / .8) 5%,#fff0 60%);pointer-events:none;animation:soft-scale 60s linear infinite}@keyframes soft-scale{0%{transform:center scale(1)}50%{transform:center scale(1.1)}100%{transform:center scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f9b908}.swiper-pagination-bullet{background-color:#aaa;width:20px;height:20px}.card{transition:0.5s ease;box-shadow:inset 1px 1px 8px #fff0}.card:hover{transform:scale(.95);box-shadow:inset 1px 1px 18px rgb(255 255 255 / .8)}@media (max-width:575.98px){h2.work-category-title{font-size:2em}ul.work-list,li.work-item,#output-list .accordion-header button{font-size:clamp(15px, 8vw, 20px)}h2.output-title{font-size:3em}#beyond-teks{font-size:4em}.why-text{font-size:2em}.swiper-case-study-title{font-size:2.3em}.page-title{font-size:2.3em}}@media (max-width:767.98px){h2.work-category-title{font-size:2em}ul.work-list,li.work-item,#output-list .accordion-header button{font-size:clamp(15px, 8vw, 20px)}h2.output-title{font-size:3em}#beyond-teks{font-size:4em}.why-text{font-size:2em}.swiper-case-study-title{font-size:2.3em}.page-title{font-size:2.3em}}@media (max-width:991.98px){h2.work-category-title{font-size:3em}ul.work-list,li.work-item,#output-list .accordion-header button{font-size:clamp(15px, 8vw, 20px)}h2.output-title{font-size:3em}#beyond-teks{font-size:4em}.why-text{font-size:2em}.swiper-case-study-title{font-size:2.3em}.page-title{font-size:2.3em}}.calendly-badge-widget{bottom:25px!important;right:37px!important}.calendly-close-overlay{background-color:rgb(0 0 0 / .7)}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}