#video-projection,#video-projection,#video-projection div,#video-projection span,#video-projection applet,#video-projection object,#video-projection iframe,#video-projection h1,#video-projection h2,#video-projection h3,#video-projection h4,#video-projection h5,#video-projection h6,#video-projection p,#video-projection blockquote,#video-projection pre,#video-projection a,#video-projection abbr,#video-projection acronym,#video-projection address,#video-projection big,#video-projection cite,#video-projection code,#video-projection del,#video-projection dfn,#video-projection em,#video-projection img,#video-projection ins,#video-projection kbd,#video-projection q,#video-projection s,#video-projection samp,#video-projection small,#video-projection strike,#video-projection strong,#video-projection sub,#video-projection sup,#video-projection tt,#video-projection var,#video-projection b,#video-projection u,#video-projection i,#video-projection center,#video-projection dl,#video-projection dt,#video-projection dd,#video-projection ol,#video-projection ul,#video-projection li,#video-projection fieldset,#video-projection form,#video-projection label,#video-projection legend,#video-projection table,#video-projection caption,#video-projection tbody,#video-projection tfoot,#video-projection thead,#video-projection tr,#video-projection th,#video-projection td,#video-projection article,#video-projection aside,#video-projection canvas,#video-projection details,#video-projection embed,#video-projection figure,#video-projection figcaption,#video-projection footer,#video-projection header,#video-projection hgroup,#video-projection menu,#video-projection nav,#video-projection output,#video-projection ruby,#video-projection section,#video-projection summary,#video-projection time,#video-projection mark,#video-projection audio,#video-projection video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#video-projection article,#video-projection aside,#video-projection details,#video-projection figcaption,#video-projection figure,#video-projection footer,#video-projection header,#video-projection hgroup,#video-projection menu,#video-projection nav,#video-projection section{display:block}#video-projection{line-height:1}#video-projection ol,#video-projection ul{list-style:none}#video-projection blockquote,#video-projection q{quotes:none}#video-projection blockquote:before,#video-projection blockquote:after,#video-projection q:before,#video-projection q:after{content:"";content:none}#video-projection table{border-collapse:collapse;border-spacing:0}#video-projection{font-size:calc(100vw / 1920 * 10);--projection-rem:calc(100vw / 1920 * 10);--header-height: calc(var(--projection-rem) * 8.4);--gap: calc(var(--projection-rem) * 4);--soft: #f9ecdf;--color: #ffffff;--black: #010101;--white: white;--sans: "Kh-Regular", sans-serif;--light: "Kh-Light", sans-serif;--medium: "Kh-Medium", sans-serif}@media screen and (max-width: 540px){#video-projection{font-size:calc(100vw / 767 * 10);--projection-rem:calc(100vw / 767 * 10)}}#video-projection{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;font-family:var(--serif)}#video-projection *{line-height:100%;box-sizing:border-box;color:#fff6}#video-projection button{border:none;background:transparent}#video-projection .title-start{color:var(--color);font-family:var(--sans);font-size:calc(var(--projection-rem) * 6);left:50%;letter-spacing:calc(var(--projection-rem) * .2);line-height:1.2;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:1}#video-projection canvas#sketch{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:1;background:#000}#video-projection .tp-dfwv{position:fixed!important;z-index:10}#video-projection .preloader_master{position:fixed;top:0;left:0;width:100%;height:100%;background:#002133;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease}#video-projection .preloader_container{display:flex;flex-direction:column;align-items:center;gap:calc(var(--projection-rem) * 2)}#video-projection .preloader_title{color:var(--white);font-family:var(--sans);font-size:calc(var(--projection-rem) * 2.1);letter-spacing:calc(var(--projection-rem) * 1.1);text-transform:uppercase;text-align:center}#video-projection .preloader_bar{width:300px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;position:relative}#video-projection .preloader_progress{height:100%;background:linear-gradient(90deg,#0069a2,#01f7ff);width:0%;transition:width .3s ease;border-radius:2px}#video-projection .preloader_text{color:var(--white);font-family:var(--sans);font-size:calc(var(--projection-rem) * 1.5);text-align:center}#video-projection ul.btns{position:fixed;z-index:6;top:50svh;right:3svw;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8svh;--offset: -1vw}#video-projection .btns button{width:6svh;height:6svh;border:2px solid rgba(255,255,255,.1);border-radius:calc(var(--projection-rem) * .5);background-color:#0003;color:#fff;font-family:var(--serif);transition:background-color .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}#video-projection .btns button:hover{background-color:#000;border-color:#000}#video-projection li.btns__item:nth-child(odd){transform:translate(calc(var(--offset) * 2))}#video-projection .btns button.active{background-color:#fff;color:#000;pointer-events:none}#video-projection ul.btns{top:auto;bottom:5svh;right:auto;left:50vw;flex-direction:row;gap:calc(var(--projection-rem) * 13);transform:translate(-50%)}#video-projection .btns button{border-radius:50%;display:flex;justify-content:center;align-items:center;width:9svh;height:9svh;background-color:#0000000d}#video-projection .btns button svg{height:calc(var(--projection-rem) * 2.7)}#video-projection .btns button svg path{fill:#fff}#video-projection .btns button.active{background:#0003;border:2px solid rgba(255,255,255,.4)}#video-projection li.btns__item:nth-child(odd){transform:translateY(calc(var(--offset) * 3))}#video-projection p.subt{position:fixed;z-index:2;cursor:pointer;bottom:var(--gap);right:var(--gap);color:#fff;display:inline-block;font-size:calc(var(--projection-rem) * 1.4);color:var(--color);display:none}#video-projection .partners{position:fixed;z-index:2;cursor:pointer;top:var(--gap);left:var(--gap);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--projection-rem) * 4)}#video-projection p.subt a{color:inherit}#video-projection .title-txt{position:fixed;z-index:2;cursor:pointer;top:calc(var(--projection-rem) * 34);left:calc(var(--projection-rem) * 12);color:#fff;display:inline-block;font-size:calc(var(--projection-rem) * 1.4);color:var(--color)}#video-projection .title-txt h1{font-size:calc(var(--projection-rem) * 6.5);font-family:var(--light);letter-spacing:calc(var(--projection-rem) * -.2)}#video-projection h1.animations{color:var(--color);margin:0 0 0 calc(var(--projection-rem) * 10)}#video-projection button.main-btn{display:flex;align-items:center;justify-content:center;gap:calc(var(--projection-rem) * 1.2);cursor:pointer}#video-projection .dot{width:calc(var(--projection-rem) * .4);height:calc(var(--projection-rem) * .4);background:var(--white)}#video-projection .main-btn__texts{position:absolute;display:grid;grid-template-columns:1fr;overflow:hidden}#video-projection .main-btn__texts span{grid-row-start:1;grid-column-start:1;display:inline-block;white-space:nowrap;font-size:calc(var(--projection-rem) * 1.2);letter-spacing:calc(var(--projection-rem) * .1)}#video-projection .main-btn__border{width:calc(var(--projection-rem) * 17.4);height:calc(var(--projection-rem) * 4.4);border:1px solid var(--color);opacity:.3;border-radius:calc(var(--projection-rem) * .5) calc(var(--projection-rem) * .5) calc(var(--projection-rem) * 2);background:#0009;scale:1;transition:scale .2s ease-in-out}#video-projection .main-btn:hover .main-btn__border{scale:.85}#video-projection .btn-trg{margin:calc(var(--projection-rem) * 3) 0 0 calc(var(--projection-rem) * 23)}#video-projection .is-reel .btn-trg{pointer-events:none}#video-projection .btn-cta .dot{background:var(--color)}#video-projection .btn-cta .js-chars{color:#000!important}#video-projection .btn-cta .main-btn__border{background:#fff;opacity:1}#video-projection .partners__each svg{max-height:calc(var(--projection-rem) * 2.2);width:calc(var(--projection-rem) * 11.1)}#video-projection .partners__dot{width:calc(var(--projection-rem) * .7);height:calc(var(--projection-rem) * .7);background:#ffffff4d;border-radius:50%}#video-projection .parag{position:fixed;z-index:2;width:calc(var(--projection-rem) * 44.5);top:calc(var(--projection-rem) * 40.6);right:calc(var(--projection-rem) * 12);font-size:calc(var(--projection-rem) * 2.5);line-height:110%;font-family:var(--light);text-indent:calc(var(--projection-rem) * 9)}#video-projection .parag .dot{position:absolute;left:0;top:calc(var(--projection-rem) * 1)}#video-projection .partners__each svg{max-height:calc(var(--projection-rem) * 2)}#video-projection a{display:inline-block;height:auto}#video-projection .js-split div,#video-projection .splitted div{color:inherit}#video-projection .splitted{will-change:transform}@media only screen and (max-width: 579px){#video-projection.body{overflow:hidden}#video-projection.body{width:100svw;height:100svh}#video-projection .btn-cta{width:auto;right:var(--gap)}#video-projection a.main-logo{width:28.7vw}#video-projection .main-btn__border{width:calc(var(--projection-rem) * 25);height:calc(var(--projection-rem) * 7)}#video-projection span.main-btn__static{font-size:calc(var(--projection-rem) * 1.8)}#video-projection .title-txt{left:50vw;transform:translate(-50%);width:85svw;top:10svh}#video-projection .title-txt h1{font-size:calc(var(--projection-rem) * 7.4);text-align:center}#video-projection h1.animations{margin:0}#video-projection button.main-btn.btn-trg{margin:0;display:none}#video-projection .title-txt__holder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--projection-rem) * 1)}#video-projection .parag{top:auto;bottom:15svh;width:74vw;font-size:calc(var(--projection-rem) * 3.2);line-height:119%;display:none}#video-projection p.subt{display:none}#video-projection .partners{left:50vw;transform:translate(-50%)}#video-projection .partners__each svg{max-height:calc(var(--projection-rem) * 4);width:calc(var(--projection-rem) * 15)}#video-projection .title-txt h1{font-size:calc(var(--projection-rem) * 5.6)}#video-projection ul.btns{gap:calc(var(--projection-rem) * 7)}}@font-face{font-family:Kh-Light;src:url(/rubens/video-projection/assets/kht-light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Kh-Regular;src:url(/rubens/video-projection/assets/kht-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kh-Medium;src:url(/rubens/video-projection/assets/kht-medium.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
