@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap&text=%E2%86%90|%E2%86%92);
:root{--primary:#414042;--background:#f9f9f9;--secondary:#828282}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;background-color:var(--background);color:var(--primary)}body,h1,h2,h3{margin:0}h1{font-size:37.5px}h2,h3{font-size:30px}p{font-size:24px;line-height:144.2%}p.p_size_s{font-size:16px;line-height:105.2%}a{text-decoration:none;color:inherit}.nonmobile-body,.page-content{padding:0 3vw}.display-block{display:block!important}.yellow{color:#f6c32c}.post-content__body li,.post-content__body p,.wide-text{line-height:180%;letter-spacing:.08rem;font-size:16px}@media only screen and (min-width:600px){h1{font-size:73.2px}h2{font-size:37.5px}}@media only screen and (max-width:600px){.nonmobile-body{display:none}}@media only screen and (min-width:600px){.mobile-body{display:none}.nonmobile-body{display:block}}.landing-page{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 4vw;position:relative}.landing-page .angle-down{position:absolute;bottom:1%;left:50%;width:16px;height:16px;background:transparent;border-top:1px solid #828282;border-left:1px solid #828282;transform:rotate(-135deg);animation:bounce 2s infinite}.definition-list{position:absolute;top:52vh;width:82%;padding-left:1.5em;margin-left:1.5em;list-style:none;counter-reset:li}.definition-list li{opacity:0;margin-bottom:1em;font-size:16px;counter-increment:list-counter}.definition-list li:last-child{margin-bottom:0}.definition-list li:before{content:counter(list-counter) ".";font-weight:bolder;display:inline-block;width:1em;margin-left:-1em}li::marker{color:red}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(-135deg)}40%{transform:translateY(-8px) rotate(-135deg)}60%{transform:translateY(-4px) rotate(-135deg)}}@media only screen and (min-width:600px){.definition-list{margin-left:35vh;top:55%;width:40vw}.definition-list li{font-size:24px}.landing-page hr{position:absolute;bottom:-1vh;left:0;right:0}.landing-page__left{width:75%}.landing-page__right{width:25%}.landing-page__right img{opacity:0;margin-top:30vh;width:75%}.landing-page{flex-direction:row;align-items:center;justify-content:center;height:105vh}}@media only screen and (min-width:1200px){.definition-list{width:30vw}.landing-page__left{width:60%}.landing-page__right{width:40%}.landing-page__right img{width:50%}.landing-page{height:100vh}}.contact-page{min-height:85vh;display:flex;flex-direction:column;padding:4vh 4vw 0}.browser-contact-page{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.browser-contact-page__body{display:flex;align-items:flex-end;margin-bottom:10vh;padding:0 3vw}.browser-contact-page__body .browser-contact-page__body--left{padding-bottom:6vh}.browser-contact-page__body .browser-contact-page__body--right{flex-grow:1}.portfolio-page{height:100%}.portfolio-page .primary-title{padding-left:4vw}.portfolio-page .portfolio-page__project{margin-top:8vh;margin-bottom:30vh}.portfolio-page .portfolio-page__project:last-child{margin-bottom:15vh;margin-top:30vh}.portfolio-page ul{display:flex;list-style-type:none;margin-bottom:0;padding:0}.portfolio-page ul li{margin-left:.5rem}.portfolio-page ul li:first-child{margin-left:0}.browser-portfolio-page{margin-bottom:25vh}.browser-portfolio-page .browser-portfolio-page__body{padding:0 3vw}.browser-partner-page .browser-partner-page__body{width:100%;display:flex;flex-direction:column;align-items:center;margin:20vh 0}hr{width:50%;margin:0 auto;border:1px solid var(--secondary)}.scroll-wrapper-page{display:grid;grid-template-columns:4vw 1fr 4vw;align-content:start}.scroll-wrapper-page>*{grid-column:2/-2}.scroll-wrapper-page>.full{grid-column:1/-1}.skills-page{height:100%;margin-bottom:12vh}.skills-page .primary-title{padding-left:4vw}.browser-skills-page{height:100vh;display:flex;flex-direction:column}.browser-skills-page .browser-skills-page__body{flex-grow:1;display:flex;align-items:center;padding:0 3vw}.browser-team-page{min-height:100vh;display:flex;flex-direction:column}.browser-team-page .browser-team-page__body{min-height:90vh;flex-grow:1;display:flex;justify-content:center}.responsive-overlay{display:none;background-color:var(--background);position:fixed;top:0;width:100vw;height:100vh;z-index:1000}.responsive-overlay .responsive-overlay__phone-container{width:200px;height:200px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px}.responsive-overlay .responsive-overlay__phone-container p{display:inline-block;width:100%;text-align:center;margin:0;font-size:24px;opacity:0;color:var(--primary)}.responsive-overlay .phone-container__phone-item{position:relative;left:50%;margin-left:-50px;width:0;height:0;border:0 solid var(--primary);background:var(--background);border-radius:10px;box-sizing:border-box}.responsive-overlay .phone-container__phone-item i{text-align:center;width:100%;line-height:120px;font-size:50px;color:var(--primary);opacity:0}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (orientation:landscape){.phone-container__phone-item{transform:rotate(90deg)}.phone-container__phone-item i{transform:scaleX(-1)}.responsive-overlay .phone-container__phone-item{animation:sizeIncrease .5s ease forwards,borderIncrease .5s ease .5s forwards,rotateLeft .7s ease 1s forwards}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.phone-container__phone-item{transform:rotate(0deg)}.phone-container__phone-item i{transform:scaleX(1)}.responsive-overlay .phone-container__phone-item{animation:sizeIncrease .5s ease forwards,borderIncrease .5s ease .5s forwards,rotateRight .7s ease 1s forwards}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape),only screen and (min-device-width:414px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape),only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){body{overflow-y:hidden;overflow-x:hidden}.mobile-body,.nonmobile-body{opacity:0}.responsive-overlay{display:block}.responsive-overlay .phone-container__phone-item i{animation:fadeIn .5s ease .8s forwards}.responsive-overlay .responsive-overlay__phone-container p{animation:fadeIn .5s ease 1.3s forwards}}@keyframes sizeIncrease{0%{width:0;height:10px}50%{width:100px;height:10px}to{width:100px;height:160px}}@keyframes borderIncrease{to{border-width:20px 10px}}@keyframes fadeIn{to{color:var(--primary);opacity:1}}@keyframes rotateLeft{to{transform:rotate(0deg)}}@keyframes rotateRight{to{transform:rotate(90deg)}}.blog-page{margin-top:12vh;margin-bottom:5vh;margin-left:auto;padding:0 4vw}.blog-page .primary-title{justify-content:flex-end}.blog-page__header{margin:2rem 0}.blog-page__header span{display:none}.all-posts{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem}@media only screen and (max-width:1150px){.all-posts{grid-template-columns:1fr 1fr}}@media only screen and (max-width:768px){.all-posts{grid-template-columns:1fr}}@media only screen and (min-width:600px){.blog-page{padding:0}.blog-page .primary-title{justify-content:flex-end}.blog-page__header span{display:inline-block}.blog-page{margin-top:15vh}}.post-sidebar__wrapper{display:none}.post-container{margin-top:10vh}.post-sidebar{position:sticky;top:10vh;width:max-content;text-align:right}.post-sidebar a{display:block;font-size:24px;font-weight:lighter}.post-sidebar a i{margin-left:.5rem}.post-sidebar a:last-child{margin-top:1.5rem}.post-sidebar a:last-child span{margin-right:.5rem}.post-content{margin-left:auto}.post-content__banner{width:100%;height:25vh;object-fit:cover;border-radius:2px}.post-content__header h2{margin:2rem 0}.post-content__header:first-child h2{margin:0}.post-content__header-info{display:flex;width:100%;justify-content:space-between;margin-bottom:2rem}.post-content__header-info-left,.post-content__header-info-right{display:flex;align-items:center}.post-content__header-info-left p,.post-content__header-info-right p{margin:0}.post-content__header-info-left img{border-radius:50%;height:2rem;margin-right:.5rem}.post-content__header-info-left p span{display:none}.post-content__header-info-right i{margin-left:1rem;font-size:24px;cursor:pointer}.post-content__body{margin-bottom:3rem}.post-content__body li::marker{color:var(--primary)}.post-content__body h3{margin:2rem 0}.post-content__body a{text-decoration:underline}.post-content__body p{word-break:break-word}.post-content__body ul{padding-left:2rem}.post-content__body li{margin-bottom:1rem}.post-content__body .gist{margin:2rem 0}.post-content__body code{background-color:#f2f2f2;padding:2px 4px;font-size:16px;border-radius:2px;color:#1f1f1f}.post-content__body .code-block{background-color:#f2f2f2;padding:1.5rem;border-radius:2px;margin-bottom:1rem}.post-content__body .code-block code{padding:0}.post-content__body .code-block span{padding-left:2rem}.post-content__body .content__img{margin-top:3rem;margin-bottom:3rem}.post-content__body .content__img img{display:block;border-radius:.125rem;max-width:100%;margin:0 auto}.post-content__body .content__img p{font-size:.75rem;text-align:center}.post-content__body markdown{white-space:pre-line}.post-content__body markdown.js-parsed{white-space:normal}.post-content__body markdown code{background-color:none;max-width:100%;overflow:scroll}.post-content__body markdown pre code{display:inline-block}.post-content__body p>img+p>em{color:#00f}.post-content__body markdown p img{display:block;border-radius:.125rem;max-width:100%;margin:1rem auto}.post-content__body markdown blockquote{margin:1.875rem}.post-content__body markdown blockquote p{font-size:24px;margin:0;padding-left:1.875rem}.post-content__body markdown h6{text-align:center;margin-top:0;font-size:1rem;font-weight:lighter;opacity:.7}.post-content__body pre{background-color:#f2f2f2;padding:1.5rem;border-radius:2px;margin:1rem 0}@media only screen and (min-width:600px){.post-sidebar__wrapper{display:block}.post-container{margin-top:15vh;display:flex}.post-content{width:65%;margin-right:8vw;padding:0}.post-content__banner{height:50vh}.post-content__header-info-left p span{display:inline-block}.post-content__header-info-left img{margin-right:1rem}}.resources-page{margin-top:12vh;margin-bottom:5vh;margin-left:auto;padding:0 4vw}.resources-page .primary-title{justify-content:flex-end}.all-resources{display:grid;grid-template-columns:1fr;grid-gap:2rem}@media only screen and (min-width:600px){.resources-page{padding:0}.resources-page .primary-title{justify-content:flex-end}.resources-page__header span{display:inline-block}.resources-page{margin-top:15vh}}@media only screen and (min-width:1150px){.all-resources{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1150px){.all-resources{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){.all-resources{grid-template-columns:1fr 1fr}}@media only screen and (max-width:600px){.all-resources{grid-template-columns:1fr}}.primary-title{display:flex;position:relative;align-items:center;flex-wrap:wrap}.primary-title i{cursor:pointer;transition:clip-path 3s;font-size:24px;margin-left:.5em;opacity:0;transition:opacity .5s ease-in-out;clip-path:ellipse(100% 100% at 50% 50%)}.primary-title i.sound-icon--active{animation:volume-efect 4s linear infinite}.primary-title .primary-title__piece--underline{position:relative;font-weight:lighter}.primary-title .primary-title__piece--underline:before{content:"";border-bottom:.4em solid #f6c32c;position:absolute;width:100%;bottom:.05em;left:.03em;z-index:-1}.primary-title.expanded .primary-title__piece--with-dot{transition:margin .7s ease-in-out;margin-right:.5em}.primary-title.expanded .primary-title__piece--with-dot:after{content:".";position:absolute;bottom:20%;margin-left:.15em;color:#f6c32c;animation:appear 1.5s ease-in-out normal}.primary-title.expanded i{opacity:1}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes volume-efect{0%{clip-path:ellipse(100% 100% at 50% 50%)}17%{clip-path:ellipse(59% 41% at 32% 50%)}34%{clip-path:ellipse(46% 41% at 26% 50%)}49%{clip-path:ellipse(49% 71% at 0 51%)}68%{clip-path:ellipse(46% 41% at 26% 50%)}85%{clip-path:ellipse(59% 41% at 32% 50%)}to{clip-path:ellipse(100% 100% at 50% 50%)}}@media only screen and (min-width:600px){.primary-title.expanded i{font-size:37.5px}.primary-title{letter-spacing:.1em}.primary-title.expanded{margin-top:6vh}.landing-page{padding:0}.landing-page .primary-title.expanded{margin-top:0}.primary-title--right{justify-content:flex-end}}.define-btn{text-align:right;margin:0 28vw 0 auto;font-size:24px;font-weight:lighter;transition:all .7s ease-in-out;z-index:1;position:relative}.define-btn:hover{cursor:pointer}.define-btn.define-btn--disabled{pointer-events:none;opacity:0}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(0)}25%{transform:translate(10px)}}.schedule-btn{color:var(--primary);text-decoration:none}.schedule-btn i{transition:.5s;color:var(--primary);margin-left:1vw}.schedule-btn:hover{cursor:pointer}.schedule-btn:hover i{color:#f6c32c}.schedule-btn__text--underline{position:relative;display:inline-block}.schedule-btn__text--underline:before{content:"";border-bottom:.4em solid #f6c32c;position:absolute;width:100%;bottom:.12em;left:.03em;z-index:-1;transition:.5s}@media only screen and (min-width:600px){.define-btn{text-align:left;margin:1vh auto 0 32vw}.skills-btn,.skills-btns{display:flex}.skills-btn{width:14vw;height:14vw;align-items:flex-end;background-color:#1f1f1f;color:#f9f9f9;padding:1em;margin-right:1.8em;border-radius:2px;transition:all .3s ease-in-out;transform:scale(.99);position:relative}.skills-btn .skills-btn__arrow{position:absolute;right:2vh;bottom:8px}.skills-btn:hover{cursor:pointer;background-color:#f6c32c;color:#1f1f1f;transform:scale(1.02);box-shadow:0 3px 6px rgba(0,0,0,.2)}.skills-btn .skills-btn__main{display:flex;align-items:center;line-height:105.2%;margin-right:1em;padding-bottom:.8em}.skills-btn .skills-btn__main i{font-size:32px;margin-right:.4em}.skills-btn .skills-btn__main p{line-height:105.2%;font-size:16px}.skills-btn .skills-btn__arrow p{margin:0}.schedule-btn__text--underline:before{width:0}.schedule-btn__text--underline:hover:before{width:100%}}@media only screen and (max-width:1150px){.skills-btns{display:block}.skills-btn{margin-top:1vh;margin-left:5vh}.skills-btn:nth-child(2){margin-left:10vh}.skills-btn:nth-child(3){margin-left:15vh}}.browser-contact-page__body--left .basic-text{font-size:30px}svg{margin-top:3vh;width:95vw;height:auto}.drawing{stroke-dasharray:88947;stroke-dashoffset:88947;stroke-width:70;stroke:var(--primary)}.drawing--animate{animation:draw 7s ease-in forwards}@keyframes draw{0%{stroke-dashoffset:88947}to{stroke-dashoffset:0}}@media only screen and (min-width:600px){svg{width:100%;height:auto}}.contacts-bar{display:flex;margin-top:8vh}.contacts-bar h2{margin-right:.4em}.contacts-bar .contacts-bar__link{font-size:37.5px;color:#828282;text-decoration:none;margin-right:.3em}.contacts-bar .contacts-bar__link:hover{color:#f6c32c}.burger-icon{position:fixed;top:1vh;right:1vh;width:4rem;height:4rem;cursor:pointer;z-index:3;transition:top .5s ease-in-out}.burger-icon.burger-icon--active .burger-icon__middle{background:transparent}.burger-icon.burger-icon--active .burger-icon__middle:before{top:0;transform:rotate(45deg)}.burger-icon.burger-icon--active .burger-icon__middle:after{top:0;transform:rotate(135deg)}.burger-icon__middle{width:40px;height:.2rem;background-color:var(--primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s}.burger-icon__middle:after,.burger-icon__middle:before{content:"";position:absolute;width:40px;height:.2rem;background:var(--primary);transition:.5s}.burger-icon__middle:before{top:-16px}.burger-icon__middle:after{top:16px}@media only screen and (min-width:600px){.burger-icon{display:none}}.navbar-menu{position:fixed;top:0;width:100vw;height:0;background-color:var(--background);z-index:-1;transition:all 1s ease;opacity:0}.navbar-menu.navbar-menu--active{opacity:1;z-index:2;height:100vh}.navbar-menu .navbar-menu__logo{opacity:0;height:3rem;position:absolute;top:2vh;left:1.5em;transition:opacity .5s ease-in-out}.navbar-menu.navbar-menu--active .navbar-menu__logo{opacity:1}.navbar-menu .navbar-menu__links-list{width:80vw;opacity:0;list-style:none;padding-left:1.5em;transition:opacity .5s ease-in-out;transition-delay:.5s;margin-top:15vh}.navbar-menu .navbar-menu__links-list li{margin-bottom:1em;font-size:37.5px;font-weight:bolder;pointer-events:none}.navbar-menu .navbar-menu__links-list li:last-child{margin-bottom:0}.navbar-menu.navbar-menu--active .navbar-menu__links-list{opacity:1}.navbar-menu.navbar-menu--active .navbar-menu__links-list li{pointer-events:all}.navbar-menu .navbar-menu__contact{font-size:24px;margin:0;position:absolute;bottom:10vh;width:100vw;opacity:0;transition:opacity .5s ease-in-out;transition-delay:.7s;color:#828282;pointer-events:none;padding-left:1.1em}.navbar-menu.navbar-menu--active .navbar-menu__contact{opacity:1;pointer-events:all}.browser-navbar{display:none}@media only screen and (min-width:600px){.browser-navbar{display:block;text-align:end;position:fixed;right:2vw;top:0;transition:top .5s ease-in-out;z-index:15;background-color:var(--background);width:100%;display:flex;justify-content:flex-end}.browser-navbar__links-list{list-style:none;display:flex}.browser-navbar__links-list li{font-size:24px;margin-left:3vw;position:relative;display:inline-block}.browser-navbar__links-list li:before{content:"";border-bottom:.2em solid #f6c32c;position:absolute;width:0;bottom:.12em;left:-5%;z-index:-1;transition:.5s}.browser-navbar__links-list li:hover:before{width:110%}}.partner-list{margin:6vh 0 4vh;list-style:none;padding:0;align-items:center;display:flex;justify-content:center;flex-wrap:wrap;width:80%;overflow-x:scroll}.partner-list::-webkit-scrollbar{display:none}.partner-list__item img{height:auto;width:240px;opacity:.6;transition:all .3s linear;transform:scale(.98)}.partner-list__item img:hover{opacity:1;transform:scale(1.02)}.partner-list__item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 2vw}.team-transition{position:relative}.team-transition a{font-size:24px}.team-transition img{box-shadow:0 3px 6px rgba(0,0,0,.2);border-radius:2px;width:28vw}.team-transition--part-one{display:flex;justify-content:space-around;align-items:center;width:100%;position:absolute;top:25%;z-index:10}.team-transition--part-two{display:flex;flex-direction:column;align-items:center;font-size:30px;position:absolute}.team-transition--part-two p{font-size:30px}.team-transition--part-two a{margin:2vh auto;opacity:0}.team-transition--part-two .team-transition_nico--part-two,.team-transition--part-two .team-transition_sy--part-two{display:flex;align-items:center;justify-content:space-between;width:100%;opacity:0}.team-transition--part-two .team-transition_nico--part-two p{padding-left:2vw;margin-right:18vw}.team-transition--part-two .team-transition_sy--part-two div h3{padding-left:3vw}.team-transition--part-two .team-transition_sy--part-two div ul{padding-left:6vw;list-style-type:none}.team-transition--part-two .team-transition_sy--part-two div ul li:before{content:"→";font-weight:bolder;display:inline-block;width:1.2em;margin-left:-1.2em}.team-transition--part-three{padding:0 6vw;height:95%;display:flex;flex-direction:column;justify-content:space-around;position:absolute}.team-transition--part-three p{font-size:16px;margin-bottom:0}.team-transition--part-three a{opacity:0}.team-transition--part-three p.quote{font-size:24px;margin:0}.team-transition--part-three .team-transition_nico--part-three,.team-transition--part-three .team-transition_sy--part-three{display:flex;opacity:0}.team-transition_nico--part-three div,.team-transition_sy--part-three div{padding-left:6vw;display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width:600px){.team-transition_nico--part-two p{width:40vw}.team-transition_sy--part-two div{width:35vw}.team-transition img{width:28vw;margin-top:5vh}.team-transition--part-three img{height:22vw;object-fit:cover}}@media only screen and (min-width:1025px){.team-transition_nico--part-two p,.team-transition_sy--part-two div{width:30vw}.team-transition img{width:26vw;height:auto;margin-top:0}}.skills-display{flex-grow:1;width:auto;height:40%;display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-gap:1rem;align-items:center}.skills-display img{display:none;max-width:60px;height:auto}.skills-display p{display:none;opacity:0;font-size:30px}.skills-display.design{height:35%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 3vw}.text__first,.text__second,.text__third{position:relative}.text__word{opacity:0;font-weight:900}.text__first--bg,.text__second--bg,.text__third--bg{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:100;transform-origin:left;transform:scaleX(0);background-color:#f6c32c}.browser-navbar__flashlight.lit{text-shadow:0 0 5px #f9f9f9,0 0 10px #f9f9f9,0 0 20px #f6c32c,0 0 40px #f6c32c,0 0 80px #f6c32c,0 0 90px #f6c32c,0 0 100px #f6c32c,0 0 150px #f6c32c}.browser-navbar__flashlight:hover{cursor:pointer}.browser-navbar__flashlight:hover:hover:before{width:0}.browser-konami-code{font-family:Press Start\ 2P,Lato;position:absolute;bottom:0;right:0;padding:0 3vw;background:var(--background);z-index:-1}.browser-konami-code span{display:none}.video-modal{transition:all .5s ease-out;opacity:0;background-color:rgba(31,31,31,.99);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;z-index:-10;top:0;pointer-events:none}.video-modal.video-modal__active{opacity:1;pointer-events:all;z-index:100}.video-modal .modal-close-icon{position:fixed;top:1vh;left:1vh;width:3rem;height:3rem;cursor:pointer;z-index:3}.video-modal .modal-close-icon:after,.video-modal .modal-close-icon:before{content:"";color:#f9f9f9;position:absolute;width:40px;height:.2rem;background:var(--primary);transition:.5s}.video-modal .modal-close-icon:before{top:24px;transform:rotate(45deg)}.video-modal .modal-close-icon:after{top:24px;transform:rotate(135deg)}.embed-container{--video--width:1296;--video--height:540;padding-bottom:calc(var(--video--height)/var(--video--width)*100%);overflow:hidden;max-width:100%;background:#000}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:10vh;left:0;width:100%;height:80%}.share-dropdown{display:none;position:absolute;background-color:var(--background);padding:.7em;border-radius:2rem;top:115%;right:-1rem;width:max-content;list-style:none;text-align:left;box-shadow:0 0 2px var(--primary)}.share-dropdown.active{display:block}.share-dropdown.top{bottom:115%;top:auto}.share-dropdown i{margin:0!important;font-size:24px;transition:.3s}.share-dropdown i:hover{opacity:.7;transform:scale(1.05)}.share-dropdown a{margin:0!important}.share-dropdown li{position:relative}p.share-btn{margin:0}.share-btn{position:relative;cursor:pointer}.share-dropdown__tooltip{position:absolute;right:200%;width:max-content;top:25%;background:var(--background);font-size:1rem;opacity:0;transition:opacity .3s ease-in-out;margin:0;padding:.25rem .5rem;border-radius:.125rem;box-shadow:0 0 2px var(--primary);color:var(--primary)}.share-dropdown__tooltip.active{opacity:1}.portfolio-card{display:flex;margin-top:25vh;align-items:center}.portfolio-card-info{padding-right:4vw;width:50%}.portfolio-card-info .portfolio-card-info__tags{display:flex}.portfolio-card-info .portfolio-card-info__context{color:var(--secondary)}.portfolio-card-info .portfolio-card-info__title i{cursor:pointer}.portfolio-card--inverse .portfolio-card-info{padding-left:4vw}.portfolio-card-info__tags{flex-wrap:wrap}.portfolio-card-info__tags p{margin:0 1em 0 0}.portfolio-card-display{height:400px;position:relative;flex-grow:1}.portfolio-card-display .portfolio-card-display__background,.portfolio-card-display .portfolio-card-display__image{position:relative}.portfolio-card-display__background{width:100%;height:100%;background:#1f1f1f;border-radius:2px}.portfolio-card-display__image{width:40vw;right:-50px;bottom:120px;transform:rotate(3deg)}.portfolio-card-display__image .portfolio-card-display__image--instamove{margin-top:60px}.portfolio-card-display__image .portfolio-card-display__image--mangotree{margin-top:80px}.portfolio-card-display__image .portfolio-card-display__image--gate-zero{margin-top:40px}.portfolio-card-display__image .portfolio-card-display__image--carinspect{margin-top:60px;transform:rotate(3deg)}@media only screen and (min-width:600px){.portfolio-card-display__image__tablet{right:6vw}.portfolio-card-display__image--instamove{width:50vw}.portfolio-card-display__image--mangotree{width:40vw}.portfolio-card-display__image--gate-zero{width:35vw}.portfolio-card-display__image--carinspect{width:48vw}}@media only screen and (min-width:1025px){.portfolio-card-display__image__tablet{right:-1vw}.portfolio-card-display__image--instamove{margin-left:-80px;right:80px}.portfolio-card-display__image--mangotree{margin-left:0}.portfolio-card-display__image--gate-zero{margin-left:3vh;right:-10px}.portfolio-card-display__image--carinspect{margin-left:-70px;transform:rotate(3deg)}}@media only screen and (min-width:1125px){.portfolio-card-display__image--gate-zero,.portfolio-card-display__image--mangotree{width:auto;margin-left:5vh}.portfolio-card-display__image--carinspect,.portfolio-card-display__image--instamove{width:auto}}.post-card p{margin:0}.post-card__image-wrapper{overflow:hidden;width:100%;height:25vh;min-height:11rem;border-radius:2px}.post-card__image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;transform:scale(1.0005)}.post-card__image-wrapper img:hover{transform:scale(1.02)}.post-card__featured .post-card__image-wrapper{height:25vh}.post-card__featured .post-card__title p{margin:1rem 0}.post-card__header{width:100%;justify-content:space-between;margin-top:.7rem}.post-card__header,.post-card__header-info{display:flex;align-items:center}.post-card__header-info img{border-radius:50%;height:2rem;margin-right:1rem}.post-card__header-info p{color:var(--secondary)}.post-card__title{margin:.7rem 0}.post-card__title h3{margin-bottom:.5rem}@media only screen and (max-width:1150px){.post-card__title h3{font-size:24px;line-height:144.2%}}@media only screen and (max-width:600px){.post-card__title h3{margin-top:1.5rem;text-transform:uppercase;font-size:16px}.recent-posts .post-card{margin-bottom:3rem}}@media only screen and (min-width:768px){.recent-posts{display:flex;justify-content:space-between}.recent-posts .recent-posts__primary{width:calc(60% - 1.5vw)}.recent-posts .recent-posts__primary .post-card>.post-card__image-wrapper{height:46vh}.recent-posts .recent-posts__secondary{width:calc(40% - 1.5vw)}.recent-posts .recent-posts__secondary .post-card:first-child{margin-bottom:1.5rem}.post-card__featured .post-card__image-wrapper{height:50vh}}@media only screen and (min-width:1150px){.recent-posts__primary .post-card__title{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.recent-posts__primary h3{line-height:1.5rem;margin:0}}.resource-card{cursor:pointer;position:relative;width:100%;height:16rem;background-color:#1f1f1f;border-radius:.125rem;color:#f9f9f9;display:flex;align-items:flex-end}.resource-card p.resource-card__title{position:absolute;left:10%;bottom:5%}.resource-card img{position:absolute;right:5%;top:5%;height:15%;z-index:10}.resource-card .arrow-right{position:absolute;right:5%;bottom:5%;z-index:10;margin:0}.flipable-resource-card{display:none;transition:transform 1s;transform-style:preserve-3d;cursor:pointer;position:relative;width:100%;height:16rem;perspective:600px}.flipable-resource-card p.resource-card__title{position:absolute;left:10%;bottom:5%}.flipable-resource-card img{transition:opacity 1s;position:absolute;right:5%;top:5%;height:15%}.flipable-resource-card .arrow-right{transition:opacity 1s;position:absolute;right:5%;bottom:5%;margin:0}.flipable-resource-card.is-flipped{transform:rotateY(180deg)}.flipable-resource-card.is-flipped .card__face--front .arrow-right,.flipable-resource-card.is-flipped .card__face--front img{opacity:0}.card__face{position:absolute;width:100%;height:100%;color:#f9f9f9;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.125rem}.card__face--front{background:#1f1f1f}.card__face--back{background:#f6c32c;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.card__face--back .post-content__body p,.card__face--back p.wide-text,.post-content__body .card__face--back p{padding:0 1.5rem}.resource-card__overlay{height:100%;background-color:#f6c32c;position:absolute;top:0;left:0;width:100%;opacity:0;border-radius:.125rem;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out;display:flex;align-items:center;justify-content:center}.resource-card__overlay:hover{cursor:pointer;background-color:#f6c32c;color:#1f1f1f;transform:scale(1.02);box-shadow:0 3px 6px rgba(0,0,0,.2);opacity:1}.resource-card__overlay p{color:#f9f9f9;padding:0 1.5rem}@media only screen and (max-width:600px){.flipable-resource-card{display:block}.resource-card{display:none}}.partner-scroll-wrapper{margin:8vh 0;list-style:none;padding:0;flex-direction:column;align-items:center;display:grid;grid-gap:3vw;grid-template-columns:12vw repeat(10,208px);grid-template-rows:minmax(80px,1fr);overflow-x:scroll;scroll-snap-type:x proximity}.partner-scroll-wrapper::-webkit-scrollbar{display:none}.partner-scroll-wrapper:before{content:""}.partner-scroll-wrapper__item img{height:auto;width:192px;margin-right:16vw}.partner-scroll-wrapper__item{scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.partner-scroll-wrapper__item img{opacity:.6;transition:all .3s linear;transform:scale(.98)}.partner-scroll-wrapper__item img:hover{opacity:1;transform:scale(1.02)}@media only screen and (min-width:600px){.partner-scroll-wrapper__item img{margin-right:2vw}}.portfolio-scroll-wrapper{position:relative;flex-direction:column;align-items:center;display:grid;grid-gap:6vw;grid-template-columns:6vw 12vw 70vw 88vw 20vw 6vw;grid-template-rows:minmax(300px,auto);overflow-y:hidden;overflow-x:scroll;scroll-snap-type:x proximity}.portfolio-scroll-wrapper::-webkit-scrollbar{display:none}.portfolio-scroll-wrapper .portfolio-scroll-wrapper__item{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f9f9f9}.portfolio-scroll-wrapper .portfolio-scroll-wrapper__item-preview{transform:scaleX(-1)}.portfolio-scroll-wrapper img.item-preview--rotated{position:absolute;transform:rotate(22deg);height:70vw}.portfolio-scroll-wrapper .portfolio-scroll-wrapper__item--portfolio{margin-top:auto;height:92%;width:80vw;text-align:left;padding-left:18vw}.portfolio-scroll-wrapper .portfolio-scroll-wrapper__item--portfolio p{font-size:16px;line-height:2.2rem}.portfolio-page__project--left h3{text-align:right}.portfolio-page__project--left ul{justify-content:flex-end}.portfolio-page__project--left img{position:absolute;transform:rotate(24deg) translate(9vw,-1vw);height:62vw}.portfolio-page__project--left.project__mangotree img{transform:rotate(-7deg) translate(20vw,3vw);height:68vw}.portfolio-page__project--left .portfolio-scroll-wrapper__item-preview{padding-right:20vw}.portfolio-page__project--left .portfolio-scroll-wrapper__item--portfolio{padding-left:0;transform:translateX(-12vw)}.portfolio-scroll-wrapper:after,.portfolio-scroll-wrapper:before{content:""}.portfolio-scroll-wrapper__item:first-child{font-size:24px;animation:slide-left 2s ease-in-out infinite;margin-top:auto}.portfolio-scroll-wrapper__item:first-child p{margin:0}.portfolio-scroll-wrapper__item:last-child{align-items:start;font-size:24px;animation:slide-right 2s ease-in-out infinite;margin-top:auto}.portfolio-scroll-wrapper__item:last-child p{margin:0}.portfolio-scroll-wrapper__background{height:92%;background:#1f1f1f;position:absolute;bottom:0;left:9vw;width:202vw;z-index:-2;border-radius:2px}.skills-scroll-wrapper{position:relative;margin:8vh 0 0;flex-direction:column;align-items:center;display:grid;grid-gap:6vw;grid-template-columns:20px 50px 240px 1270px 20px;grid-template-rows:minmax(92px,auto);overflow-x:scroll;scroll-snap-type:x proximity}.skills-scroll-wrapper::-webkit-scrollbar{display:none}.skills-scroll-wrapper .skills-scroll-wrapper__item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:#f9f9f9}.skills-scroll-wrapper .skills-scroll-wrapper__item-summary{flex-direction:row;margin-left:4vw;width:100%}.skills-scroll-wrapper .skills-scroll-wrapper__item--extended{align-items:flex-start;margin-left:10vw}.skills-scroll-wrapper .skills-scroll-wrapper__item--icons{flex-direction:row}.skills-scroll-wrapper .skills-scroll-wrapper__background{height:75%;background:#1f1f1f;position:absolute;bottom:2vh;left:9vw;border-radius:2px;width:1590px;z-index:-2}.skills-scroll-wrapper .skills-scroll-wrapper__item__text{display:flex}.skills-scroll-wrapper .skills-scroll-wrapper__item__text p{margin-right:.4rem}.skills-scroll-wrapper--custom{grid-template-columns:20px 50px 240px 1235px 20px}.skills-scroll-wrapper--custom .skills-scroll-wrapper__background{width:1565px}.skills-scroll-wrapper__item-summary i{font-size:28.8px}.skills-scroll-wrapper__item-summary p{text-align:right;margin-right:8vw}.skills-scroll-wrapper--dynamic{grid-template-columns:32px 2830px 210px 125px 20px}.skills-scroll-wrapper--dynamic .skills-scroll-wrapper__background{width:3200px}.skills-scroll-wrapper--dynamic .skills-scroll-wrapper__item-summary p{text-align:left;margin-right:0;margin-left:4vw}.skills-scroll-wrapper__item--icons img{margin-right:1.5em}.skills-scroll-wrapper:after,.skills-scroll-wrapper:before{content:""}.skills-scroll-wrapper__item--left-arrow{font-size:24px;animation:slide-left 2s ease-in-out infinite}.skills-scroll-wrapper__item--left-arrow p{margin:0}.skills-scroll-wrapper__item--right-arrow{font-size:24px;animation:slide-right 2s ease-in-out infinite}.skills-scroll-wrapper__item--right-arrow p{margin:0}.team-scroll-wrapper{flex-direction:column;margin:12vh 0;align-items:center;display:grid;grid-gap:6vw;grid-template-columns:6vw 12vw repeat(5,80vw) 20vw 6vw;grid-template-rows:minmax(120px,auto);overflow-x:scroll;scroll-snap-type:x proximity}.team-scroll-wrapper::-webkit-scrollbar{display:none}.team-scroll-wrapper ul{list-style-type:none;padding-right:6vw}.team-scroll-wrapper ul li:before{content:"→";font-weight:bolder;display:inline-block;width:1.2em;margin-left:-1.2em}.team-scroll-wrapper .team-scroll-wrapper__item{display:flex;flex-direction:column;justify-content:center;align-items:center}.team-scroll-wrapper .team-scroll-wrapper__item--nico img{transform:scaleX(-1)}.team-scroll-wrapper .team-scroll-wrapper__item li{font-size:24px}.team-scroll-wrapper .team-scroll-wrapper__item--team{text-align:left;padding-left:6vw}.team-scroll-wrapper:after,.team-scroll-wrapper:before{content:""}.team-scroll-wrapper__item:first-child{font-size:24px;animation:slide-left 2s ease-in-out infinite}.team-scroll-wrapper__item:last-child{align-items:start;font-size:24px;animation:slide-right 2s ease-in-out infinite}.team-scroll-card{position:relative;width:300px;height:200px}.team-scroll-card>*{position:absolute;top:0;left:0;width:100%;height:100%}.team-scroll-card__image{display:block}.team-scroll-card__fig{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:center;opacity:0;font-size:24px;color:#fff;background-color:rgba(0,0,0,.5);transition:opacity .3s ease}.team-scroll-card__fig em{padding:.5em}.card:focus-within .team-scroll-card__fig,.team-scroll-card:hover .team-scroll-card__fig{opacity:1}@keyframes slide-right{0%,to{transform:translate(0)}50%{transform:translate(0)}25%{transform:translate(10px)}}@keyframes slide-left{0%,to{transform:translate(0)}50%{transform:translate(0)}25%{transform:translate(-10px)}}