@font-face{font-family:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/ba35eb811246f14c-s.9af79fe1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/680aa1e827d679d2-s.p.59922d9b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla Fallback;src:local(Arial);ascent-override:89.55%;descent-override:24.61%;line-gap-override:0.0%;size-adjust:102.4%}.karla_1e43774f-module__PnpHGW__className{font-family:Karla,Karla Fallback;font-style:normal}.karla_1e43774f-module__PnpHGW__variable{--font-karla:"Karla","Karla Fallback"}
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/efadc3f7fcf6ac94-s.57ff0b37.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/8e410338cab7e12e-s.986de7be.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/7e93c0a52799e849-s.f680bb9a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/037b6aa687f94b32-s.82297bd5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/9a800f173b8d9e8f-s.p.ea25be69.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald Fallback;src:local(Arial);ascent-override:146.51%;descent-override:35.49%;line-gap-override:0.0%;size-adjust:81.43%}.oswald_320c2c9d-module__F1Ip8G__className{font-family:Oswald,Oswald Fallback;font-style:normal}.oswald_320c2c9d-module__F1Ip8G__variable{--font-oswald:"Oswald","Oswald Fallback"}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{vertical-align:baseline;background:0 0;margin:0;padding:0;font-size:100%}ins{color:#000;background-color:#ff9;text-decoration:none}mark{color:#000;background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}input,select{vertical-align:middle}header{flex-flow:wrap;justify-content:space-between;align-items:center;width:86%;display:flex;margin-top:20px!important;margin-bottom:30px!important}@media (min-width:30em){header{margin-top:85px!important;margin-bottom:100px!important}}body{width:100%}body#menu-open{overflow:hidden}.theme-changer-wrapper{cursor:pointer;z-index:11;margin-left:auto;margin-right:.75rem}html[data-theme=dark] .theme-changer-wrapper .gg-moon,html[data-theme=light] .theme-changer-wrapper .gg-sun{display:none}.mode-container{align-items:center;width:24px;height:24px;display:flex}.gg-sun{transform:scale(var(--ggs,1));background:linear-gradient(currentColor 4px,#0000 0) 5px -6px/2px 6px no-repeat,linear-gradient(currentColor 4px,#0000 0) 5px 14px/2px 6px no-repeat,linear-gradient(currentColor 4px,#0000 0) -8px 5px/6px 2px no-repeat,linear-gradient(currentColor 4px,#0000 0) 14px 5px/6px 2px no-repeat;border:6px solid #0000;border-radius:100px;height:24px;position:relative;box-shadow:inset 0 0 0 2px}.gg-sun,.gg-sun:after,.gg-sun:before{box-sizing:border-box;width:24px;display:block}.gg-sun:after,.gg-sun:before{content:"";border-left:4px solid;border-right:4px solid;height:2px;position:absolute;top:5px;left:-6px}.gg-sun:before{transform:rotate(-45deg)}.gg-sun:after{transform:rotate(45deg)}.gg-moon,.gg-moon:after{box-sizing:border-box;border-radius:50%;display:block}.gg-moon{transform:rotate(-135deg)scale(var(--ggs,1));border:2px solid;border-bottom-color:#0000;width:20px;height:20px;position:relative;overflow:hidden}.gg-moon:after{content:"";border:2px solid #0000;width:12px;height:18px;position:absolute;top:8px;left:2px;box-shadow:0 0 0 2px}.navbutton{z-index:12;cursor:pointer;width:26px;height:26px;color:var(--nav-button);border-radius:4px;justify-content:center;align-items:center;transition:color .2s ease-in-out;display:flex}.navbutton svg{width:26px;height:26px}.navbutton:hover{opacity:.8}.navbutton:focus{outline:2px solid var(--nav-button);outline-offset:2px}.navbutton:focus:not(:focus-visible){outline:none}.navbutton:focus-visible{outline:2px solid var(--nav-button);outline-offset:2px}nav{width:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;min-height:stretch;font-size:2.2rem;transition:visibility linear,opacity linear;display:flex;position:fixed;top:0;left:0}nav.open{background:var(--nav-bg);z-index:10;visibility:visible;opacity:1;transition-delay:0s}nav #navigation{flex-direction:column;place-content:center;width:86%;max-width:1600px;height:100vh;margin:0 auto;padding-left:7%;padding-right:7%;display:flex}nav a{-webkit-user-select:none;user-select:none;letter-spacing:-.5px;align-items:center;gap:8px;display:inline-flex}nav a span{display:inline-block}nav a:hover{color:inherit;text-decoration:none}nav a[aria-current=page]{color:var(--heading-color);text-decoration:none}nav a[aria-current=page] span{display:inline-block}nav a[aria-current=page]:after{background:var(--alt-black)}nav a:after{background:0 0}.logo{letter-spacing:-1px;font-size:1.8rem;font-family:var(--logo-font);font-display:optional;text-transform:uppercase;letter-spacing:-1.5px;background:var(--logo-color);-webkit-text-fill-color:#0000;box-shadow:none;z-index:20;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;border:0;margin-right:15px;padding:0 2px 0 0;font-weight:400;transition:all .4s ease-in-out;animation-play-state:paused;position:relative}.logo:hover{background:var(--logo-color);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;text-decoration:none}.logo:after{display:none}@media (min-width:30em){.logo{font-size:1.8rem}}@media (min-width:50em){.logo{font-size:2rem}}#cards{-webkit-overflow-scrolling:touch;grid-gap:15px;grid-template-columns:repeat(2,1fr);margin-top:2rem;margin-bottom:2rem;scroll-margin-top:2rem;display:grid}@media (min-width:30em){#cards{grid-gap:15px;grid-template-columns:repeat(2,1fr);margin-top:2rem;margin-bottom:3rem}}@media (min-width:50em){#cards{grid-gap:30px;grid-template-columns:repeat(2,1fr);margin-top:6rem;margin-bottom:3rem}}.card{aspect-ratio:4/4;background:#fff;border:0;border-radius:2px;flex-direction:column;text-decoration:none;transition-property:color;transition-delay:.15s;display:flex;position:relative;overflow:hidden}.card.hover{transition-delay:.15s}.card a{color:#fff}.card,.card__image,.card__image:after{transition-duration:.4s;transition-timing-function:cubic-bezier(.51,.92,.24,1)}.card__image{transform-origin:top;background-position:50%;background-size:cover;transition-property:transform;transition-delay:.15s;position:absolute;inset:0;overflow:hidden}.card__image img{transition:opacity .3s ease-in-out,transform .6s ease-out;transform:scale(1)}.card__image video{object-fit:cover;pointer-events:none;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .3s ease-in-out,transform .6s ease-out;position:absolute;top:0;left:0;transform:scale(1)}.card__image video::-webkit-media-controls{display:none}.card:hover .card__image{transition-delay:0}.card:hover .card__image img{transform:scale(1.05)}.card:hover .card__image video{opacity:1;transform:scale(1.05)}.card.has-video .card__image img{transition:opacity .3s ease-in-out,transform .6s ease-out}.card.has-video:hover .card__image img{opacity:0;transition-delay:.1s}.card.hover .card__image{transition-delay:0}.card__details{z-index:2;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);padding:.75rem;position:absolute;top:0;left:0}@media (min-width:30em){.card__details{width:calc(100% - 3.75rem);height:calc(100% - 3.75rem);padding:1.875rem}}.card__content{opacity:1;color:#fff;flex-direction:column;justify-content:flex-end;width:100%;height:100%;transition:opacity .2s ease-in-out;display:flex}.card__content p{color:var(--alt-grey)}.card__content h2{line-height:1.2;color:#fff!important;margin-bottom:0!important}@media (min-width:30em){.card__content h2{font-size:1.6rem}}@media (min-width:50em){.card__content h2{font-size:1.8rem}}.card__content h2 span{margin-bottom:0;font-size:.6rem;display:block}@media (min-width:30em){.card__content h2 span{display:inline}}.card__content div{text-underline-offset:.3rem;width:fit-content;text-decoration:underline;text-decoration-thickness:.125rem;display:none}@media (min-width:50em){.card__content div{display:inline-block}}.card__content span{margin-bottom:0;font-size:.8rem;display:block}.card:hover .card__content{opacity:0}.card.hover .card__content{opacity:1;transition-delay:.15s}@media (prefers-reduced-motion:reduce){.card__image img,.card__image video{transition:opacity .3s ease-in-out;transform:none!important}}.side-projects-wrapper{grid-gap:1rem;grid-template-columns:1fr;display:grid}@media (min-width:30em){.side-projects-wrapper{grid-template-columns:1fr 1fr}}@media (min-width:50em){.side-projects-wrapper{grid-template-columns:1fr 1fr}}#side-projects{color:var(--alt-black);margin:0}@media (min-width:50em){#side-projects{margin-top:6rem;margin-bottom:3rem}}#side-projects .item{padding:1.5rem 0}#side-projects .item__title{margin-bottom:.5rem!important}#side-projects .item p{margin-bottom:.25rem!important}@media (min-width:30em){#side-projects .item__content{margin-right:4rem}}.portfolio-item{padding-left:0;padding-right:0}.portfolio-item__copy{z-index:5;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.portfolio-item__copy>*{max-width:100%}@media (min-width:50em){.portfolio-item__copy>*{max-width:70%}}.portfolio-item__copy h1 span{margin-bottom:0;font-size:1rem;display:block}@media (min-width:30em){.portfolio-item__copy h1 span{display:inline}}.portfolio-item img{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}img{max-width:100%;height:auto}.portfolio-wrapper{width:100%;padding:.8rem 0}.section{margin-top:2rem;margin-bottom:2rem}@media (min-width:50em){.section{margin-top:6rem;margin-bottom:6rem}}.section ul{margin:0 0 .8rem 1rem;list-style:outside}.section video{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;width:100%!important;height:auto!important}.section__services{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2.5rem}@media (min-width:30em){.section__services{border-bottom:0;padding-bottom:0}}.section__services h4{color:#949494}@media (min-width:30em){.section__text{order:-1}}.two-column{grid-gap:2rem;grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:50em){.two-column{grid-gap:6rem;grid-template-columns:1fr 1fr}}.two-column__reversed{grid-gap:2rem;grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:50em){.two-column__reversed{grid-gap:6rem;grid-template-columns:1fr 1fr}}.two-column__reversed>div{order:1}@media (min-width:30em){.two-column__reversed>div{order:1}}.two-column__reversed .gatsby-image-wrapper{order:2}@media (min-width:30em){.two-column__reversed .gatsby-image-wrapper{order:2}}.text-area__center{text-align:center;margin:0 auto}@media (min-width:30em){.text-area__center{max-width:70%}}.text-area-left{max-width:100%}@media (min-width:50em){.text-area-left{max-width:70%}}.portfolio-info{grid-gap:.8em;grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (min-width:50em){.portfolio-info{grid-gap:1em;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.portfolio-info__item{flex-direction:column;flex:0 0 50%;margin-bottom:0;display:flex}@media (min-width:50em){.portfolio-info__item{flex:0 0 25%}}.other-projects{border-top:1px solid var(--border-color);margin-top:2rem;margin-bottom:0}@media (min-width:50em){.other-projects{margin-top:5rem;margin-bottom:0}}.other-projects h3{margin-top:2rem}.other-projects #cards{grid-template-columns:1fr 1fr;margin-top:2rem;margin-bottom:2rem}#contact{flex-direction:column;display:flex}@media (min-width:30em){#contact{flex-direction:column}}@media (min-width:50em){#contact{flex-direction:row}}#contact .email{margin:20px 0;display:block}@media (min-width:50em){#contact .email{margin:0;display:inline}}footer>div{align-items:center;padding-top:35px;padding-bottom:35px;display:flex}footer>div .github{background:0 0;border:0;width:22px;height:22px;margin-left:auto}footer>div .github:after{display:none}footer>div .github svg path{fill:var(--svg-fill-color)}@media (min-width:30em){footer>div{margin-top:75px;padding-top:35px;padding-bottom:35px}}@media (min-width:50em){footer>div{margin-top:75px;padding-top:35px;padding-bottom:35px}}footer>div p{margin-bottom:0;font-size:.8rem}#services{grid-gap:2.5rem;grid-template-columns:1fr;margin-top:2rem;margin-bottom:0;display:grid}@media (min-width:30em){#services{grid-gap:4rem;margin-top:2rem;margin-bottom:1rem}}@media (min-width:50em){#services{grid-gap:5rem;margin-top:4rem;margin-bottom:1rem}}#services li{max-width:100%}@media (min-width:30em){#services li{max-width:70%}}#services li h3{margin-top:0;margin-bottom:0!important}#services li p{color:var(--alt-black);text-wrap:pretty;margin-bottom:0;line-height:1.6}:root{--base-font:var(--font-karla),sans-serif;--logo-font:var(--font-oswald),sans-serif;-webkit-font-smoothing:antialiased;--primary-colour:#f40088;--primary-colour-dark:#bb0067;--pink:#ffd6ed;--green:#9cffdb;--blue:#89d4ff80;--black:#393531;--alt-black:#9c9c9c;--companies-bg:#fff;--filter-colour:grayscale(1);--x:50%;--y:0%;--logo-color:linear-gradient(#fff0,#fff0)padding-box,radial-gradient(farthest-corner at var(--x)var(--y),#f40088,#651fff)border-box;--bg:#fff;--heading-color:#393531;--text-color:#393531;--border-color:#e5e5e5;--nav-border-color:#e5e5e5;--nav-button:#393531;--nav-bg:#e5e5e5;--image-gradient:linear-gradient(30deg,#471a63d9,#4b164c);--svg-fill-color:#393531;--button-bg:#f40088;--button-text-color:#fff;--form-color:#fff;--form-text-color:#393531;font-size:calc(.2222vw + .93334rem)}html[data-theme=dark]{--logo-color:linear-gradient(#fff0,#fff0)padding-box,radial-gradient(farthest-corner at var(--x)var(--y),#fff9,#fff9)border-box;--bg:#393531;--heading-color:#fff;--text-color:#fff9;--primary-colour:#85ffad;--primary-colour-dark:#5cd47d;--border-color:#4f4f4f99;--nav-border-color:#fff9;--nav-button:#fff;--nav-bg:#545454;--image-gradient:linear-gradient(30deg,#3d3d3d99,#000);--svg-fill-color:#fff9;--button-bg:#85ffad;--button-text-color:#1e1e1e;--form-color:#000;--form-text-color:#fff;--companies-bg:#9c9c9c;--filter-colour:grayscale(1)}@media (prefers-color-scheme:dark){:root{--logo-color:linear-gradient(#fff0,#fff0)padding-box,radial-gradient(farthest-corner at var(--x)var(--y),#fff9,#fff9)border-box;--bg:#393531;--heading-color:#fff;--text-color:#fff9;--primary-colour:#85ffad;--primary-colour-dark:#5cd47d;--border-color:#4f4f4f99;--nav-border-color:#fff9;--nav-button:#fff;--nav-bg:#545454;--image-gradient:linear-gradient(30deg,#3d3d3d99,#000);--svg-fill-color:#fff9;--button-bg:#85ffad;--button-text-color:#1e1e1e;--form-color:#000;--form-text-color:#fff;--companies-bg:#9c9c9c;--filter-colour:grayscale(1)}html[data-theme=light]{--primary-colour:#f40088;--primary-colour-dark:#bb0067;--pink:#ffd6ed;--green:#9cffdb;--blue:#89d4ff80;--black:#393531;--alt-black:#595959;--filter-colour:grayscale(1);--companies-bg:#fff;--x:50%;--y:0%;--logo-color:linear-gradient(#fff0,#fff0)padding-box,radial-gradient(farthest-corner at var(--x)var(--y),#f40088,#651fff)border-box;--bg:#fff;--heading-color:#393531;--text-color:#393531;--border-color:#e5e5e5;--nav-border-color:#e5e5e5;--nav-button:#393531;--nav-bg:#e5e5e5;--image-gradient:linear-gradient(30deg,#471a63d9,#4b164c);--svg-fill-color:#393531;--button-bg:#f40088;--button-text-color:#fff;--form-color:#fff;--form-text-color:#393531}}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5{color:var(--heading-color);font-weight:400;line-height:1.4}.h1,h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:2rem}@media (min-width:30em){.h1,h1{margin-bottom:.5rem;font-size:3rem}}.h2,h2{margin-bottom:1.1rem;font-size:1.1rem}@media (min-width:30em){.h2,h2{margin-bottom:1.6rem;font-size:1.6rem}}@media (min-width:50em){.h2,h2{margin-bottom:1.8rem;font-size:1.8rem}}.h2 a,h2 a{display:inline-block}@media (min-width:30em){.h2 a,h2 a{display:inline}}.h3,h3{margin-bottom:1rem;font-size:1.1rem}@media (min-width:30em){.h3,h3{margin-bottom:1.4rem;font-size:1.4rem}}@media (min-width:50em){.h3,h3{margin-bottom:1.6rem;font-size:1.6rem}}.h4,h4{margin-bottom:.8rem;font-size:1.1rem}@media (min-width:30em){.h4,h4{margin-bottom:.5rem;font-size:1.2rem}}@media (min-width:50em){.h4,h4{margin-bottom:.5rem;font-size:1.3rem}}a{--underlineWidth:2px;--blockLength:.75rem;color:var(--primary-colour);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--primary-colour);background-image:linear-gradient(90deg,var(--bg),var(--bg)),linear-gradient(var(--primary-colour),var(--primary-colour)),linear-gradient(var(--primary-colour-dark),var(--primary-colour-dark));background-repeat:no-repeat;background-size:var(--blockLength)var(--underlineWidth),100% var(--underlineWidth),0 var(--underlineWidth);background-position:calc(var(--blockLength)*-1)100%,100% 100%,0 100%;border:none;text-decoration:none;transition:background-size .3s cubic-bezier(.39,.575,.565,1),background-position .3s cubic-bezier(.39,.575,.565,1),color .3s cubic-bezier(.39,.575,.565,1)}a:hover{color:var(--primary-colour-dark);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--primary-colour-dark);background-size:var(--blockLength)var(--underlineWidth),0 var(--underlineWidth),100% var(--underlineWidth);background-position:calc(100% + var(--blockLength))100%,100% 100%,0 100%;border:none;text-decoration:none}::selection{background-color:var(--primary-colour);color:#fff}p{margin:0 0 .8rem}noscript{margin-top:.8rem;margin-bottom:.8rem;display:block}ul,ol{padding:0;list-style:none}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:1s ease-out both fade-in}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-on-scroll{opacity:0}.animate-on-scroll.is-visible{animation:1s ease-out forwards fade-in}.animate-on-scroll-delayed{opacity:0}.animate-on-scroll-delayed.is-visible{animation:1s ease-out forwards fade-in}.animate-on-scroll-delayed[data-delay="200"]{animation-delay:.2s}.animate-on-scroll-delayed[data-delay="300"]{animation-delay:.3s}.animate-on-scroll-delayed[data-delay="400"]{animation-delay:.4s}.animate-on-scroll-delayed[data-delay="500"]{animation-delay:.5s}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto}body{font-family:var(--base-font);font-display:optional;color:var(--text-color);font-weight:400;line-height:1.42857;position:relative}#__next{min-height:100vh}.container-wrap{background:var(--bg);grid-template:"Header""Main-content"1fr"Footer"/100%;height:100%;min-height:100vh;margin:0 auto;display:grid}header,footer,#page-wrap{width:86%;max-width:1600px;margin:0 auto;padding-left:7%;padding-right:7%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--bg);color:var(--text-color);z-index:100;border:2px solid var(--text-color);border-radius:4px;padding:12px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:10px}.skip-link:focus{top:10px}form{margin-top:50px;margin-bottom:0}@media (min-width:30em){form{margin-top:70px;margin-bottom:30px}}@media (min-width:50em){form{margin-top:70px;margin-bottom:40px}}input,textarea,select{border:2px solid var(--border-color);box-sizing:border-box;font-display:optional;background:var(--form-color);width:100%;color:var(--form-text-color);border-radius:4px;margin-bottom:16px;padding:12px;font-family:inherit;font-size:17px;display:inline-block}input:focus,textarea:focus,select:focus{border:2px solid var(--border-color);background:var(--form-color);outline:none}textarea{resize:vertical;appearance:none;min-height:200px}button{--x:50%;--y:50%;appearance:none;cursor:pointer;background:var(--button-bg);color:var(--button-text-color);border:1px solid #0000;border-radius:4px;outline:none;padding:12px 30px;font-size:16px;transition:all .2s ease-in-out;position:relative}.notification{color:var(--text-color);margin-bottom:0;line-height:1.1}.button-wrap{align-items:center;gap:24px;display:flex}input:invalid,textarea:invalid{box-shadow:none}input[type=text],input[type=email]{appearance:none}.animated{animation-duration:1s;animation-fill-mode:both}@media (print),(prefers-reduced-motion:reduce){.animated{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}h2 .intro{margin:1rem 0;display:block}@media (min-width:30em){h2 .intro{margin:0;display:block}}.email span{margin:0;display:inline}@keyframes card__moveIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gatsby-image-wrapper img[src*=base64\,]{image-rendering:-moz-crisp-edges;image-rendering:pixelated}.wave{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}