html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--preload-animation-duration: 0s}*,*:before,*:after,p{box-sizing:border-box}@keyframes enable-scroll{0%{overflow:clip}to{overflow:auto}}html{overflow:clip;interpolate-size:allow-keywords;scroll-padding:130px;animation:enable-scroll 3s var(--preload-animation-duration) cubic-bezier(.408,.008,0,1) forwards}body{font:400 18px Helvetica Neue,system-ui,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"wdth" 100;background-color:#fff}body ::selection{background-color:#293f76bf;color:#fff}img{display:inline-block;height:auto;max-width:100%;outline:0}fieldset{border:none;padding:0;margin:0}blockquote{margin:0}menu ul,menu li,nav ul,nav li{margin:0;padding:0}hr{width:100%;height:20px;margin:0 0 20px;border:none;border-bottom:1px solid}button:focus{outline:none}small{font-weight:700;font-size:13px}a{text-decoration:none;transition:all .25s cubic-bezier(.408,.008,0,1)}p,ul,ol,blockquote{line-height:1.6;font-family:Helvetica Neue,system-ui,Helvetica,Arial,sans-serif;font-weight:400}p a,ul a,ol a,blockquote a{text-decoration:underline solid;text-decoration-skip-ink:none}p a:hover,ul a:hover,ol a:hover,blockquote a:hover{text-decoration:underline double}figure{margin:0}iframe{border:none;width:100%;overflow:hidden!important;height:560px!important}html,button{-webkit-font-smoothing:antialiased}h1,h2{font-weight:100;text-align:center;letter-spacing:-1px;font-family:Helvetica Neue,system-ui,Helvetica,Arial,sans-serif;text-wrap:balance}h1{margin:0;font-size:2.6111111111em;line-height:1.2}h2{margin:0;font-size:2.1111111111em;line-height:1.4}strong{font-weight:700}svg *{transform-box:border-box}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{display:grid;opacity:1}to{display:none;opacity:0}}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes do--rotate{to{transform:rotate(360deg)}}@keyframes fade-in-move{to{opacity:1;transform:translate(0);scale:1}}@keyframes fade-in-down{to{opacity:1;translate:0 0}}@keyframes fade-out-down{to{opacity:0;translate:0 0}}@keyframes fade-out-top{25%{scale:.8}65%{opacity:1;scale:24}90%,to{opacity:0;display:none;z-index:-10;scale:24}}.btn{appearance:none;display:grid;place-items:center;width:max-content;padding:20px 35px;border:none;border-radius:50px;outline:0;line-height:1.3;background:#fff;cursor:pointer;box-shadow:0 5px 10px #0000;transition:all .25s ease}.texture-overlay{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;pointer-events:none}.is--paper{background-image:url(data:image/png;base64,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),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 44px),repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 44px);opacity:.6;mix-blend-mode:multiply}.is--film{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:overlay}.is--blueprint{background-image:linear-gradient(rgba(100,150,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(100,150,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:1;mix-blend-mode:multiply}.is--scratched{background-image:repeating-linear-gradient(180deg,transparent,transparent 50%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.03) 51%,transparent 51%,transparent 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='3' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E");opacity:1;mix-blend-mode:darken}.is--newspaper{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 4px);opacity:.2;mix-blend-mode:multiply}.is--canvas{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);opacity:.65;mix-blend-mode:multiply}.is--aged{background-color:#fffadc1a;background-image:radial-gradient(circle at 30% 20%,rgba(255,235,150,.08),transparent 50%),radial-gradient(circle at 70% 65%,rgba(255,235,150,.08),transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.8'/%3E%3C/svg%3E");opacity:.6;mix-blend-mode:multiply}.texture-tv-static{position:relative;background-color:transparent;overflow:hidden}.texture-tv-static:before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:radial-gradient(ellipse at 10% 10%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 60% 60%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 70% 70%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 80% 80%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 90% 90%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 5% 95%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 15% 85%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 25% 75%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 35% 65%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 45% 55%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 55% 45%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 65% 35%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 75% 25%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 85% 15%,rgba(255,255,255,.8) .1%,transparent .2%),radial-gradient(ellipse at 95% 5%,rgba(255,255,255,.8) .1%,transparent .2%);opacity:0;animation:tv-static-flicker .08s infinite;pointer-events:none;mix-blend-mode:screen}@keyframes tv-static-flicker{0%,to{opacity:.7;background-position:0 0}10%{opacity:.9;background-position:-5% -5%}20%{opacity:.4;background-position:7% 3%}30%{opacity:.8;background-position:-3% 5%}40%{opacity:.5;background-position:3% -5%}50%{opacity:.9;background-position:5% 5%}60%{opacity:.3;background-position:-5% 3%}70%{opacity:.6;background-position:4% -4%}80%{opacity:.9;background-position:-3% -5%}90%{opacity:.5;background-position:5% 4%}}@keyframes scale-fade-in{0%{scale:3;opacity:0;width:200vw;height:200vh}60%,to{scale:1;opacity:1;width:100vw;height:100vh}}html{box-sizing:content-box;transition-behavior:allow-discrete;cursor:url(/img/cursor--default.svg),auto}html.lenis-stopped{overflow:hidden!important}html::-webkit-scrollbar{display:none}html ::-webkit-scrollbar-button{display:none}html ::-webkit-scrollbar-button{height:0;width:0}html ::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #0000001a;border-radius:0;background-color:#f5f5f5}html ::-webkit-scrollbar{width:10px;background-color:#f5f5f5}html ::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px #0000001a;background-color:#dfdfdf}@keyframes clouds{0%{background:url(../img/cloud--1.png) no-repeat right 10% top 10%/630px,url(../img/cloud--2.png) no-repeat left 10% top 30%/1800px,url(../img/cloud--3.png) no-repeat left 10% bottom 0/915px,url(../img/cloud--4.png) no-repeat right -20% bottom 0/1470px}to{background:url(../img/cloud--1.png) no-repeat right 50% top 10%/630px,url(../img/cloud--2.png) no-repeat left 90% top 30%/1800px,url(../img/cloud--3.png) no-repeat left 30% bottom 0/915px,url(../img/cloud--4.png) no-repeat right -50% bottom 0/1470px}}body{position:relative;background:#e3e3e3;overflow:clip;transition:background-color .5s ease}body:after{content:"";position:absolute;z-index:-1;width:100vw;height:100vh;inset:2600px 0 0;opacity:0;pointer-events:none;background:url(../img/cloud--1.png) no-repeat right 10% top 10%/630px,url(../img/cloud--2.png) no-repeat left 10% top 30%/1800px,url(../img/cloud--3.png) no-repeat left 10% bottom 0/915px,url(../img/cloud--4.png) no-repeat right -20% bottom 0/1470px;animation:scale-fade-in 5s var(--preload-animation-duration) cubic-bezier(.408,.008,0,1) forwards,clouds 30s 1s linear infinite alternate;transition:opacity .5s ease,filter .5s ease}.text--mini{font-family:Encode Sans Condensed,sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;color:#000}section .wrapper{padding:55px;width:100%}section .wrapper>header{text-align:center}main{position:relative;z-index:10;min-height:calc(100vh - 40px);min-width:calc(100vw - 40px)}main:after{content:"";position:fixed;inset:0;display:block;width:100%;height:100vh;clip-path:polygon(0% 0%,0% 100%,36px calc(100% - 36px),36px 36px,calc(100% - 36px) 36px,calc(100% - 36px) calc(100% - 36px),36px calc(100% - 36px),0 100%,100% 100%,100% 0%);z-index:100;box-shadow:inset 0 0 10px #0000004d}.lines{position:sticky;top:calc(50vh - 40px);z-index:30;overflow:visible;height:1px}.lines:before,.lines:after{position:absolute;top:0;content:"";display:block;width:40px;height:1px;background-color:#313131;translate:0 0;transition:translate 2s calc(var(--preload-animation-duration) + .5s) cubic-bezier(.408,.008,0,1)}.lines p{position:absolute;right:70px;margin:0;writing-mode:vertical-rl;height:max-content;opacity:0;transition:opacity .12s ease}.lines p:first-child{top:-95px}.lines p:last-child{top:30px}.lines p.is--active{opacity:1}.lines:before{left:60px}.lines:after{right:60px}@starting-style{.lines:before{translate:-150px 0}.lines:after{translate:150px 0}}.step{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:400px 100px}.step svg{overflow:visible}.block{border-radius:9999px;transform-origin:center bottom;width:230px;height:230px;position:relative;transform-style:preserve-3d}.block svg{width:100%;height:auto;aspect-ratio:1/1}.top,.bottom{position:sticky;z-index:120;display:flex;align-items:center;justify-content:center;padding:10px 55px;overflow:clip}.top{top:40px}.top p{transition:translate 1s calc(var(--preload-animation-duration) + 1.2s) cubic-bezier(.408,.008,0,1)}@starting-style{.top p{translate:0 -150px}}.bottom{top:calc(100vh - 120px)}.bottom a{text-decoration:none;color:inherit}.bottom p:not(.text--mini){width:60px;text-indent:-9999px}.bottom .text--mini{transition:translate 1s calc(var(--preload-animation-duration) + 1.2s) cubic-bezier(.408,.008,0,1)}@starting-style{.bottom .text--mini{translate:0 150px}}@keyframes welcome{0%{scale:385}95%{scale:.8}to{scale:1}}.homepage{display:grid;place-items:start;height:4300px;margin:-350px 0 60px}.homepage .wrapper{position:sticky;top:20px;z-index:150;display:grid;place-items:center;overflow:clip;width:100%;padding:350px 55px;height:100vh;overflow:visible}.homepage .wrapper img,.homepage .wrapper .header-logo{position:relative;z-index:1;animation:welcome calc(var(--preload-animation-duration) + 2s) ease-in-out both;animation-timeline:view(80% -10%)}@supports (-moz-appearance: none){.homepage .wrapper{animation:none!important}}.homepage header{position:relative;display:flex;flex-direction:column;align-items:center}.homepage h1{max-width:800px;margin-top:55px;padding-inline:60px;opacity:0;animation:fade-in-down calc(var(--preload-animation-duration) + 1s) ease-in-out both;animation-timeline:view(120% 100%)}.homepage h1 span{display:block;font-size:23px}.homepage .button{transform:translateZ(0);transition:all 2s calc(var(--preload-animation-duration) + 1.1s) cubic-bezier(.408,.008,0,1)}@starting-style{.homepage .button{opacity:0;translate:0 -20px}}@keyframes mouse-indicator{0%,to{translate:0 0}50%{translate:0 20px}}.do--scroll{position:fixed;top:50vh;z-index:200;display:flex;flex-direction:column;align-items:center;animation:fade-out-down 1s ease-in-out forwards;animation-timeline:view(-100vh 80vh)}.do--scroll .text--mini{color:#fff}.mouse{max-width:30px;height:auto}.mouse__indicator{animation:mouse-indicator 2s ease-in-out infinite alternate}@keyframes step-1{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.step--1 .wrapper,.step--2 .wrapper{display:flex;flex-direction:column;align-items:center;position:sticky;top:50vh;perspective:1000px}.step--1 .dept,.step--2 .dept{position:absolute;top:0;left:0;display:block;width:100%;height:100%;height:auto;aspect-ratio:1/1;backface-visibility:hidden}.step--1 .block,.step--2 .block{animation:step-1 4s linear infinite;background-color:#424242}@keyframes cloud--1{0%{translate:70vw 0}to{translate:-120vw 0}}.cloud--1{position:absolute;z-index:-1;top:20%;right:-20vw;width:100%;max-width:1200px;opacity:1}.cloud--1 img{animation:cloud--1 110s linear infinite}@keyframes cloud--2{50%{translate:4% 0}to{translate:0 0}}.cloud--2{position:absolute;top:70%;left:-10vw;z-index:-1;width:100%;opacity:1}.cloud--2 img{scale:2.3;animation:cloud--2 60s linear infinite}.step--2 .block{animation-delay:.5s}.step--2 .letters .letter{animation:fade-out .5s ease alternate infinite}.step--2 .letters--d .letter:nth-child(1){animation-delay:0s}.step--2 .letters--d .letter:nth-child(2){animation-delay:.2s}.step--2 .letters--a .letter:nth-child(1){animation-delay:.3s}.step--2 .letters--a .letter:nth-child(2){animation-delay:.1s}.step--3 iframe{height:clamp(450px,80vh,1000px)!important}@keyframes step-4{to{translate:120vw 0;rotate:760deg}}.step--4 .wrapper{padding-block:0}.step--4 .block{translate:-80vw 0;transform-origin:center;animation:step-4 1s linear;animation-timeline:view(15vw -15vh)}.step--4.is--playing .block{animation-timeline:unset;animation-iteration-count:infinite;animation-duration:6s}@keyframes step-5{0%{opacity:0}5%{opacity:1}to{translate:0 0;rotate:0deg;opacity:1}}.step--5 .wrapper{position:relative}.step--5 .block{position:absolute;top:0;left:calc(50% - 80px);transform-origin:center;translate:0 0;rotate:0deg;opacity:0;width:160px;height:160px;animation:step-5 1s ease-in-out forwards;animation-timeline:unset;animation-timeline:view(60vh 0);mix-blend-mode:difference}.step--5 .block:nth-child(1){translate:-70vw -70vh;rotate:-500deg}.step--5 .block:nth-child(2){translate:-30vw 70vh;rotate:-300deg}.step--5 .block:nth-child(3){translate:20vw -130vh;rotate:400deg}.step--5 .block:nth-child(4){translate:45vw 80vh;rotate:300deg}.step--5 .block:nth-child(5){translate:80vw -15vh;rotate:300deg}.step--5 .block:nth-child(6){translate:-80vw -215vh;rotate:-800deg}.step--5 .block:nth-child(7){translate:-180vw 35vh;rotate:-900deg}.step--6{margin-top:250px;align-items:flex-start;height:1000px}.step--6 .wrapper{overflow:visible;height:300vh;top:40vh}.step--6 .block{position:absolute}.step--6 .block svg{animation:float 1s ease-in-out alternate infinite}.step--6 .block.block--small{width:40px;z-index:-10;animation:step-5--small 1s ease-in-out forwards;animation-timeline:view(-30vh -13vh);filter:blur(4px);opacity:.7}.step--6 .block.block--large{width:100px;z-index:1;animation:step-5--large 1s ease-in-out forwards;animation-timeline:view(-30vh -53vh);filter:blur(1px);opacity:.8}.step--6 .block.block--xlarge{width:200px;z-index:2;animation:step-5--xlarge 1s ease-in-out forwards;animation-timeline:view(-30vh -53vh)}.step--6 .block.block--xlarge:nth-of-type(3){opacity:.5}.step--6 .block:nth-child(1){top:32vh;left:10vw}.step--6 .block:nth-child(2){top:19vh;left:37vw}.step--6 .block:nth-child(3){top:35vh;left:67vw}.step--6 .block:nth-child(4){top:40vh;left:10vw}.step--6 .block:nth-child(5){top:28vh;left:35.5vw}.step--6 .block:nth-child(6){top:33vh;left:65vw}.step--6 .block:nth-child(7){top:60vh;left:10vw}.step--6 .block:nth-child(8){top:79vh;left:33vw}.step--6 .block:nth-child(9){top:44vh;left:66vw}.step--6 .block:nth-child(10){top:87vh;left:73vw}.step--6 .block:nth-child(11){top:50vh;left:47vw}.step--6 .block:nth-child(12){top:64vh;left:60vw}.step--6 .block:nth-child(13){top:60vh;left:57vw}.step--6 .block:nth-child(14){top:70vh;left:21vw}.step--6 .block:nth-child(15){top:48vh;left:35vw}.step--6 .block:nth-child(16){top:50vh;left:32vw}.step--6 .block:nth-child(17){top:20vh;left:82vw}.step--6 .block:nth-child(17){top:43vh;left:82vw}.step--6 .cloud--1{top:31vh;right:-10vw;animation:step-5--medium 1s ease-in-out forwards;animation-timeline:view(10vh -20vh);filter:blur(2px)}.step--6 .cloud--1 img{animation:none}.step--6 .cloud--2{top:51vh;left:0vw;animation:step-5--medium 1s ease-in-out forwards;animation-timeline:view(10vh -20vh);filter:blur(2px)}.step--6 .cloud--2 img{animation-duration:20s}.step--6 .cloud--3{translate:20vw -20vh}@keyframes step-5--small{to{translate:0 -50vh}}@keyframes step-5--medium{to{translate:0 -70vh}}@keyframes step-5--large{to{translate:0 -80vh}}@keyframes step-5--xlarge{to{translate:0 -199vh}}@keyframes step-5--rotate{0%{transform:rotateX(-40deg)}to{transform:rotateX(40deg)}}.step--7{padding-bottom:200px}.step--7 .wrapper{margin-top:350px}.resources__list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:150px 0 0;padding:0;list-style:none}.resources__list li{overflow:clip;border-radius:15px;background-color:#ffffff80;transition:all .25s ease;opacity:0;translate:0 100px;animation:fade-in-down .5s ease forwards;animation-timeline:view(80vh 20vh)}.resources__list li:hover{translate:0 -3px;box-shadow:0 5px 5px #0000001a}.resources__list li:nth-child(1){animation-delay:.25s}.resources__list li:nth-child(2){animation-delay:.5s}.resources__list li:nth-child(3){animation-delay:.75s}.resources__list li:nth-child(4){animation-delay:1s}.resources__list li:nth-child(5){animation-delay:1.25s}.resources__list li:nth-child(6){animation-delay:1.5s}.resources__list img{display:block;width:100%;height:auto}.resources__list a{display:block}@media screen and (max-width: 1500px){.resources__list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 1000px){.resources__list{grid-template-columns:repeat(1,1fr)}}.start .wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.start p{margin:100px 0;font-size:24px;opacity:.5}.start code{text-align:center}.start svg{position:absolute;top:450px;left:50%;width:100%;min-width:878px;transform-origin:top center;scale:.8;translate:-50% 0}@keyframes dotted-line{0%{stroke-dasharray:10500;stroke-dashoffset:10500}to{stroke-dasharray:10500;stroke-dashoffset:0}}#mask path{stroke-dasharray:10500;stroke-dashoffset:10500;animation:dotted-line 5s ease-in-out forwards;animation-timeline:view(60vh 10vh)}