a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:AvantSans;src:url(/fonts/AvantSans-Regular.eot);src:url(/fonts/AvantSans-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/AvantSans-Regular.woff2) format("woff2"),url(/fonts/AvantSans-Regular.woff) format("woff"),url(/fonts/AvantSans-Regular.ttf) format("truetype"),url(/fonts/AvantSans-Regular.svg) format("svg");font-weight:500;font-style:normal}@font-face{font-family:AvantSansGX;src:url(/fonts/AvantSansGX.woff2) format("woff2-variations");src:url(/fonts/AvantSansGX.woff2) format("woff2");font-weight:100 900}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk[wght].woff2) format("woff2-variations");src:url(/fonts/SpaceGrotesk[wght].woff2) format("woff2")}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-Bold.eot);src:local("Mabry Pro Bold"),local("MabryPro-Bold"),url(/fonts/mabry/MabryPro-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-Bold.woff2) format("woff2"),url(/fonts/mabry/MabryPro-Bold.woff) format("woff"),url(/fonts/mabry/MabryPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-Medium.eot);src:local("Mabry Pro Medium"),local("MabryPro-Medium"),url(/fonts/mabry/MabryPro-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-Medium.woff2) format("woff2"),url(/fonts/mabry/MabryPro-Medium.woff) format("woff"),url(/fonts/mabry/MabryPro-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-Black.eot);src:local("Mabry Pro Black"),local("MabryPro-Black"),url(/fonts/mabry/MabryPro-Black.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-Black.woff2) format("woff2"),url(/fonts/mabry/MabryPro-Black.woff) format("woff"),url(/fonts/mabry/MabryPro-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-LightItalic.eot);src:local("Mabry Pro Light Italic"),local("MabryPro-LightItalic"),url(/fonts/mabry/MabryPro-LightItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-LightItalic.woff2) format("woff2"),url(/fonts/mabry/MabryPro-LightItalic.woff) format("woff"),url(/fonts/mabry/MabryPro-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-BoldItalic.eot);src:local("Mabry Pro Bold Italic"),local("MabryPro-BoldItalic"),url(/fonts/mabry/MabryPro-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-BoldItalic.woff2) format("woff2"),url(/fonts/mabry/MabryPro-BoldItalic.woff) format("woff"),url(/fonts/mabry/MabryPro-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-Light.eot);src:local("Mabry Pro Light"),local("MabryPro-Light"),url(/fonts/mabry/MabryPro-Light.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-Light.woff2) format("woff2"),url(/fonts/mabry/MabryPro-Light.woff) format("woff"),url(/fonts/mabry/MabryPro-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-BlackItalic.eot);src:local("Mabry Pro Black Italic"),local("MabryPro-BlackItalic"),url(/fonts/mabry/MabryPro-BlackItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-BlackItalic.woff2) format("woff2"),url(/fonts/mabry/MabryPro-BlackItalic.woff) format("woff"),url(/fonts/mabry/MabryPro-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-MediumItalic.eot);src:local("Mabry Pro Medium Italic"),local("MabryPro-MediumItalic"),url(/fonts/mabry/MabryPro-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-MediumItalic.woff2) format("woff2"),url(/fonts/mabry/MabryPro-MediumItalic.woff) format("woff"),url(/fonts/mabry/MabryPro-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-Italic.eot);src:local("Mabry Pro Italic"),local("MabryPro-Italic"),url(/fonts/mabry/MabryPro-Italic.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-Italic.woff2) format("woff2"),url(/fonts/mabry/MabryPro-Italic.woff) format("woff"),url(/fonts/mabry/MabryPro-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/mabry/MabryPro-Regular.eot);src:local("Mabry Pro"),local("MabryPro-Regular"),url(/fonts/mabry/MabryPro-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/mabry/MabryPro-Regular.woff2) format("woff2"),url(/fonts/mabry/MabryPro-Regular.woff) format("woff"),url(/fonts/mabry/MabryPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v126/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.content{margin:0 0 600px;background-color:#fff;position:relative;box-shadow:0 24px 48px -16px rgba(51,51,51,.25);z-index:1}.content .drawer-active{overflow:hidden}@media(max-width:767px){.content{margin:0 0 100vh}}.content a{font-size:2rem;position:relative;z-index:1}.content a:before{content:"";position:absolute;left:0;bottom:-3px;height:18px;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out}.content a:hover:before{height:20px;bottom:10px}.drawer{height:110vh;background:#fff;z-index:20}.drawer,.drawer--overlay{width:100%;position:fixed;top:0}.drawer--overlay{height:100vh;left:0;z-index:19;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.drawer--overlay:hover{cursor:pointer}.drawer h3{font-size:2.5rem;font-weight:700;font-variation-settings:"wght" 900}.drawer-wrapper-experience{margin:40px 0 0}.drawer-wrapper-experience:last-child{margin-bottom:160px}.drawer-wrapper-experience .company{font-size:2.25rem;font-weight:700;font-variation-settings:"wght" 700}.drawer-wrapper-experience .title{font-size:1.5rem}.drawer-wrapper-experience .date{font-size:1.5rem;color:rgba(51,51,51,.65)}.drawer--wrapper{padding:40px 32px}.drawer--wrapper-me{height:700px;background-position:50%;background-size:cover;position:relative;top:-132px}@media(max-width:991px){.drawer--wrapper-me{height:400px}}.drawer--wrapper-me .icon-button{position:fixed;top:32px;right:32px}.drawer--wrapper-cta{position:-webkit-sticky;position:sticky;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;z-index:1}.drawer--wrapper-intro{margin-top:12px}.drawer--wrapper .about--skills h4{font-size:2rem;margin:0 0 24px;font-weight:700;font-variation-settings:"wght" 700}.drawer--wrapper .about--skills ul{margin:0 0 12px}.drawer--wrapper a:before{height:12px!important;bottom:-1px!important}.drawer--wrapper a:hover:before{height:16px!important;bottom:3px!important}.drawer--wrapper .container-wrapper{padding:40px 0}.drawer--portfolio{left:0;max-width:550px}.drawer--about,.drawer--portfolio{box-shadow:20px 2px 45px 0 transparent,-10px 10px 25px -5px transparent}.drawer--about{right:0;max-width:750px;overflow-y:scroll}.footer{background:#fff;text-align:center;height:600px;position:fixed;width:100%;left:0;bottom:0;display:flex;align-items:center;z-index:0}@media(max-width:767px){.footer{height:110vh}}.footer h2{font-size:2.75rem;font-weight:500;font-variation-settings:"wght" 500;margin-bottom:80px}.footer--copyright{font-size:1.25rem}.footer a{position:relative;z-index:1}.footer a:before{content:"";position:absolute;left:0;bottom:-3px;height:18px;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out}.footer a:hover:before{height:20px;bottom:1px}.item-1{width:calc(8.3333333333% * 1);padding:calc(24px / 2)}@media(max-width:767px){.item-small-1{width:calc(8.3333333333% * 1);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-1{width:calc(8.3333333333% * 1);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-1{width:calc(8.3333333333% * 1);padding:calc(24px / 2)}}.item-2{width:calc(8.3333333333% * 2);padding:calc(24px / 2)}@media(max-width:767px){.item-small-2{width:calc(8.3333333333% * 2);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-2{width:calc(8.3333333333% * 2);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-2{width:calc(8.3333333333% * 2);padding:calc(24px / 2)}}.item-3{width:calc(8.3333333333% * 3);padding:calc(24px / 2)}@media(max-width:767px){.item-small-3{width:calc(8.3333333333% * 3);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-3{width:calc(8.3333333333% * 3);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-3{width:calc(8.3333333333% * 3);padding:calc(24px / 2)}}.item-4{width:calc(8.3333333333% * 4);padding:calc(24px / 2)}@media(max-width:767px){.item-small-4{width:calc(8.3333333333% * 4);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-4{width:calc(8.3333333333% * 4);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-4{width:calc(8.3333333333% * 4);padding:calc(24px / 2)}}.item-5{width:calc(8.3333333333% * 5);padding:calc(24px / 2)}@media(max-width:767px){.item-small-5{width:calc(8.3333333333% * 5);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-5{width:calc(8.3333333333% * 5);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-5{width:calc(8.3333333333% * 5);padding:calc(24px / 2)}}.item-6{width:calc(8.3333333333% * 6);padding:calc(24px / 2)}@media(max-width:767px){.item-small-6{width:calc(8.3333333333% * 6);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-6{width:calc(8.3333333333% * 6);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-6{width:calc(8.3333333333% * 6);padding:calc(24px / 2)}}.item-7{width:calc(8.3333333333% * 7);padding:calc(24px / 2)}@media(max-width:767px){.item-small-7{width:calc(8.3333333333% * 7);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-7{width:calc(8.3333333333% * 7);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-7{width:calc(8.3333333333% * 7);padding:calc(24px / 2)}}.item-8{width:calc(8.3333333333% * 8);padding:calc(24px / 2)}@media(max-width:767px){.item-small-8{width:calc(8.3333333333% * 8);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-8{width:calc(8.3333333333% * 8);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-8{width:calc(8.3333333333% * 8);padding:calc(24px / 2)}}.item-9{width:calc(8.3333333333% * 9);padding:calc(24px / 2)}@media(max-width:767px){.item-small-9{width:calc(8.3333333333% * 9);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-9{width:calc(8.3333333333% * 9);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-9{width:calc(8.3333333333% * 9);padding:calc(24px / 2)}}.item-10{width:calc(8.3333333333% * 10);padding:calc(24px / 2)}@media(max-width:767px){.item-small-10{width:calc(8.3333333333% * 10);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-10{width:calc(8.3333333333% * 10);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-10{width:calc(8.3333333333% * 10);padding:calc(24px / 2)}}.item-11{width:calc(8.3333333333% * 11);padding:calc(24px / 2)}@media(max-width:767px){.item-small-11{width:calc(8.3333333333% * 11);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-11{width:calc(8.3333333333% * 11);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-11{width:calc(8.3333333333% * 11);padding:calc(24px / 2)}}.item-12{width:calc(8.3333333333% * 12);padding:calc(24px / 2)}@media(max-width:767px){.item-small-12{width:calc(8.3333333333% * 12);padding:calc(24px / 2)}}@media(max-width:991px){.item-medium-12{width:calc(8.3333333333% * 12);padding:calc(24px / 2)}}@media(max-width:1200px){.item-large-12{width:calc(8.3333333333% * 12);padding:calc(24px / 2)}}.container-wrapper{margin:0 auto;display:flex;flex-wrap:wrap;padding:0 20px}@media(max-width:768px){.container-wrapper{padding:0 16px}}.container-wrapper.container-small{max-width:900px!important}.container-wrapper.container-medium{max-width:1200px!important}.container-wrapper.container-large{max-width:1600px!important}.container-wrapper.fixed{max-width:2080px}.header{position:fixed;width:100%;left:0;top:0;transform:translateY(0);transition:transform .8s ease;z-index:20}.header.hidden{transform:translateY(-200%)}.header--wrapper{top:0;padding:40px 24px;transition:all .5s ease-in-out;position:relative}.header--wrapper.menuscroll{top:-200px}.header--wrapper .container-wrapper{padding:0}.header--wrapper.frost{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(max-width:767px){.header--wrapper{position:relative;top:-55px;padding:16px}.header .container-wrapper{padding:0}}.header--left{display:flex;align-items:center;order:1}@media(max-width:767px){.header--left{order:2}.header--left:hover{top:0!important}}.header--logo{position:relative;transition:all .3s ease-in-out;z-index:10;top:0;order:2}.header--logo:hover{cursor:pointer}@media(max-width:767px){.header--logo{order:1}}.header--logo svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-75%);width:100%}@media(max-width:767px){.header--logo svg{position:relative;top:10px;left:0;transform:translate(0)}}@-webkit-keyframes logoInitialAnimation{0%{fill:#fff!important}95%{fill:#fff!important}to{fill:#333}}@keyframes logoInitialAnimation{0%{fill:#fff!important}95%{fill:#fff!important}to{fill:#333}}.header--logo.no-hover:hover{pointer-events:none;cursor:default;opacity:1}.header--logo:focus,.header--logo:hover{top:15px}@media(max-width:767px){.header--logo:focus,.header--logo:hover{top:0!important}}.header--right{display:flex;align-items:center;justify-content:flex-end;text-align:right;order:3}.header a{font-size:1.5rem;font-weight:700;font-variation-settings:"wght" 700;position:relative;z-index:1;z-index:2}.header a:before{content:"";position:absolute;left:0;bottom:-3px;height:0;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out}.header a:focus:before,.header a:hover:before{height:12px}.icon{color:#333}.icon--small{font-size:18px}.icon--large{font-size:32px}.icon-button{display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;border:0}.icon-button:hover{cursor:pointer}.icon-button--small{height:32px;width:32px;border-radius:calc(32px / 2)}.icon-button--medium{height:40px;width:40px;border-radius:calc(40px / 2)}.icon-button--large{height:52px;width:52px;border-radius:calc(52px / 2)}.icon-button--text{background:rgba(51,51,51,0)}.icon-button--text:hover{background:rgba(51,51,51,.12)}.logo--path{fill:#333;transition:all .3s ease-in-out}.logo--white .logo--path{fill:#fff}.portfolio-page{padding-top:24px;margin:0 24px 24px}.portfolio-page.white{color:#fff}@media(max-width:767px){.portfolio-page{padding-top:16px;margin:0 16px 16px}}.portfolio-page--content{margin-top:150px}.portfolio-page--content h1{margin-bottom:32px}.portfolio-page--content h2{font-size:4rem;font-weight:700;font-variation-settings:"wght" 700}.portfolio-page--content h2.center-title{text-align:center;position:relative;top:-200px}@media(max-width:767px){.portfolio-page--content h2.center-title{top:0;margin-bottom:120px}.portfolio-page--content h2{font-size:2.25rem}}.portfolio-page--content h3{font-size:2.5rem;font-weight:700;font-variation-settings:"wght" 700}@media(max-width:767px){.portfolio-page--content h3{font-size:1.75rem}}.portfolio-page--content p{margin-bottom:24px;font-size:1.5rem;line-height:1.5}@media(max-width:767px){.portfolio-page--content p{font-size:1rem}}.portfolio-page--content p span{position:relative;z-index:1}.portfolio-page--content p span:before{content:"";position:absolute;left:0;bottom:-3px;height:6px;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out;bottom:1px}@media(max-width:767px){.portfolio-page--content p span:before{height:0!important}}.portfolio-page--content img{margin-top:96px}.portfolio-page--content .content-center{text-align:center}@media(max-width:767px){.portfolio-page--content .content-center{text-align:left}}.portfolio-page--title{position:relative;padding-top:300px}@media(max-width:767px){.portfolio-page--title{top:0;padding-top:100px}}.portfolio-page--skills li{font-size:1.2rem;margin:0 0 4px;list-style-type:none}.portfolio-page--skills li span{position:relative;z-index:1}.portfolio-page--skills li span:before{content:"";position:absolute;left:0;bottom:-3px;height:6px;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out;bottom:1px}.portfolio-page--description{font-size:2rem}.portfolio-page--description p{margin-bottom:24px}.portfolio-page--description p:last-child{margin-bottom:0}.portfolio-item{margin-bottom:80px}@media(max-width:767px){.portfolio-item{margin-bottom:24px}}.portfolio-item--thumb{height:600px;border-radius:12px;background-size:cover;background-position:50%;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}.portfolio-item--thumb:hover{cursor:pointer;box-shadow:0 2px 45px -10px rgba(0,0,0,.12),0 10px 25px -15px rgba(0,0,0,.08)}@media(max-width:767px){.portfolio-item--thumb{height:250px}}.portfolio-item a--thumb{outline:4px solid blue}.portfolio-item h2{margin:24px 0 0;font-weight:700;font-variation-settings:"wght" 900}@media(max-width:767px){.portfolio-item h2{font-size:1.75rem;margin:12px 0 0}}.portfolio-item p{font-weight:500;font-variation-settings:"wght" 500;font-size:1.25rem;color:rgba(51,51,51,.65)}.portfolio-drawer--start{padding:40px;position:relative}.portfolio-drawer--start h3{font-weight:700;font-variation-settings:"wght" 900}.portfolio-drawer--start button{position:absolute;right:32px;top:50%;transform:translateY(-50%)}.portfolio-drawer--list{padding-bottom:215px;overflow-y:scroll;height:110vh}.portfolio-drawer--list .start{padding:0 40px 40px}.portfolio-drawer--list .start p{font-size:1.5rem;margin-bottom:40px}.portfolio-drawer--list .start span{font-size:2rem;font-weight:700;font-variation-settings:"wght" 700;position:relative;z-index:1}.portfolio-drawer--list .start span:before{content:"";position:absolute;left:0;bottom:-3px;height:0;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out;bottom:0;height:12px}.portfolio-drawer--list .start span:hover{cursor:pointer}.portfolio-drawer--list .start span:hover:before{height:16px;bottom:4px}.portfolio-drawer--list-item{height:25vh;min-height:400px;background-size:cover;background-position:50%;position:relative}.portfolio-drawer--list-item-hover{opacity:0;background:rgba(51,51,51,.65);height:100%;width:100%;transition:all .3s ease-in-out;display:flex;align-items:center;flex-wrap:wrap;cursor:pointer}.portfolio-drawer--list-item-hover h3{color:#fff;text-align:center;flex-basis:100%;font-size:3rem;font-weight:700;font-variation-settings:"wght" 700}.portfolio-drawer--list-item-hover:hover{opacity:1}.splash{width:100%;height:100vh;background-color:#fff;top:-100%;-webkit-animation:loading 4s ease-in-out;animation:loading 4s ease-in-out;justify-content:center;align-items:center;display:flex;padding:0 24px;position:absolute;z-index:8;left:0}@-webkit-keyframes loading{0%{background-color:#3a86ff;opacity:1;top:0}16%{background-color:#2a9d8f;opacity:1;top:0}32%{background-color:#eb5e28;opacity:1;top:0}48%{background-color:#f4d35e;opacity:1;top:0}64%{background-color:#6a4c93;opacity:1;top:0}80%{background-color:#ddd;opacity:1;top:0}to{background-color:#fff;opacity:1;top:-100%}}@keyframes loading{0%{background-color:#3a86ff;opacity:1;top:0}16%{background-color:#2a9d8f;opacity:1;top:0}32%{background-color:#eb5e28;opacity:1;top:0}48%{background-color:#f4d35e;opacity:1;top:0}64%{background-color:#6a4c93;opacity:1;top:0}80%{background-color:#ddd;opacity:1;top:0}to{background-color:#fff;opacity:1;top:-100%}}.video-container{max-width:900px;margin:0 auto 400px;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 24px 48px -16px rgba(51,51,51,.25)}.video-container video{display:block;width:100%;height:auto}.video-container .browser{height:32px;background:#333;display:flex;align-items:center;justify-content:flex-start;grid-gap:6px;gap:6px;padding:0 16px}.video-container .browser .circle{height:10px;width:10px;border-radius:5px}.video-container .browser .red{background-color:#ff3b30}.video-container .browser .yellow{background:#fc0}.video-container .browser .green{background:#4cd964}html{font-size:16px;font-weight:400;font-variation-settings:"wght" 500;box-sizing:border-box;background:#fff}html.no-scroll{overflow:hidden}@supports(font-variation-settings:normal){html{font-family:Mabry Pro,sans-serif}}body{font-size:.875rem;font-family:Mabry Pro,sans-serif;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}a:hover{cursor:pointer}*{box-sizing:border-box}::-moz-selection{color:#0380e8;background:rgba(3,128,232,.75)}::selection{color:#fff;background:rgba(3,128,232,.75)}#__next{overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:6rem;font-weight:700;font-variation-settings:"wght" 900}@media(max-width:767px){h1{font-size:2rem}}h2{font-size:2.25rem}p{line-height:1.5}ul{font-size:24px;margin:40px 0}ul li{position:relative;margin-left:24px;margin-bottom:16px;display:flex}ul li:last-child{margin-bottom:0}ul li:before{content:"•";position:relative;left:-12px;top:-6px;font-size:32px}.site-intro{margin:240px 0}@media(max-width:767px){.site-intro{margin:160px 0 100px}}@media(max-width:991px){.mobile-hide{display:none}.mobile-show{display:auto}}@media(min-width:992px){.mobile-show{display:none}}.callout{position:relative;z-index:1}.callout:before{content:"";position:absolute;left:0;bottom:-3px;height:40px;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out}@media(max-width:767px){.callout{position:relative;z-index:1}.callout:before{content:"";position:absolute;left:0;bottom:-3px;height:0;width:100%;background:rgba(51,51,51,.25);z-index:-1;transition:all .3s ease-in-out}}