@charset "UTF-8";header h1{font-size:clamp(2rem,18vw,5.5rem)}header .role{font-size:clamp(3rem,8vw,3.5rem);font-weight:300;line-height:1.2}header .role span{display:block;font-size:80%;font-weight:100;line-height:.8;padding:.5rem}main h2{margin-top:11rem}main h2+h3{margin-top:3rem}main h3{margin-left:auto;margin-right:auto;max-width:50rem;text-align:left;width:100%}main p+p{margin-top:1.5rem}.header-icon{height:1.4ex;margin-right:.5ex}.indented{padding-left:3.001ex}.img-full{box-shadow:0 0 95px #e056fd1a;display:block;margin:7rem -4rem;max-width:none;min-height:250px;object-fit:cover;width:calc(100% + 8rem)}@media(max-width:800px){.img-full{margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem)}}@media(max-width:550px){.img-full{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}}@media(min-width:1200px){.img-full{margin:9rem calc(50% - 50vw);max-width:100vw;width:100vw}}.container>img:not(.img-full){border-radius:8px;height:auto;margin:6rem 0;width:100%}.browser{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#35363766;border-radius:12px;box-shadow:3px -5px 180px #e056fd33,0 0 60px #000c,-3px -3px 180px #00c8ff33,inset 0 0 1.5px #fff6;line-height:0;margin:6rem 0;overflow:hidden;padding:1px}.browser:before{color:#fff3;content:"···";font-family:sans-serif;font-size:7rem;letter-spacing:-.5rem;margin:1.45rem .4rem;position:absolute}@media(max-width:550px){.browser:before{content:""}}.browser .url{background-color:#ffffff26;border-radius:4px;box-shadow:inset 0 0 1.5px #fff3;font-size:50%;line-height:1;margin:.5rem auto;max-width:50%;padding:.5rem;text-align:center}@media(max-width:550px){.browser .url{max-width:75%}}.browser img{animation:loading-gradient 1s infinite;animation-fill-mode:forwards;animation-timing-function:linear;background-image:repeating-linear-gradient(to right,var(--primary-colour, #00c8ff),var(--secondary-colour, #e056fd),var(--primary-colour, #00c8ff));background-position:0 100%;background-repeat:repeat-x;background-size:200% .3rem;box-shadow:0 0 95px #e056fd1a;display:block;height:auto;line-height:10rem;text-align:center;transition:background-size .2s ease-in-out;width:100%}body:not(.loaded,.no-js) .browser img{animation:none;background-image:none}.btn{margin:auto}