@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}*,:after,:before{box-sizing:border-box}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:block;font-family:spenser-portfolio;font-style:normal;font-weight:400;src:url(/static/media/spenser-portfolio.08121e946a29fcfba736.ttf) format("truetype"),url(/static/media/spenser-portfolio.d516c3580ee980d7edf2.woff) format("woff"),url(/static/media/spenser-portfolio.6381326869b2fe3fd83e.svg#spenser-portfolio) format("svg")}[class*=" icon-"],[class^=icon-]{speak:none;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:spenser-portfolio!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}[class*=" icon-"]:before,[class^=icon-]:before{display:block;position:relative}.icon-microsoft:before{content:""}.icon-android:before{content:""}.icon-apple:before{content:"";top:-3px}.icon-ios:before{content:""}.icon-web:before{content:""}.icon-design:before{content:""}.icon-code:before{content:""}.icon-location:before{content:""}.icon-mail:before{content:""}.icon-file-download:before{content:""}.icon-dribbble:before{content:""}.icon-linkedin:before{content:""}.icon-activity:before{content:""}.icon-airplay:before{content:""}.icon-alert-circle:before{content:""}.icon-alert-octagon:before{content:""}.icon-alert-triangle:before{content:""}.icon-align-center:before{content:""}.icon-align-justify:before{content:""}.icon-align-left:before{content:""}.icon-align-right:before{content:""}.icon-anchor:before{content:""}.icon-aperture:before{content:""}.icon-archive:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-down-circle:before{content:""}.icon-arrow-down-left:before{content:""}.icon-arrow-down-right:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-left-circle:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-right-circle:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-up-circle:before{content:""}.icon-arrow-up-left:before{content:""}.icon-arrow-up-right:before{content:""}.icon-at-sign:before{content:""}.icon-award:before{content:""}.icon-bar-chart:before{content:""}.icon-bar-chart-2:before{content:""}.icon-battery:before{content:""}.icon-battery-charging:before{content:""}.icon-bell:before{content:""}.icon-bell-off:before{content:""}.icon-bluetooth:before{content:""}.icon-bold:before{content:""}.icon-book:before{content:""}.icon-book-open:before{content:""}.icon-bookmark:before{content:""}.icon-box:before{content:""}.icon-briefcase:before{content:""}.icon-calendar:before{content:""}.icon-camera:before{content:""}.icon-camera-off:before{content:""}.icon-cast:before{content:""}.icon-check:before{content:""}.icon-check-circle:before{content:""}.icon-check-square:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up:before{content:""}.icon-chevrons-down:before{content:""}.icon-chevrons-left:before{content:""}.icon-chevrons-right:before{content:""}.icon-chevrons-up:before{content:""}.icon-chrome:before{content:""}.icon-circle:before{content:""}.icon-clipboard:before{content:""}.icon-clock:before{content:""}.icon-cloud:before{content:""}.icon-cloud-drizzle:before{content:""}.icon-cloud-lightning:before{content:""}.icon-cloud-off:before{content:""}.icon-cloud-rain:before{content:""}.icon-cloud-snow:before{content:""}.icon-code1:before{content:""}.icon-codepen:before{content:""}.icon-codesandbox:before{content:""}.icon-coffee:before{content:""}.icon-columns:before{content:""}.icon-command:before{content:""}.icon-compass:before{content:""}.icon-copy:before{content:""}.icon-corner-down-left:before{content:""}.icon-corner-down-right:before{content:""}.icon-corner-left-down:before{content:""}.icon-corner-left-up:before{content:""}.icon-corner-right-down:before{content:""}.icon-corner-right-up:before{content:""}.icon-corner-up-left:before{content:""}.icon-corner-up-right:before{content:""}.icon-cpu:before{content:""}.icon-credit-card:before{content:""}.icon-crop:before{content:""}.icon-crosshair:before{content:""}.icon-database:before{content:""}.icon-delete:before{content:""}.icon-disc:before{content:""}.icon-dollar-sign:before{content:""}.icon-download:before{content:""}.icon-download-cloud:before{content:""}.icon-droplet:before{content:""}.icon-edit:before{content:""}.icon-edit-2:before{content:""}.icon-edit-3:before{content:""}.icon-external-link:before{content:""}.icon-eye:before{content:""}.icon-eye-off:before{content:""}.icon-facebook:before{content:""}.icon-fast-forward:before{content:""}.icon-feather:before{content:""}.icon-figma:before{content:""}.icon-file:before{content:""}.icon-file-minus:before{content:""}.icon-file-plus:before{content:""}.icon-file-text:before{content:""}.icon-film:before{content:""}.icon-filter:before{content:""}.icon-flag:before{content:""}.icon-folder:before{content:""}.icon-folder-minus:before{content:""}.icon-folder-plus:before{content:""}.icon-framer:before{content:""}.icon-frown:before{content:""}.icon-gift:before{content:""}.icon-git-branch:before{content:""}.icon-git-commit:before{content:""}.icon-git-merge:before{content:""}.icon-git-pull-request:before{content:""}.icon-github:before{content:""}.icon-gitlab:before{content:""}.icon-globe:before{content:""}.icon-grid:before{content:""}.icon-hard-drive:before{content:""}.icon-hash:before{content:""}.icon-headphones:before{content:""}.icon-heart:before{content:""}.icon-help-circle:before{content:""}.icon-hexagon:before{content:""}.icon-home:before{content:""}.icon-image:before{content:""}.icon-inbox:before{content:""}.icon-info:before{content:""}.icon-instagram:before{content:""}.icon-italic:before{content:""}.icon-key:before{content:""}.icon-layers:before{content:""}.icon-layout:before{content:""}.icon-life-buoy:before{content:""}.icon-link:before{content:""}.icon-link-2:before{content:""}.icon-linkedin1:before{content:""}.icon-list:before{content:""}.icon-loader:before{content:""}.icon-lock:before{content:""}.icon-log-in:before{content:""}.icon-log-out:before{content:""}.icon-mail1:before{content:""}.icon-map:before{content:""}.icon-map-pin:before{content:""}.icon-maximize:before{content:""}.icon-maximize-2:before{content:""}.icon-meh:before{content:""}.icon-menu:before{content:""}.icon-message-circle:before{content:""}.icon-message-square:before{content:""}.icon-mic:before{content:""}.icon-mic-off:before{content:""}.icon-minimize:before{content:""}.icon-minimize-2:before{content:""}.icon-minus:before{content:""}.icon-minus-circle:before{content:""}.icon-minus-square:before{content:""}.icon-monitor:before{content:""}.icon-moon:before{content:""}.icon-more-horizontal:before{content:""}.icon-more-vertical:before{content:""}.icon-mouse-pointer:before{content:""}.icon-move:before{content:""}.icon-music:before{content:""}.icon-navigation:before{content:""}.icon-navigation-2:before{content:""}.icon-octagon:before{content:""}.icon-package:before{content:""}.icon-paperclip:before{content:""}.icon-pause:before{content:""}.icon-pause-circle:before{content:""}.icon-pen-tool:before{content:""}.icon-percent:before{content:""}.icon-phone:before{content:""}.icon-phone-call:before{content:""}.icon-phone-forwarded:before{content:""}.icon-phone-incoming:before{content:""}.icon-phone-missed:before{content:""}.icon-phone-off:before{content:""}.icon-phone-outgoing:before{content:""}.icon-pie-chart:before{content:""}.icon-play:before{content:""}.icon-play-circle:before{content:""}.icon-plus:before{content:""}.icon-plus-circle:before{content:""}.icon-plus-square:before{content:""}.icon-pocket:before{content:""}.icon-power:before{content:""}.icon-printer:before{content:""}.icon-radio:before{content:""}.icon-refresh-ccw:before{content:""}.icon-refresh-cw:before{content:""}.icon-repeat:before{content:""}.icon-rewind:before{content:""}.icon-rotate-ccw:before{content:""}.icon-rotate-cw:before{content:""}.icon-rss:before{content:""}.icon-save:before{content:""}.icon-scissors:before{content:""}.icon-search:before{content:""}.icon-send:before{content:""}.icon-server:before{content:""}.icon-settings:before{content:""}.icon-share:before{content:""}.icon-share-2:before{content:""}.icon-shield:before{content:""}.icon-shield-off:before{content:""}.icon-shopping-bag:before{content:""}.icon-shopping-cart:before{content:""}.icon-shuffle:before{content:""}.icon-sidebar:before{content:""}.icon-skip-back:before{content:""}.icon-skip-forward:before{content:""}.icon-slack:before{content:""}.icon-slash:before{content:""}.icon-sliders:before{content:""}.icon-smartphone:before{content:""}.icon-smile:before{content:""}.icon-speaker:before{content:""}.icon-square:before{content:""}.icon-star:before{content:""}.icon-stop-circle:before{content:""}.icon-sun:before{content:""}.icon-sunrise:before{content:""}.icon-sunset:before{content:""}.icon-tablet:before{content:""}.icon-tag:before{content:""}.icon-target:before{content:""}.icon-terminal:before{content:""}.icon-thermometer:before{content:""}.icon-thumbs-down:before{content:""}.icon-thumbs-up:before{content:""}.icon-toggle-left:before{content:""}.icon-toggle-right:before{content:""}.icon-tool:before{content:""}.icon-trash:before{content:""}.icon-trash-2:before{content:""}.icon-trello:before{content:""}.icon-trending-down:before{content:""}.icon-trending-up:before{content:""}.icon-triangle:before{content:""}.icon-truck:before{content:""}.icon-tv:before{content:""}.icon-twitch:before{content:""}.icon-twitter:before{content:""}.icon-type:before{content:""}.icon-umbrella:before{content:""}.icon-underline:before{content:""}.icon-unlock:before{content:""}.icon-upload:before{content:""}.icon-upload-cloud:before{content:""}.icon-user:before{content:""}.icon-user-check:before{content:""}.icon-user-minus:before{content:""}.icon-user-plus:before{content:""}.icon-user-x:before{content:""}.icon-users:before{content:""}.icon-video:before{content:""}.icon-video-off:before{content:""}.icon-voicemail:before{content:""}.icon-volume:before{content:""}.icon-volume-1:before{content:""}.icon-volume-2:before{content:""}.icon-volume-x:before{content:""}.icon-watch:before{content:""}.icon-wifi:before{content:""}.icon-wifi-off:before{content:""}.icon-wind:before{content:""}.icon-x:before{content:""}.icon-x-circle:before{content:""}.icon-x-octagon:before{content:""}.icon-x-square:before{content:""}.icon-youtube:before{content:""}.icon-zap:before{content:""}.icon-zap-off:before{content:""}.icon-zoom-in:before{content:""}.icon-zoom-out:before{content:""}.show-lrg,.show-med,.show-sm,.show-xlrg,.show-xs{display:none}@media screen and (min-width:480px){.show-xs{display:block}}@media screen and (min-width:640px){.show-sm{display:block}}@media screen and (min-width:768px){.show-med{display:block}}@media screen and (min-width:1024px){.show-lrg{display:block}}@media screen and (min-width:1120px){.show-xlrg{display:block}}@keyframes showHeader{0%{height:0}to{height:75px}}@keyframes gridHover{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes heroDotsFlying{0%{transform:translate(0)}10%{transform:translate(20px,50px)}20%{transform:translate(-30px,10px)}30%{transform:translate(10px,60px)}40%{transform:translate(50px)}50%{transform:translate(-10px,-40px)}60%{transform:translate(-40px,20px)}70%{transform:translate(30px,-30px)}80%{transform:translateY(-60px)}90%{transform:translate(40px,10px)}to{transform:translate(0)}}@keyframes heroDotsRotating{0%{opacity:0;transform:rotate(0deg)}25%,75%{opacity:1}50%{opacity:0}to{opacity:0;transform:rotate(1turn)}}html{color:#000;font-family:Funnel Display,sans-serif;font-optical-sizing:auto}body{background:#08181f}body.noscroll{overflow:hidden}body>iframe{display:none!important}h1,h2,h3,h4,h5,h6{color:#08181f;margin:50px 0 20px}h1{font-size:52px;font-weight:800}h2{font-size:48px;font-weight:900}h3{font-size:36px;font-weight:800}h4{font-size:32px;font-weight:600}h5{font-size:28px;font-weight:800}a{color:#08181f;cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}p{font-size:21px;margin:0 0 20px}p.small{font-size:16px}hr{border:none;border-bottom:1px solid #00000026;margin:40px 0}.button,button{align-items:center;background-color:#fffffff2;border:none;border-radius:25px;box-shadow:0 10px 18px -5px #0003;color:#000;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;height:46px;justify-content:center;outline:none;padding:0 24px;text-align:center;transform:scale(1);transition:transform .2s,box-shadow .2s}.button:hover,button:hover{box-shadow:0 20px 30px -5px #0003;text-decoration:none;transform:scale(1.085)}.button.large,button.large{font-weight:700;height:52px;padding:0 28px}.roles-platforms{color:#08181f;display:flex;margin:15px 0}.roles-platforms>div{align-items:center;display:flex;font-size:16px;margin-right:25px}.roles-platforms>div>i{font-size:24px;margin-right:8px}.main-wrapper{position:relative;z-index:1}.main-wrapper .banner-wrapper{inset:0;position:fixed;z-index:1}.main-wrapper .content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff03;margin-top:100vh;position:relative;z-index:2}header{align-items:center;box-sizing:initial;display:flex;height:100px;justify-content:space-between;left:0;padding:0 30px;position:absolute;right:0;top:0;z-index:3}@media screen and (min-width:768px){header{padding:0 50px}}@media screen and (min-width:1024px){header{padding:0 80px}}header .name{color:#fff;font-size:16px;font-weight:700;margin:0 auto 0 30px;position:relative;z-index:1}@media screen and (max-width:640px){header .name{font-size:16px}}header.fixed{animation:showHeader .2s;background-color:#08181fcc;box-shadow:0 20px 60px #00000026;height:75px;padding:0 60px;position:fixed}@media screen and (max-width:768px){header.fixed{padding:0 30px}}header a.logo-wrap{display:block;position:relative;z-index:3}header a.logo-wrap .logo{display:block;height:32px;width:auto}header>nav{align-items:center;display:flex}header>nav>a{color:#fff;font-size:14px;font-weight:600}header>nav>a:not(:first-child){margin-left:25px}@media screen and (max-width:768px){header>nav{background:#08181f;bottom:auto;box-shadow:0 5px 20px -5px #0000004d;flex-direction:column;justify-content:center;left:0;opacity:0;overflow:auto;padding:40px 20px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .15s;width:100%;z-index:2}header>nav>a{margin:20px 0!important}header>nav.active{opacity:1;pointer-events:auto}}header .mobile-menu-btn{cursor:pointer;margin-left:auto;padding:5px;position:relative;z-index:100}@media screen and (min-width:769px){header .mobile-menu-btn{display:none}}header .mobile-menu-btn>span{background-color:#fff;border-radius:1px;display:block;height:2px;margin:4px 0;position:relative;transition:transform .2s,left .2s;width:20px}header .mobile-menu-btn.active>span:first-child{left:3px;top:-1px;transform:rotate(45deg);transform-origin:top left}header .mobile-menu-btn.active>span:nth-child(2){transform:scaleX(0);transform-origin:center}header .mobile-menu-btn.active>span:nth-child(3){bottom:-1px;left:3px;transform:rotate(-45deg);transform-origin:bottom left}.banner-wrapper{align-items:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:650px;overflow:hidden;padding:0 30px}@media screen and (max-width:640px){.banner-wrapper{padding:0 15px}}.banner-wrapper .hero-dots{inset:0;position:absolute;z-index:1}.banner-wrapper .hero-dots .dot-wrapper{position:absolute}.banner-wrapper .hero-dots .dot-wrapper-0{animation:heroDotsFlying 59s ease-in-out -1.6s infinite alternate;left:38%;top:62%}.banner-wrapper .hero-dots .dot-wrapper-1{animation:heroDotsFlying 50s ease-in-out -9.1s infinite alternate;left:21%;top:25%}.banner-wrapper .hero-dots .dot-wrapper-2{animation:heroDotsFlying 63s ease-in-out -.2s infinite alternate;left:14%;top:42%}.banner-wrapper .hero-dots .dot-wrapper-3{animation:heroDotsFlying 70s ease-in-out -1.9s infinite alternate;left:60%;top:29%}.banner-wrapper .hero-dots .dot-wrapper-4{animation:heroDotsFlying 46s ease-in-out -.1s infinite alternate;left:92%;top:80%}.banner-wrapper .hero-dots .dot-wrapper-5{animation:heroDotsFlying 57s ease-in-out -8.4s infinite alternate;left:26%;top:75%}.banner-wrapper .hero-dots .dot-wrapper-6{animation:heroDotsFlying 43s ease-in-out -4.1s infinite alternate;left:46%;top:58%}.banner-wrapper .hero-dots .dot-wrapper-7{animation:heroDotsFlying 69s ease-in-out -5.2s infinite alternate;left:47%;top:52%}.banner-wrapper .hero-dots .dot-wrapper-8{animation:heroDotsFlying 27s ease-in-out -.6s infinite alternate;left:93%;top:49%}.banner-wrapper .hero-dots .dot-wrapper-9{animation:heroDotsFlying 39s ease-in-out -4.4s infinite alternate;left:23%;top:97%}.banner-wrapper .hero-dots .dot-wrapper-10{animation:heroDotsFlying 23s ease-in-out -4.2s infinite alternate;left:7%;top:39%}.banner-wrapper .hero-dots .dot-wrapper-11{animation:heroDotsFlying 41s ease-in-out -8.3s infinite alternate;left:56%;top:60%}.banner-wrapper .hero-dots .dot-wrapper-12{animation:heroDotsFlying 66s ease-in-out -7.6s infinite alternate;left:40%;top:97%}.banner-wrapper .hero-dots .dot-wrapper-13{animation:heroDotsFlying 40s ease-in-out -5.4s infinite alternate;left:55%;top:25%}.banner-wrapper .hero-dots .dot-wrapper-14{animation:heroDotsFlying 65s ease-in-out -2.7s infinite alternate;left:40%;top:29%}.banner-wrapper .hero-dots .dot-wrapper-15{animation:heroDotsFlying 65s ease-in-out -6.8s infinite alternate;left:31%;top:32%}.banner-wrapper .hero-dots .dot-wrapper-16{animation:heroDotsFlying 21s ease-in-out -3.2s infinite alternate;left:53%;top:72%}.banner-wrapper .hero-dots .dot-wrapper-17{animation:heroDotsFlying 53s ease-in-out -3s infinite alternate;left:15%;top:25%}.banner-wrapper .hero-dots .dot-wrapper-18{animation:heroDotsFlying 42s ease-in-out -4.7s infinite alternate;left:77%;top:56%}.banner-wrapper .hero-dots .dot-wrapper-19{animation:heroDotsFlying 54s ease-in-out -5.7s infinite alternate;left:97%;top:96%}.banner-wrapper .hero-dots .dot-wrapper-20{animation:heroDotsFlying 67s ease-in-out -1.3s infinite alternate;left:70%;top:15%}.banner-wrapper .hero-dots .dot-wrapper-21{animation:heroDotsFlying 49s ease-in-out -2.9s infinite alternate;left:92%;top:98%}.banner-wrapper .hero-dots .dot-wrapper-22{animation:heroDotsFlying 69s ease-in-out -4.8s infinite alternate;left:37%;top:97%}.banner-wrapper .hero-dots .dot-wrapper-23{animation:heroDotsFlying 48s ease-in-out -8.5s infinite alternate;left:50%;top:67%}.banner-wrapper .hero-dots .dot-wrapper-24{animation:heroDotsFlying 41s ease-in-out -8.8s infinite alternate;left:86%;top:94%}.banner-wrapper .hero-dots .dot-wrapper-25{animation:heroDotsFlying 66s ease-in-out -8.1s infinite alternate;left:50%;top:41%}.banner-wrapper .hero-dots .dot-wrapper-26{animation:heroDotsFlying 66s ease-in-out -8.6s infinite alternate;left:39%;top:85%}.banner-wrapper .hero-dots .dot-wrapper-27{animation:heroDotsFlying 70s ease-in-out -3.5s infinite alternate;left:17%;top:81%}.banner-wrapper .hero-dots .dot-wrapper-28{animation:heroDotsFlying 21s ease-in-out -3.4s infinite alternate;left:52%;top:25%}.banner-wrapper .hero-dots .dot-wrapper-29{animation:heroDotsFlying 33s ease-in-out -5.1s infinite alternate;left:48%;top:47%}.banner-wrapper .hero-dots .dot-wrapper-30{animation:heroDotsFlying 45s ease-in-out -2.5s infinite alternate;left:23%;top:69%}.banner-wrapper .hero-dots .dot-wrapper-31{animation:heroDotsFlying 24s ease-in-out -3.8s infinite alternate;left:73%;top:66%}.banner-wrapper .hero-dots .dot-wrapper-32{animation:heroDotsFlying 36s ease-in-out -.9s infinite alternate;left:32%;top:99%}.banner-wrapper .hero-dots .dot-wrapper-33{animation:heroDotsFlying 39s ease-in-out -9.8s infinite alternate;left:43%;top:53%}.banner-wrapper .hero-dots .dot-wrapper-34{animation:heroDotsFlying 59s ease-in-out -4.6s infinite alternate;left:91%;top:63%}.banner-wrapper .hero-dots .dot-wrapper-35{animation:heroDotsFlying 52s ease-in-out -7s infinite alternate;left:50%;top:100%}.banner-wrapper .hero-dots .dot-wrapper-36{animation:heroDotsFlying 66s ease-in-out -1.2s infinite alternate;left:65%;top:20%}.banner-wrapper .hero-dots .dot-wrapper-37{animation:heroDotsFlying 58s ease-in-out -7.9s infinite alternate;left:70%;top:5%}.banner-wrapper .hero-dots .dot-wrapper-38{animation:heroDotsFlying 57s ease-in-out -.8s infinite alternate;left:39%;top:61%}.banner-wrapper .hero-dots .dot-wrapper-39{animation:heroDotsFlying 64s ease-in-out -9.7s infinite alternate;left:45%;top:77%}.banner-wrapper .hero-dots .dot-wrapper-40{animation:heroDotsFlying 32s ease-in-out -7.6s infinite alternate;left:94%;top:8%}.banner-wrapper .hero-dots .dot-wrapper-41{animation:heroDotsFlying 60s ease-in-out -1.2s infinite alternate;left:93%;top:8%}.banner-wrapper .hero-dots .dot-wrapper-42{animation:heroDotsFlying 30s ease-in-out -2.9s infinite alternate;left:31%;top:73%}.banner-wrapper .hero-dots .dot-wrapper-43{animation:heroDotsFlying 58s ease-in-out -5.4s infinite alternate;left:79%;top:2%}.banner-wrapper .hero-dots .dot-wrapper-44{animation:heroDotsFlying 28s ease-in-out -1.7s infinite alternate;left:95%;top:54%}.banner-wrapper .hero-dots .dot-wrapper-45{animation:heroDotsFlying 59s ease-in-out -9.8s infinite alternate;left:81%;top:10%}.banner-wrapper .hero-dots .dot-wrapper-46{animation:heroDotsFlying 37s ease-in-out -6.4s infinite alternate;left:39%;top:69%}.banner-wrapper .hero-dots .dot-wrapper-47{animation:heroDotsFlying 53s ease-in-out -6.5s infinite alternate;left:95%;top:26%}.banner-wrapper .hero-dots .dot-wrapper-48{animation:heroDotsFlying 53s ease-in-out -9.1s infinite alternate;left:53%;top:57%}.banner-wrapper .hero-dots .dot-wrapper-49{animation:heroDotsFlying 51s ease-in-out -3.3s infinite alternate;left:88%;top:41%}.banner-wrapper .hero-dots .dot-wrapper-50{animation:heroDotsFlying 31s ease-in-out -2.9s infinite alternate;left:95%;top:26%}.banner-wrapper .hero-dots .dot-wrapper-51{animation:heroDotsFlying 42s ease-in-out -4.5s infinite alternate;left:18%;top:8%}.banner-wrapper .hero-dots .dot-wrapper-52{animation:heroDotsFlying 51s ease-in-out -4.8s infinite alternate;left:37%;top:5%}.banner-wrapper .hero-dots .dot-wrapper-53{animation:heroDotsFlying 27s ease-in-out -8.5s infinite alternate;left:76%;top:64%}.banner-wrapper .hero-dots .dot-wrapper-54{animation:heroDotsFlying 22s ease-in-out -1.9s infinite alternate;left:54%;top:57%}.banner-wrapper .hero-dots .dot-wrapper-55{animation:heroDotsFlying 29s ease-in-out -5.2s infinite alternate;left:92%;top:29%}.banner-wrapper .hero-dots .dot-wrapper-56{animation:heroDotsFlying 48s ease-in-out -9.9s infinite alternate;left:16%;top:90%}.banner-wrapper .hero-dots .dot-wrapper-57{animation:heroDotsFlying 50s ease-in-out -8.8s infinite alternate;left:78%;top:24%}.banner-wrapper .hero-dots .dot-wrapper-58{animation:heroDotsFlying 33s ease-in-out -1.1s infinite alternate;left:48%;top:90%}.banner-wrapper .hero-dots .dot-wrapper-59{animation:heroDotsFlying 24s ease-in-out -6.3s infinite alternate;left:43%;top:27%}.banner-wrapper .hero-dots .dot-wrapper-60{animation:heroDotsFlying 57s ease-in-out -10s infinite alternate;left:74%;top:47%}.banner-wrapper .hero-dots .dot-wrapper-61{animation:heroDotsFlying 37s ease-in-out -4.9s infinite alternate;left:45%;top:84%}.banner-wrapper .hero-dots .dot-wrapper-62{animation:heroDotsFlying 67s ease-in-out -7.6s infinite alternate;left:40%;top:89%}.banner-wrapper .hero-dots .dot-wrapper-63{animation:heroDotsFlying 68s ease-in-out -6.1s infinite alternate;left:26%;top:22%}.banner-wrapper .hero-dots .dot-wrapper-64{animation:heroDotsFlying 25s ease-in-out -1.5s infinite alternate;left:93%;top:54%}.banner-wrapper .hero-dots .dot-wrapper-65{animation:heroDotsFlying 51s ease-in-out -7.4s infinite alternate;left:26%;top:67%}.banner-wrapper .hero-dots .dot-wrapper-66{animation:heroDotsFlying 38s ease-in-out -4.6s infinite alternate;left:74%;top:80%}.banner-wrapper .hero-dots .dot-wrapper-67{animation:heroDotsFlying 31s ease-in-out -1.2s infinite alternate;left:41%;top:56%}.banner-wrapper .hero-dots .dot-wrapper-68{animation:heroDotsFlying 53s ease-in-out -.8s infinite alternate;left:32%;top:37%}.banner-wrapper .hero-dots .dot-wrapper-69{animation:heroDotsFlying 67s ease-in-out -6.8s infinite alternate;left:76%;top:2%}.banner-wrapper .hero-dots .dot-wrapper-70{animation:heroDotsFlying 59s ease-in-out -9.8s infinite alternate;left:78%;top:16%}.banner-wrapper .hero-dots .dot-wrapper-71{animation:heroDotsFlying 29s ease-in-out -5.3s infinite alternate;left:89%;top:72%}.banner-wrapper .hero-dots .dot-wrapper-72{animation:heroDotsFlying 64s ease-in-out -5.5s infinite alternate;left:63%;top:28%}.banner-wrapper .hero-dots .dot-wrapper-73{animation:heroDotsFlying 68s ease-in-out -8.3s infinite alternate;left:51%;top:14%}.banner-wrapper .hero-dots .dot-wrapper-74{animation:heroDotsFlying 38s ease-in-out -1.7s infinite alternate;left:50%;top:80%}.banner-wrapper .hero-dots .dot{background:#ffffff80;border-radius:2px;height:5px;width:5px}.banner-wrapper .hero-dots .dot-0{animation:heroDotsRotating 19s ease-in-out -5.8s infinite;transform-origin:12px 8px}.banner-wrapper .hero-dots .dot-1{animation:heroDotsRotating 27s ease-in-out -8s infinite;transform-origin:5px 8px}.banner-wrapper .hero-dots .dot-2{animation:heroDotsRotating 26s ease-in-out -5.8s infinite;transform-origin:15px 9px}.banner-wrapper .hero-dots .dot-3{animation:heroDotsRotating 11s ease-in-out -8.4s infinite;transform-origin:12px -11px}.banner-wrapper .hero-dots .dot-4{animation:heroDotsRotating 14s ease-in-out -7.1s infinite;transform-origin:6px 6px}.banner-wrapper .hero-dots .dot-5{animation:heroDotsRotating 30s ease-in-out -4.2s infinite;transform-origin:11px -4px}.banner-wrapper .hero-dots .dot-6{animation:heroDotsRotating 12s ease-in-out -7.7s infinite;transform-origin:-11px 13px}.banner-wrapper .hero-dots .dot-7{animation:heroDotsRotating 13s ease-in-out -7.6s infinite;transform-origin:15px -3px}.banner-wrapper .hero-dots .dot-8{animation:heroDotsRotating 27s ease-in-out -8.6s infinite;transform-origin:1px 13px}.banner-wrapper .hero-dots .dot-9{animation:heroDotsRotating 16s ease-in-out -4.6s infinite;transform-origin:13px 11px}.banner-wrapper .hero-dots .dot-10{animation:heroDotsRotating 11s ease-in-out -7.3s infinite;transform-origin:7px 13px}.banner-wrapper .hero-dots .dot-11{animation:heroDotsRotating 26s ease-in-out -9.7s infinite;transform-origin:7px -12px}.banner-wrapper .hero-dots .dot-12{animation:heroDotsRotating 21s ease-in-out -3.8s infinite;transform-origin:-14px -4px}.banner-wrapper .hero-dots .dot-13{animation:heroDotsRotating 29s ease-in-out -7.5s infinite;transform-origin:1px -14px}.banner-wrapper .hero-dots .dot-14{animation:heroDotsRotating 16s ease-in-out -3.1s infinite;transform-origin:8px 1px}.banner-wrapper .hero-dots .dot-15{animation:heroDotsRotating 23s ease-in-out -4s infinite;transform-origin:-13px -3px}.banner-wrapper .hero-dots .dot-16{animation:heroDotsRotating 30s ease-in-out -5.7s infinite;transform-origin:-6px -7px}.banner-wrapper .hero-dots .dot-17{animation:heroDotsRotating 20s ease-in-out -4.2s infinite;transform-origin:-10px 14px}.banner-wrapper .hero-dots .dot-18{animation:heroDotsRotating 14s ease-in-out -6s infinite;transform-origin:4px -8px}.banner-wrapper .hero-dots .dot-19{animation:heroDotsRotating 29s ease-in-out -4.1s infinite;transform-origin:-1px -7px}.banner-wrapper .hero-dots .dot-20{animation:heroDotsRotating 16s ease-in-out -1.7s infinite;transform-origin:-2px 14px}.banner-wrapper .hero-dots .dot-21{animation:heroDotsRotating 11s ease-in-out -3.3s infinite;transform-origin:6px -8px}.banner-wrapper .hero-dots .dot-22{animation:heroDotsRotating 12s ease-in-out -4.2s infinite;transform-origin:-2px 4px}.banner-wrapper .hero-dots .dot-23{animation:heroDotsRotating 26s ease-in-out -4.4s infinite;transform-origin:-1px 15px}.banner-wrapper .hero-dots .dot-24{animation:heroDotsRotating 15s ease-in-out -3.7s infinite;transform-origin:-6px 15px}.banner-wrapper .hero-dots .dot-25{animation:heroDotsRotating 15s ease-in-out -.1s infinite;transform-origin:-2px -13px}.banner-wrapper .hero-dots .dot-26{animation:heroDotsRotating 23s ease-in-out -6.6s infinite;transform-origin:2px -3px}.banner-wrapper .hero-dots .dot-27{animation:heroDotsRotating 21s ease-in-out -1.3s infinite;transform-origin:8px 15px}.banner-wrapper .hero-dots .dot-28{animation:heroDotsRotating 15s ease-in-out -2.6s infinite;transform-origin:3px 13px}.banner-wrapper .hero-dots .dot-29{animation:heroDotsRotating 13s ease-in-out -1.5s infinite;transform-origin:6px -4px}.banner-wrapper .hero-dots .dot-30{animation:heroDotsRotating 25s ease-in-out -3s infinite;transform-origin:1px -3px}.banner-wrapper .hero-dots .dot-31{animation:heroDotsRotating 29s ease-in-out -6.9s infinite;transform-origin:0 10px}.banner-wrapper .hero-dots .dot-32{animation:heroDotsRotating 30s ease-in-out -.1s infinite;transform-origin:-4px 7px}.banner-wrapper .hero-dots .dot-33{animation:heroDotsRotating 11s ease-in-out -2.5s infinite;transform-origin:14px -2px}.banner-wrapper .hero-dots .dot-34{animation:heroDotsRotating 26s ease-in-out -6.5s infinite;transform-origin:-6px -3px}.banner-wrapper .hero-dots .dot-35{animation:heroDotsRotating 17s ease-in-out -8.6s infinite;transform-origin:-6px -13px}.banner-wrapper .hero-dots .dot-36{animation:heroDotsRotating 17s ease-in-out -7.2s infinite;transform-origin:-1px 7px}.banner-wrapper .hero-dots .dot-37{animation:heroDotsRotating 15s ease-in-out -.5s infinite;transform-origin:9px -8px}.banner-wrapper .hero-dots .dot-38{animation:heroDotsRotating 17s ease-in-out -6.8s infinite;transform-origin:0 -6px}.banner-wrapper .hero-dots .dot-39{animation:heroDotsRotating 12s ease-in-out -1s infinite;transform-origin:-6px -13px}.banner-wrapper .hero-dots .dot-40{animation:heroDotsRotating 26s ease-in-out -3.8s infinite;transform-origin:-14px 4px}.banner-wrapper .hero-dots .dot-41{animation:heroDotsRotating 21s ease-in-out -2.3s infinite;transform-origin:7px 6px}.banner-wrapper .hero-dots .dot-42{animation:heroDotsRotating 17s ease-in-out -3s infinite;transform-origin:9px -8px}.banner-wrapper .hero-dots .dot-43{animation:heroDotsRotating 21s ease-in-out -9s infinite;transform-origin:8px 14px}.banner-wrapper .hero-dots .dot-44{animation:heroDotsRotating 17s ease-in-out -4.1s infinite;transform-origin:-4px 2px}.banner-wrapper .hero-dots .dot-45{animation:heroDotsRotating 28s ease-in-out -4.9s infinite;transform-origin:-2px -14px}.banner-wrapper .hero-dots .dot-46{animation:heroDotsRotating 19s ease-in-out -1.4s infinite;transform-origin:1px 2px}.banner-wrapper .hero-dots .dot-47{animation:heroDotsRotating 22s ease-in-out -2.3s infinite;transform-origin:-6px -9px}.banner-wrapper .hero-dots .dot-48{animation:heroDotsRotating 24s ease-in-out -4s infinite;transform-origin:4px 0}.banner-wrapper .hero-dots .dot-49{animation:heroDotsRotating 19s ease-in-out -5.6s infinite;transform-origin:-1px 8px}@media screen and (max-width:768px){.banner-wrapper .hero-dots .dot-wrapper-0,.banner-wrapper .hero-dots .dot-wrapper-1,.banner-wrapper .hero-dots .dot-wrapper-10,.banner-wrapper .hero-dots .dot-wrapper-11,.banner-wrapper .hero-dots .dot-wrapper-12,.banner-wrapper .hero-dots .dot-wrapper-13,.banner-wrapper .hero-dots .dot-wrapper-14,.banner-wrapper .hero-dots .dot-wrapper-15,.banner-wrapper .hero-dots .dot-wrapper-16,.banner-wrapper .hero-dots .dot-wrapper-17,.banner-wrapper .hero-dots .dot-wrapper-18,.banner-wrapper .hero-dots .dot-wrapper-19,.banner-wrapper .hero-dots .dot-wrapper-2,.banner-wrapper .hero-dots .dot-wrapper-20,.banner-wrapper .hero-dots .dot-wrapper-21,.banner-wrapper .hero-dots .dot-wrapper-22,.banner-wrapper .hero-dots .dot-wrapper-23,.banner-wrapper .hero-dots .dot-wrapper-24,.banner-wrapper .hero-dots .dot-wrapper-25,.banner-wrapper .hero-dots .dot-wrapper-26,.banner-wrapper .hero-dots .dot-wrapper-27,.banner-wrapper .hero-dots .dot-wrapper-28,.banner-wrapper .hero-dots .dot-wrapper-29,.banner-wrapper .hero-dots .dot-wrapper-3,.banner-wrapper .hero-dots .dot-wrapper-30,.banner-wrapper .hero-dots .dot-wrapper-31,.banner-wrapper .hero-dots .dot-wrapper-32,.banner-wrapper .hero-dots .dot-wrapper-33,.banner-wrapper .hero-dots .dot-wrapper-34,.banner-wrapper .hero-dots .dot-wrapper-35,.banner-wrapper .hero-dots .dot-wrapper-36,.banner-wrapper .hero-dots .dot-wrapper-37,.banner-wrapper .hero-dots .dot-wrapper-38,.banner-wrapper .hero-dots .dot-wrapper-39,.banner-wrapper .hero-dots .dot-wrapper-4,.banner-wrapper .hero-dots .dot-wrapper-40,.banner-wrapper .hero-dots .dot-wrapper-41,.banner-wrapper .hero-dots .dot-wrapper-42,.banner-wrapper .hero-dots .dot-wrapper-43,.banner-wrapper .hero-dots .dot-wrapper-44,.banner-wrapper .hero-dots .dot-wrapper-45,.banner-wrapper .hero-dots .dot-wrapper-46,.banner-wrapper .hero-dots .dot-wrapper-47,.banner-wrapper .hero-dots .dot-wrapper-48,.banner-wrapper .hero-dots .dot-wrapper-49,.banner-wrapper .hero-dots .dot-wrapper-5,.banner-wrapper .hero-dots .dot-wrapper-50,.banner-wrapper .hero-dots .dot-wrapper-6,.banner-wrapper .hero-dots .dot-wrapper-7,.banner-wrapper .hero-dots .dot-wrapper-8,.banner-wrapper .hero-dots .dot-wrapper-9{display:none}}@media screen and (max-width:1024px){.banner-wrapper .hero-dots .dot-wrapper-0,.banner-wrapper .hero-dots .dot-wrapper-1,.banner-wrapper .hero-dots .dot-wrapper-10,.banner-wrapper .hero-dots .dot-wrapper-11,.banner-wrapper .hero-dots .dot-wrapper-12,.banner-wrapper .hero-dots .dot-wrapper-13,.banner-wrapper .hero-dots .dot-wrapper-14,.banner-wrapper .hero-dots .dot-wrapper-15,.banner-wrapper .hero-dots .dot-wrapper-16,.banner-wrapper .hero-dots .dot-wrapper-17,.banner-wrapper .hero-dots .dot-wrapper-18,.banner-wrapper .hero-dots .dot-wrapper-19,.banner-wrapper .hero-dots .dot-wrapper-2,.banner-wrapper .hero-dots .dot-wrapper-20,.banner-wrapper .hero-dots .dot-wrapper-21,.banner-wrapper .hero-dots .dot-wrapper-22,.banner-wrapper .hero-dots .dot-wrapper-23,.banner-wrapper .hero-dots .dot-wrapper-24,.banner-wrapper .hero-dots .dot-wrapper-25,.banner-wrapper .hero-dots .dot-wrapper-26,.banner-wrapper .hero-dots .dot-wrapper-27,.banner-wrapper .hero-dots .dot-wrapper-28,.banner-wrapper .hero-dots .dot-wrapper-29,.banner-wrapper .hero-dots .dot-wrapper-3,.banner-wrapper .hero-dots .dot-wrapper-30,.banner-wrapper .hero-dots .dot-wrapper-31,.banner-wrapper .hero-dots .dot-wrapper-32,.banner-wrapper .hero-dots .dot-wrapper-33,.banner-wrapper .hero-dots .dot-wrapper-34,.banner-wrapper .hero-dots .dot-wrapper-35,.banner-wrapper .hero-dots .dot-wrapper-36,.banner-wrapper .hero-dots .dot-wrapper-37,.banner-wrapper .hero-dots .dot-wrapper-4,.banner-wrapper .hero-dots .dot-wrapper-5,.banner-wrapper .hero-dots .dot-wrapper-6,.banner-wrapper .hero-dots .dot-wrapper-7,.banner-wrapper .hero-dots .dot-wrapper-8,.banner-wrapper .hero-dots .dot-wrapper-9{display:none}}.banner-wrapper .work-action{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:18px;font-weight:700;margin-bottom:40px}.banner-wrapper .work-action>i{display:block;font-size:24px;margin-top:5px;position:relative;top:0;transition:top .4s}.banner-wrapper .work-action:hover{text-decoration:none}.banner-wrapper .work-action:hover>i{top:10px}@media screen and (max-width:640px){.banner-wrapper .work-action{margin-bottom:20px;margin-top:-40px}}.banner-wrapper .banner-info{color:#fff;margin:auto;max-width:1600px;position:relative;text-align:center;width:100%;z-index:2}.banner-wrapper .banner-info .name{font-size:21px;font-weight:800;margin-bottom:25px}.banner-wrapper .banner-info>p{font-size:16px;line-height:1.5;margin:0 0 15px;text-align:center}.banner-wrapper .banner-info>p:last-child{margin:0}@media screen and (max-width:640px){.banner-wrapper .banner-info>p{font-size:13px}}.banner-wrapper .banner-info>h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6cdc7e,#008cff 80%);-webkit-background-clip:text;font-size:38px;margin:40px auto 25px;max-width:500px}@media screen and (min-width:769px){.banner-wrapper .banner-info>h1{font-size:52px;max-width:600px}}@media screen and (min-width:1025px){.banner-wrapper .banner-info>h1{font-size:62px;max-width:740px}}@media screen and (min-width:1121px){.banner-wrapper .banner-info>h1{font-size:72px;max-width:900px}}.banner-wrapper .banner-info .button{margin:30px 0 0}.project-section-wrapper{margin:auto;max-width:1600px;padding:80px 0 20px}@media screen and (min-width:1121px){.project-section-wrapper{padding:120px 0 20px}}.project-section-wrapper .title{align-items:center;display:flex;justify-content:center;margin:auto;padding:80px 40px;width:100%}@media screen and (min-width:769px){.project-section-wrapper .title{padding:80px 60px}}@media screen and (min-width:1121px){.project-section-wrapper .title{padding:120px 60px}}.project-section-wrapper .title.title:first-child{padding-top:37.5px}.project-section-wrapper .title h2{color:#fff;margin:0;position:relative;text-align:center}@media screen and (max-width:768px){.project-section-wrapper .title h2{font-size:38px}}.project-section-wrapper .title h2:after{background:#15b3e7;bottom:-18px;content:"";display:block;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.project-section-wrapper .title:first-child{padding-top:0}.project-section{background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 0 0 0 #0000;margin:10px;overflow:hidden;position:relative;transform:scale(1);transition:box-shadow .3s,border-radius .3s,transform .3s}@media screen and (min-width:1025px){.project-section:hover{box-shadow:0 30px 50px -20px #0000006b;transform:scale(1.08)}}@media screen and (min-width:641px){.project-section{margin:30px}}@media screen and (min-width:769px){.project-section{margin:50px}}@media screen and (min-width:1025px){.project-section{margin:70px}}.project-section:first-of-type{margin-top:0}.project-section:last-of-type{margin-bottom:0}@media screen and (min-width:1025px){.project-section{align-items:stretch;display:flex;justify-content:center;min-height:500px;padding:60px 40px}}@media screen and (min-width:1121px){.project-section{min-height:600px}}.project-section .section-info-wrap{position:relative;width:100%;z-index:2}@media screen and (min-width:1025px){.project-section .section-info-wrap{align-items:center;display:flex}}.project-section .section-details{flex:0 0 40%;margin-left:auto;order:2;padding:40px 40px 20px;position:relative;z-index:2}@media screen and (min-width:769px){.project-section .section-details{padding:60px 60px 20px 40px}}@media screen and (min-width:1025px){.project-section .section-details{padding:0 80px 0 60px}}.project-section .section-details h3{margin:0 0 15px}@media screen and (max-width:768px){.project-section .section-details h3{font-size:32px}}.project-section .section-details p:not(.roles-label){line-height:28px;margin-bottom:30px}@media screen and (max-width:1024px){.project-section .section-details p{font-size:18px}}.project-section .section-details p.roles-label{font-weight:700;margin:0}.project-section .section-details .see-more-btn{margin-top:20px}.project-section .section-details.light .roles-platforms,.project-section .section-details.light h3,.project-section .section-details.light p{color:#fff}.project-section .section-image{align-items:flex-end;display:flex;justify-content:center;order:1;position:relative;z-index:1}@media screen and (min-width:1025px){.project-section .section-image{flex:0 0 60%;height:100%}}.project-section .section-image .image{display:block;height:auto;position:relative;width:100%}.project-section .section-image-fill{background-position:50%;background-size:cover;width:100%}.project-section .section-image-fill:after{content:"";display:block;padding-bottom:70%}@media screen and (min-width:1025px){.project-section .section-image-fill{bottom:0;left:0;position:absolute;right:0;top:0}.project-section.producer{min-height:800px}}@media screen and (max-width:1024px){.project-section.producer{background-color:#f2f3f7!important;background-position:bottom;background-repeat:no-repeat;background-size:100%}.project-section.producer .section-image-fill{background-position:0}}@media screen and (min-width:960px){.other-projects{display:flex;flex-wrap:wrap;justify-content:space-between}}.other-projects .other-project{background-position:top;background-repeat:no-repeat;background-size:cover;margin-bottom:10px;overflow:hidden;position:relative;width:100%}@media screen and (min-width:960px){.other-projects .other-project{width:calc(50% - 5px)}}.other-projects .other-project:after{content:"";display:block;padding-bottom:73%}.other-projects .other-project.indinero-mobile{background-position:bottom;background-size:90%}.other-projects .other-project.indinero-invoices{background-position:100% 100%;background-size:95%}.other-projects .other-project.jive-blogs{background-position:50%}.other-projects .other-project.jive-daily{background-position:bottom;background-size:98%}.other-projects .other-project.jive-events{background-position:bottom;background-size:97%}.other-projects .other-project.jive-calendar{background-position:bottom;background-size:95%}.other-projects .other-project .project-details{background:#08181fe6;bottom:-1px;left:0;padding:40px;position:absolute;transform:translateY(100%);transition:transform .2s;width:100%}.other-projects .other-project .project-details h3{color:#fff;margin:0 0 15px}.other-projects .other-project .project-details p{color:#fff;line-height:28px;margin:0}.other-projects .other-project:hover .project-details{transform:translateY(0)}.close-project{background:#ffffffb3;border-radius:50%;cursor:pointer;left:30px;padding:5px;position:fixed;top:30px;transform:scale(1);transition:transform .15s;z-index:4}@media screen and (max-width:768px){.close-project{left:20px;top:20px}}.close-project>i{color:#000;font-size:30px;position:relative}.close-project:hover{transform:scale(1.1)}.project-wrapper{background-color:#000;inset:0;opacity:0;overflow:hidden;padding:16px;position:fixed;z-index:3}@media screen and (max-width:768px){.project-wrapper{padding:8px}}.project{background-color:#fff;border-radius:16px;max-height:100%;overflow:auto;transform:translateY(40px);transition:opacity .35s,transform .35s}.project .project-header{align-items:center;display:flex;height:260px;overflow:hidden;position:relative}.project .project-header .title{color:#08181f;display:block;height:auto;margin:auto;max-width:920px;opacity:0;padding:0 30px;transition:opacity .2s .35s;width:100%}.project .project-header .title h3{font-size:52px;margin:0 0 15px}@media screen and (max-width:960px){.project .project-header .title h3{font-size:42px}}@media screen and (max-width:640px){.project .project-header .title h3{font-size:38px}}.project .project-header .title .roles-platforms{align-items:center;display:flex;flex-wrap:wrap;margin:0 -10px}.project .project-header .title .roles-platforms>div{margin:10px}@media screen and (max-width:960px){.project .project-header .title{position:relative;top:30px}}@media screen and (min-width:640px){.project .project-header .title{padding:0 60px}}.project .project-header.light .title .roles-platforms,.project .project-header.light .title h3{color:#fff}.project .project-header .project-header-bg{background:#ecf0f3;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .35s ease-in-out .05s;width:100%;z-index:-1}.project .project-header .project-header-bg:after{background-image:linear-gradient(225deg,#fff0,#fff 100%,#ffffff21 0);bottom:0;content:"";display:block;left:0;opacity:.25;position:absolute;right:0;top:0}.project .project-main{margin:auto;max-width:920px;padding:0 30px;width:100%}.project .project-main h4{margin:40px 0 20px}@media screen and (min-width:768px){.project .project-main h4{margin:50px 0 20px}}@media screen and (max-width:640px){.project .project-main h4{font-size:28px}}.project .project-main p{line-height:36px}@media screen and (max-width:767px){.project .project-main p{font-size:18px;line-height:32px}}.project .project-main img{display:block;margin:30px 0 30px -30px;width:calc(100% + 60px)}@media screen and (min-width:1024px){.project .project-main img{margin-left:-100px;width:calc(100% + 200px)}}@media screen and (min-width:640px){.project .project-main{padding:0 60px}}.project-wrapper.active{opacity:1}.project-wrapper.active .project{transform:translateY(0)}.project-wrapper.active .project .project-header .title{opacity:1}.project-wrapper.active .project .project-header .project-header-bg{transform:scaleX(1)}.brand-experience{background:#08181f;padding:40px}@media screen and (min-width:768px){.brand-experience{padding:80px}}@media screen and (min-width:960px){.brand-experience{padding:80px 0}}.brand-experience .brand-info{align-items:center;display:flex;flex-direction:column;justify-content:center}.brand-experience .brand-info .line{background-color:#15b3e7;height:100px;width:1px}@media screen and (min-width:768px){.brand-experience .brand-info .line{height:200px}}.brand-experience .brand-info h4{color:#fff;font-weight:300;margin:40px 0 0;max-width:560px;text-align:center}.brand-experience .brand-info>img{display:block;margin:30px 0;max-width:850px;width:100%}.about{padding-bottom:200px}.about .about-info-wrap{margin:auto;max-width:1120px;width:100%}.about .about-bottom,.about .about-top{padding:30px}@media screen and (min-width:640px){.about .about-bottom,.about .about-top{padding:60px}}@media screen and (min-width:960px){.about .about-bottom,.about .about-top{display:flex;min-height:340px;padding:0}}.about .about-bottom h5,.about .about-top h5{color:#fff;margin:0 0 20px}.about .about-bottom p,.about .about-top p{font-size:18px;line-height:28px;margin:0 0 20px}.about .about-bottom p:last-child,.about .about-top p:last-child{margin-bottom:0}.about .about-top{background-color:#08181f}.about .about-top .about-image{align-items:center;background-position:top;background-size:cover;display:block;flex:0 0 340px;justify-content:center;margin-bottom:40px;width:100%}.about .about-top .about-image:after{content:"";display:block;padding-bottom:100%}@media screen and (min-width:640px){.about .about-top .about-image{max-width:340px}}@media screen and (min-width:960px){.about .about-top .about-image{margin:0}}.about .about-top .about-info1{align-self:stretch;color:#fff;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:960px){.about .about-top .about-info1{margin:40px 0;padding:0 60px}}.about .about-bottom{align-items:center;background:#f7f7f7}.about .about-bottom .about-info2{margin-bottom:40px}.about .about-bottom .contact{flex:0 0 340px}.about .about-bottom .contact>div{align-items:center;color:#08181f;display:flex;font-size:18px;font-weight:700}.about .about-bottom .contact>div:not(:last-child){margin-bottom:20px}.about .about-bottom .contact>div>i{font-size:24px;margin-right:20px}@media screen and (min-width:960px){.about .about-bottom .about-info2{margin:40px 0;padding:0 60px}}
/*# sourceMappingURL=main.c7c2f216.css.map*/