@import"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{line-height:1.15;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;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:baseline}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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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:baseline}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}template{display:none}[hidden]{display:none}@font-face{font-family:spenser-portfolio;src:url(/_astro/spenser-portfolio.DFanWyQW.ttf?qcoj3y) format("truetype"),url(/_astro/spenser-portfolio.BirmN_5N.woff?qcoj3y) format("woff"),url(/_astro/spenser-portfolio.CcWHsdlu.svg?qcoj3y#spenser-portfolio) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:spenser-portfolio!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[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-xs,.show-sm,.show-med,.show-lrg,.show-xlrg{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(0)}25%,75%{opacity:1}50%{opacity:0}to{opacity:0;transform:rotate(360deg)}}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:700}h6{font-size:21px;font-weight:700}a{cursor:pointer;color:#08181f;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 rgba(0,0,0,.15);margin:40px 0}button,.button{background-color:#fffffff2;border:1px solid #000;border:none;border-radius:25px;box-shadow:0 10px 18px -5px #0003;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;height:46px;color:#000;text-align:center;padding:0 24px;outline:none;transition:transform .2s,box-shadow .2s;transform:scale(1)}button:hover,.button:hover{transform:scale(1.085);box-shadow:0 20px 30px -5px #0003;text-decoration:none}button.large,.button.large{font-weight:700;height:52px;padding:0 28px}.roles-platforms{display:flex;margin:15px 0;color:#08181f}.roles-platforms>div{display:flex;align-items:center;margin-right:25px;font-size:16px}.roles-platforms>div>i{margin-right:8px;font-size:24px}.main-wrapper{position:relative;z-index:1}.main-wrapper .banner-wrapper{position:relative;inset:0;z-index:1}.main-wrapper .content-wrapper{background-color:#08181f66;position:relative;z-index:2}header{box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;height:100px;padding:0 30px;position:absolute;top:0;left:0;right: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{margin:0 auto 0 30px;font-size:16px;font-weight:700;color:#fff;position:relative;z-index:1}@media screen and (max-width:640px){header .name{font-size:16px}}header.fixed{animation:showHeader .2s;background-color:#08181fcc;backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000026;height:75px;position:fixed;padding:0 60px}@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;width:auto;height:32px}header>nav{display:flex;align-items:center}header>nav>a{font-size:14px;font-weight:600;color:#fff}header>nav>a:not(:first-child){margin-left:25px}@media screen and (max-width:768px){header>nav{background:#08181f;box-shadow:0 5px 20px -5px #0000004d;justify-content:center;flex-direction:column;position:fixed;width:100%;inset:0 0 auto;padding:40px 20px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:2;overflow:auto}header>nav>a{margin:20px 0!important}header>nav.active{opacity:1;pointer-events:initial}}header .mobile-menu-btn{padding:5px;cursor:pointer;position:relative;z-index:100;margin-left:auto}@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;width:20px;margin:4px 0;height:2px;transition:transform .2s,left .2s;position:relative}header .mobile-menu-btn.active>span:nth-child(1){transform:rotate(45deg);transform-origin:top left;left:3px;top:-1px}header .mobile-menu-btn.active>span:nth-child(2){transform:scaleX(0);transform-origin:center}header .mobile-menu-btn.active>span:nth-child(3){transform:rotate(-45deg);transform-origin:bottom left;left:3px;bottom:-1px}.banner-wrapper{background-repeat:no-repeat;background-size:cover;padding:0 30px;display:flex;min-height:650px;height:100vh;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}@media screen and (max-width:640px){.banner-wrapper{padding:0 15px}}.banner-wrapper .hero-dots{position:absolute;inset:0;z-index:1}.banner-wrapper .hero-dots .dot-wrapper{position:absolute}.banner-wrapper .hero-dots .dot-wrapper-0{top:63%;left:2%;animation:heroDotsFlying 28s ease-in-out -9.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-1{top:63%;left:100%;animation:heroDotsFlying 63s ease-in-out -3.6s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-2{top:15%;left:80%;animation:heroDotsFlying 32s ease-in-out -4s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-3{top:47%;left:64%;animation:heroDotsFlying 44s ease-in-out -4.4s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-4{top:72%;left:55%;animation:heroDotsFlying 27s ease-in-out -.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-5{top:89%;left:65%;animation:heroDotsFlying 40s ease-in-out -5.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-6{top:15%;left:87%;animation:heroDotsFlying 48s ease-in-out -6.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-7{top:39%;left:38%;animation:heroDotsFlying 34s ease-in-out -1.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-8{top:91%;left:70%;animation:heroDotsFlying 50s ease-in-out -5.4s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-9{top:51%;left:37%;animation:heroDotsFlying 30s ease-in-out -3.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-10{top:54%;left:7%;animation:heroDotsFlying 47s ease-in-out -1.9s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-11{top:37%;left:19%;animation:heroDotsFlying 55s ease-in-out -1.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-12{top:83%;left:64%;animation:heroDotsFlying 67s ease-in-out -1.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-13{top:58%;left:61%;animation:heroDotsFlying 62s ease-in-out -2.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-14{top:4%;left:95%;animation:heroDotsFlying 52s ease-in-out -8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-15{top:5%;left:79%;animation:heroDotsFlying 54s ease-in-out -6.6s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-16{top:98%;left:31%;animation:heroDotsFlying 37s ease-in-out -2.4s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-17{top:77%;left:32%;animation:heroDotsFlying 65s ease-in-out -7.1s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-18{top:5%;left:36%;animation:heroDotsFlying 65s ease-in-out -3.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-19{top:75%;left:61%;animation:heroDotsFlying 62s ease-in-out -2.3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-20{top:11%;left:10%;animation:heroDotsFlying 60s ease-in-out -8.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-21{top:51%;left:77%;animation:heroDotsFlying 58s ease-in-out -9.6s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-22{top:89%;left:64%;animation:heroDotsFlying 63s ease-in-out -6.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-23{top:45%;left:20%;animation:heroDotsFlying 53s ease-in-out -1.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-24{top:48%;left:56%;animation:heroDotsFlying 48s ease-in-out -3.1s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-25{top:61%;left:37%;animation:heroDotsFlying 56s ease-in-out -5.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-26{top:30%;left:19%;animation:heroDotsFlying 26s ease-in-out -9.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-27{top:50%;left:82%;animation:heroDotsFlying 38s ease-in-out -1.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-28{top:89%;left:83%;animation:heroDotsFlying 34s ease-in-out -5.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-29{top:7%;left:75%;animation:heroDotsFlying 45s ease-in-out -7.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-30{top:67%;left:79%;animation:heroDotsFlying 51s ease-in-out -9.9s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-31{top:32%;left:36%;animation:heroDotsFlying 38s ease-in-out -7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-32{top:64%;left:70%;animation:heroDotsFlying 29s ease-in-out -.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-33{top:87%;left:49%;animation:heroDotsFlying 31s ease-in-out -8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-34{top:97%;left:10%;animation:heroDotsFlying 50s ease-in-out -8.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-35{top:85%;left:46%;animation:heroDotsFlying 50s ease-in-out -1s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-36{top:70%;left:72%;animation:heroDotsFlying 69s ease-in-out -1.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-37{top:55%;left:23%;animation:heroDotsFlying 60s ease-in-out -2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-38{top:36%;left:28%;animation:heroDotsFlying 60s ease-in-out -9.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-39{top:85%;left:49%;animation:heroDotsFlying 53s ease-in-out -.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-40{top:85%;left:99%;animation:heroDotsFlying 57s ease-in-out -2.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-41{top:23%;left:78%;animation:heroDotsFlying 41s ease-in-out -5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-42{top:62%;left:12%;animation:heroDotsFlying 50s ease-in-out -9.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-43{top:68%;left:45%;animation:heroDotsFlying 57s ease-in-out -7.6s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-44{top:7%;left:86%;animation:heroDotsFlying 44s ease-in-out -4.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-45{top:28%;left:23%;animation:heroDotsFlying 70s ease-in-out -2.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-46{top:70%;left:44%;animation:heroDotsFlying 44s ease-in-out -1.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-47{top:84%;left:80%;animation:heroDotsFlying 57s ease-in-out -3.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-48{top:64%;left:78%;animation:heroDotsFlying 36s ease-in-out -8.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-49{top:64%;left:30%;animation:heroDotsFlying 30s ease-in-out -6.6s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-50{top:34%;left:19%;animation:heroDotsFlying 49s ease-in-out -6.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-51{top:14%;left:15%;animation:heroDotsFlying 41s ease-in-out -7.3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-52{top:60%;left:68%;animation:heroDotsFlying 37s ease-in-out -.4s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-53{top:45%;left:53%;animation:heroDotsFlying 43s ease-in-out -8.1s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-54{top:14%;left:95%;animation:heroDotsFlying 30s ease-in-out -3.3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-55{top:9%;left:74%;animation:heroDotsFlying 34s ease-in-out -9.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-56{top:24%;left:8%;animation:heroDotsFlying 34s ease-in-out -.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-57{top:93%;left:9%;animation:heroDotsFlying 23s ease-in-out -8.9s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-58{top:50%;left:77%;animation:heroDotsFlying 22s ease-in-out -1.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-59{top:35%;left:26%;animation:heroDotsFlying 50s ease-in-out -7.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-60{top:81%;left:71%;animation:heroDotsFlying 51s ease-in-out -3.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-61{top:72%;left:50%;animation:heroDotsFlying 66s ease-in-out -3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-62{top:47%;left:41%;animation:heroDotsFlying 53s ease-in-out -5.3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-63{top:26%;left:6%;animation:heroDotsFlying 42s ease-in-out -3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-64{top:89%;left:43%;animation:heroDotsFlying 39s ease-in-out -1.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-65{top:6%;left:100%;animation:heroDotsFlying 47s ease-in-out -3.7s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-66{top:55%;left:86%;animation:heroDotsFlying 70s ease-in-out -2.9s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-67{top:23%;left:78%;animation:heroDotsFlying 30s ease-in-out -10s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-68{top:69%;left:28%;animation:heroDotsFlying 56s ease-in-out -9.4s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-69{top:83%;left:29%;animation:heroDotsFlying 29s ease-in-out -1s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-70{top:66%;left:84%;animation:heroDotsFlying 35s ease-in-out -4.3s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-71{top:83%;left:56%;animation:heroDotsFlying 56s ease-in-out -6.2s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-72{top:61%;left:97%;animation:heroDotsFlying 52s ease-in-out -7.5s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-73{top:24%;left:31%;animation:heroDotsFlying 22s ease-in-out -1.8s infinite alternate}.banner-wrapper .hero-dots .dot-wrapper-74{top:33%;left:65%;animation:heroDotsFlying 54s ease-in-out -1s infinite alternate}.banner-wrapper .hero-dots .dot{width:5px;height:5px;background:#ffffff80;border-radius:2px}.banner-wrapper .hero-dots .dot-0{transform-origin:10px -9px;animation:heroDotsRotating 14s ease-in-out -6s infinite}.banner-wrapper .hero-dots .dot-1{transform-origin:10px 14px;animation:heroDotsRotating 20s ease-in-out -1.8s infinite}.banner-wrapper .hero-dots .dot-2{transform-origin:-3px -2px;animation:heroDotsRotating 17s ease-in-out -2.4s infinite}.banner-wrapper .hero-dots .dot-3{transform-origin:-11px 10px;animation:heroDotsRotating 27s ease-in-out -10s infinite}.banner-wrapper .hero-dots .dot-4{transform-origin:0px -13px;animation:heroDotsRotating 28s ease-in-out -9.5s infinite}.banner-wrapper .hero-dots .dot-5{transform-origin:-6px -10px;animation:heroDotsRotating 11s ease-in-out -7.8s infinite}.banner-wrapper .hero-dots .dot-6{transform-origin:12px 10px;animation:heroDotsRotating 26s ease-in-out -8.8s infinite}.banner-wrapper .hero-dots .dot-7{transform-origin:-7px -5px;animation:heroDotsRotating 11s ease-in-out -9.2s infinite}.banner-wrapper .hero-dots .dot-8{transform-origin:-5px -2px;animation:heroDotsRotating 20s ease-in-out -1.5s infinite}.banner-wrapper .hero-dots .dot-9{transform-origin:-8px 14px;animation:heroDotsRotating 16s ease-in-out -9.8s infinite}.banner-wrapper .hero-dots .dot-10{transform-origin:-11px -11px;animation:heroDotsRotating 20s ease-in-out -1.1s infinite}.banner-wrapper .hero-dots .dot-11{transform-origin:-12px -10px;animation:heroDotsRotating 21s ease-in-out -5.7s infinite}.banner-wrapper .hero-dots .dot-12{transform-origin:-1px 5px;animation:heroDotsRotating 19s ease-in-out -3.6s infinite}.banner-wrapper .hero-dots .dot-13{transform-origin:1px -2px;animation:heroDotsRotating 24s ease-in-out -7.7s infinite}.banner-wrapper .hero-dots .dot-14{transform-origin:-14px 1px;animation:heroDotsRotating 19s ease-in-out -9.1s infinite}.banner-wrapper .hero-dots .dot-15{transform-origin:-13px 15px;animation:heroDotsRotating 18s ease-in-out -3.8s infinite}.banner-wrapper .hero-dots .dot-16{transform-origin:-7px 12px;animation:heroDotsRotating 22s ease-in-out -.7s infinite}.banner-wrapper .hero-dots .dot-17{transform-origin:11px -5px;animation:heroDotsRotating 30s ease-in-out -3.6s infinite}.banner-wrapper .hero-dots .dot-18{transform-origin:5px -2px;animation:heroDotsRotating 22s ease-in-out -1s infinite}.banner-wrapper .hero-dots .dot-19{transform-origin:-5px 10px;animation:heroDotsRotating 30s ease-in-out -9.5s infinite}.banner-wrapper .hero-dots .dot-20{transform-origin:-12px -8px;animation:heroDotsRotating 13s ease-in-out -2.2s infinite}.banner-wrapper .hero-dots .dot-21{transform-origin:-11px 4px;animation:heroDotsRotating 14s ease-in-out -2.5s infinite}.banner-wrapper .hero-dots .dot-22{transform-origin:4px 14px;animation:heroDotsRotating 17s ease-in-out -7.6s infinite}.banner-wrapper .hero-dots .dot-23{transform-origin:9px 10px;animation:heroDotsRotating 28s ease-in-out -1.1s infinite}.banner-wrapper .hero-dots .dot-24{transform-origin:0px -8px;animation:heroDotsRotating 27s ease-in-out -1.9s infinite}.banner-wrapper .hero-dots .dot-25{transform-origin:-9px -9px;animation:heroDotsRotating 12s ease-in-out -3.8s infinite}.banner-wrapper .hero-dots .dot-26{transform-origin:-9px 7px;animation:heroDotsRotating 29s ease-in-out -.7s infinite}.banner-wrapper .hero-dots .dot-27{transform-origin:2px 15px;animation:heroDotsRotating 22s ease-in-out -5.3s infinite}.banner-wrapper .hero-dots .dot-28{transform-origin:15px -14px;animation:heroDotsRotating 26s ease-in-out -5.9s infinite}.banner-wrapper .hero-dots .dot-29{transform-origin:-1px 1px;animation:heroDotsRotating 19s ease-in-out -7.2s infinite}.banner-wrapper .hero-dots .dot-30{transform-origin:-11px 9px;animation:heroDotsRotating 17s ease-in-out -7.6s infinite}.banner-wrapper .hero-dots .dot-31{transform-origin:-1px -3px;animation:heroDotsRotating 12s ease-in-out -1.1s infinite}.banner-wrapper .hero-dots .dot-32{transform-origin:13px -14px;animation:heroDotsRotating 24s ease-in-out -7.3s infinite}.banner-wrapper .hero-dots .dot-33{transform-origin:-2px -5px;animation:heroDotsRotating 28s ease-in-out -4.1s infinite}.banner-wrapper .hero-dots .dot-34{transform-origin:7px -13px;animation:heroDotsRotating 28s ease-in-out -6.9s infinite}.banner-wrapper .hero-dots .dot-35{transform-origin:12px -5px;animation:heroDotsRotating 12s ease-in-out -3s infinite}.banner-wrapper .hero-dots .dot-36{transform-origin:-1px -13px;animation:heroDotsRotating 17s ease-in-out -4.2s infinite}.banner-wrapper .hero-dots .dot-37{transform-origin:0px -5px;animation:heroDotsRotating 22s ease-in-out -7.5s infinite}.banner-wrapper .hero-dots .dot-38{transform-origin:2px -7px;animation:heroDotsRotating 14s ease-in-out -2.6s infinite}.banner-wrapper .hero-dots .dot-39{transform-origin:11px -8px;animation:heroDotsRotating 15s ease-in-out -3.7s infinite}.banner-wrapper .hero-dots .dot-40{transform-origin:-3px 3px;animation:heroDotsRotating 30s ease-in-out -5.3s infinite}.banner-wrapper .hero-dots .dot-41{transform-origin:10px 6px;animation:heroDotsRotating 23s ease-in-out -4.8s infinite}.banner-wrapper .hero-dots .dot-42{transform-origin:6px 15px;animation:heroDotsRotating 28s ease-in-out -1.6s infinite}.banner-wrapper .hero-dots .dot-43{transform-origin:-6px 0px;animation:heroDotsRotating 26s ease-in-out -7.8s infinite}.banner-wrapper .hero-dots .dot-44{transform-origin:-9px 10px;animation:heroDotsRotating 24s ease-in-out -3.7s infinite}.banner-wrapper .hero-dots .dot-45{transform-origin:10px -11px;animation:heroDotsRotating 30s ease-in-out -10s infinite}.banner-wrapper .hero-dots .dot-46{transform-origin:0px 1px;animation:heroDotsRotating 30s ease-in-out -8.3s infinite}.banner-wrapper .hero-dots .dot-47{transform-origin:-11px -5px;animation:heroDotsRotating 15s ease-in-out -4.6s infinite}.banner-wrapper .hero-dots .dot-48{transform-origin:-9px -9px;animation:heroDotsRotating 15s ease-in-out -4.8s infinite}.banner-wrapper .hero-dots .dot-49{transform-origin:11px 10px;animation:heroDotsRotating 29s ease-in-out -1.4s infinite}@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-2,.banner-wrapper .hero-dots .dot-wrapper-3,.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,.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-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-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-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-50{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-2,.banner-wrapper .hero-dots .dot-wrapper-3,.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,.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-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-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{display:none}}.banner-wrapper .work-action{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;font-size:18px;font-weight:700;color:#fff}.banner-wrapper .work-action>i{display:block;margin-top:5px;font-size:24px;transition:.4s top;position:relative;top:0}.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-top:-40px;margin-bottom:20px}}.banner-wrapper .banner-info{color:#fff;width:100%;max-width:1600px;margin:auto;text-align:center;position:relative;z-index:2}.banner-wrapper .banner-info .name{font-size:21px;font-weight:800;margin-bottom:25px}.banner-wrapper .banner-info>p{margin:0 0 15px;font-size:16px;line-height:1.5;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{color:#fff;margin:40px auto 25px;max-width:500px;font-size:38px;opacity:.7}@media screen and (min-width:769px){.banner-wrapper .banner-info>h1{font-size:52px;max-width:700px}}@media screen and (min-width:1025px){.banner-wrapper .banner-info>h1{font-size:62px;max-width:820px}}.banner-wrapper .banner-info .button{margin:30px 0 0}.project-section-wrapper .title{display:flex;align-items:center;justify-content:center;padding:80px 40px;width:100%;margin:auto}@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;display:block;content:"";height:3px;width:40px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.project-section-wrapper .title:first-child{padding-top:0}.project-section{background-size:cover;background-position:center;box-shadow:0 0 0 0 transparent;position:relative;overflow:hidden;transform:scale(1);transition:box-shadow .3s,border-radius .3s,transform .3s}@media screen and (min-width:1025px){.project-section{display:flex;align-items:stretch;justify-content:center;min-height:500px;padding:100px 40px}}@media screen and (min-width:1121px){.project-section{min-height:600px}}.project-section .section-info-wrap{position:relative;width:100%;z-index:2;max-width:1600px;margin:auto}@media screen and (min-width:1025px){.project-section .section-info-wrap{display:flex;align-items:center}}.project-section .section-details{flex:0 0 40%;margin-left:auto;padding:40px 40px 20px;position:relative;z-index:2;order: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{margin:0;font-weight:700}.project-section .section-details .see-more-btn{margin-top:20px}.project-section .section-details.light h3,.project-section .section-details.light p,.project-section .section-details.light .roles-platforms{color:#fff}.project-section .section-image{display:flex;align-items:flex-end;justify-content:center;z-index:1;position:relative;order:1}@media screen and (min-width:1025px){.project-section .section-image{flex:0 0 60%;height:100%}}.project-section .section-image .image{display:block;width:100%;height:auto;position:relative}.project-section .section-image-fill{background-size:cover;background-position:center;width:100%}.project-section .section-image-fill:after{display:block;content:"";padding-bottom:70%}@media screen and (min-width:1025px){.project-section .section-image-fill{position:absolute;inset:0}}@media screen and (min-width:1025px){.project-section.producer{min-height:800px}}@media screen and (max-width:1024px){.project-section.producer{background-color:#f2f3f7!important;background-size:100%;background-position:bottom;background-repeat:no-repeat}}@media screen and (max-width:1024px){.project-section.producer .section-image-fill{background-position:left}}@media screen and (min-width:960px){.other-projects{display:flex;flex-wrap:wrap;justify-content:space-between}}.other-projects .other-project{background-size:cover;background-repeat:no-repeat;background-position:center top;margin-bottom:10px;position:relative;overflow:hidden;width:100%}@media screen and (min-width:960px){.other-projects .other-project{width:calc(50% - 5px)}}.other-projects .other-project:after{display:block;content:"";padding-bottom:73%}.other-projects .other-project.indinero-mobile{background-size:90%;background-position:center bottom}.other-projects .other-project.indinero-invoices{background-size:95%;background-position:right bottom}.other-projects .other-project.jive-blogs{background-position:center center}.other-projects .other-project.jive-daily{background-size:98%;background-position:center bottom}.other-projects .other-project.jive-events{background-size:97%;background-position:center bottom}.other-projects .other-project.jive-calendar{background-size:95%;background-position:center bottom}.other-projects .other-project .project-details{background:#08181fe6;position:absolute;bottom:-1px;left:0;width:100%;transform:translateY(100%);transition:.2s transform;padding:40px}.other-projects .other-project .project-details h3{color:#fff;margin:0 0 15px}.other-projects .other-project .project-details p{color:#fff;margin:0;line-height:28px}.other-projects .other-project:hover .project-details{transform:translateY(0)}.close-project{border-radius:50%;background:#ffffffb3;cursor:pointer;position:fixed;top:30px;right:30px;padding:5px;z-index:4;transform:scale(1);transition:.15s transform}@media screen and (max-width:768px){.close-project{top:20px;right:20px}}.close-project>i{color:#000;position:relative;font-size:30px}.close-project:hover{transform:scale(1.1)}.project-wrapper{background-color:#000;position:fixed;inset:0;padding:16px;z-index:3;opacity:0;overflow:hidden}@media screen and (max-width:768px){.project-wrapper{padding:8px}}.project{background-color:#fff;border-radius:16px;transform:translateY(100px) scale(.9);transition:opacity .25s,transform .25s;overflow:auto;max-height:100%}.project .project-header{display:flex;align-items:center;height:220px;position:relative;overflow:hidden}.project .project-header .title{color:#08181f;display:block;margin:auto;padding:0 30px;width:100%;height:auto;max-width:920px;opacity:0;transition:.2s opacity .35s}.project .project-header .title h2{margin:0 0 15px}@media screen and (max-width:960px){.project .project-header .title h2{font-size:42px}}@media screen and (max-width:640px){.project .project-header .title h2{font-size:38px}}.project .project-header .title .roles-platforms{display:flex;align-items:center;flex-wrap:wrap;margin:0 -10px}.project .project-header .title .roles-platforms>div{margin:10px}@media screen and (min-width:640px){.project .project-header .title{padding:0 60px}}.project .project-header.light .title h2,.project .project-header.light .title .roles-platforms{color:#fff}.project .project-header .project-header-bg{background:#ecf0f3;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;transform-origin:center;transform:scale(0);opacity:0;transition:transform .25s ease-out,opacity .25s}.project .project-main{max-width:920px;width:100%;margin:auto;padding:0 30px}.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;width:calc(100% + 60px);margin:30px 0 30px -30px}@media screen and (min-width:1074px){.project .project-main img{width:calc(100% + 250px);margin-left:-125px}}@media screen and (min-width:640px){.project .project-main{padding:0 60px}}.project-wrapper.active{opacity:1}.project-wrapper.active .project{transform:translateY(0) scale(1)}.project-wrapper.active .project .project-header .title{opacity:1}.project-wrapper.active .project .project-header .project-header-bg{transform:scaleX(1);opacity: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{display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-experience .brand-info .line{width:1px;background-color:#15b3e7;height:100px}@media screen and (min-width:768px){.brand-experience .brand-info .line{height:200px}}.brand-experience .brand-info h4{color:#fff;font-weight:300;text-align:center;margin:40px 0 0;max-width:560px}.brand-experience .brand-info>img{display:block;width:100%;max-width:850px;margin:30px 0}.about{padding-bottom:200px}.about .title{padding-bottom:40px}.about hr{background-color:#15b3e7}.about h5{color:#fff;text-align:center}.about .about-info-wrap{width:100%;max-width:800px;margin:auto;padding:30px}.about .about-top{text-align:center;color:#fff}.about .about-top p{margin:0 0 20px;font-size:18px;line-height:32px}.about .about-top p:last-child{margin-bottom:0}.about .about-top .about-image{background-size:cover;background-position:center top;border-radius:50%;display:block;align-items:center;justify-content:center;margin:0 auto 40px;width:100%;max-width:220px;height:auto}.about .about-top .about-image:after{display:block;content:"";padding-bottom:100%}.about .contact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:15px auto}.about .contact>div{color:#fff;display:flex;align-items:center;font-size:16px;margin:10px}.about .contact>div>i{font-size:16px;margin-right:10px}.about .contact>div>a{color:#fff}