@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e233fe527a364da1-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f8d8b8f9b400f123-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/27998b9f5672a7b7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/13897345908cd58e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kumbh Sans Fallback;src:local("Arial");ascent-override:94.39%;descent-override:24.30%;line-gap-override:0.00%;size-adjust:104.49%}.__className_90d4f6{font-family:Kumbh Sans,Kumbh Sans Fallback;font-style:normal}.__variable_90d4f6{--font-kumbh-sans:"Kumbh Sans","Kumbh Sans Fallback"}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/312bdf69facd99ca-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/1b30b992a554bafd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Josefin Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/_next/static/media/accc82dc8525882b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Josefin Sans Fallback;src:local("Arial");ascent-override:73.32%;descent-override:24.44%;line-gap-override:0.00%;size-adjust:102.29%}.__className_a8383b{font-family:Josefin Sans,Josefin Sans Fallback;font-style:normal}.__variable_a8383b{--font-josefin-sans:"Josefin Sans","Josefin Sans Fallback"}@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700";html:not(.dark){--theme-colour:#87b956;--accent-colour:#6b0e2d;--body-background:#e7faf6;--main-background-fallback:#87b956;--main-background:linear-gradient(180deg,#87b956 10%,#80d2c4 35%,#f592c2 65%,#af83d1 90%);--box-background:#f0f8ff;--box-background-alt:color.scale(var(--box-background),$alpha:-40%);--text-colour-body:#000;--text-colour-box:#333;--text-colour-link:#6b0e2d;--text-colour-link-footer:#000;--btn-background:#a9d4fa;--btn-hover:#93b2cc;--header-background:#47c6f8;--footer-background:var(--header-background);--divider-colour:#15ff34;--title-primary-line-colour:#6b0e2d;--title-primary-text-colour:#6b0e2d;--title-secondary-line-colour:#fff;--title-secondary-text-colour:#fff;--body-graphic-colour-1:#9db189;--body-graphic-colour-3:#eaeaea}html.dark{--theme-colour:#87b956;--accent-colour:#6b0e2d;--body-background:#85ad77;--main-background-fallback:#438f6b;--main-background:linear-gradient(0deg,#6b8f5f,#63939c);--box-background:#4da9ac;--box-background-alt:color.scale(var(--box-background),$alpha:-40%);--text-colour-body:#000;--text-colour-box:#000;--text-colour-link:#6b0e2d;--text-colour-link-footer:#000;--btn-background:#6a88a1;--btn-hover:#475e72;--header-background:#007e94;--footer-background:var(--header-background);--divider-colour:#42c253;--title-primary-line-colour:#6b0e2d;--title-primary-text-colour:#6b0e2d;--title-secondary-line-colour:#fff;--title-secondary-text-colour:#fff;--body-graphic-colour-1:#9db189;--body-graphic-colour-3:#eaeaea}*,:after,:before{font-weight:400}body{background:var(--body-background);min-height:100vh;display:flex;justify-content:center;align-content:center;position:relative}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button{background:none;border:none;border-radius:none;cursor:pointer}#app{margin:auto;width:100vw;display:flex;flex-direction:column;align-items:center}.link-like{cursor:pointer;user-select:none}html{font-size:100%}body{line-height:2}h1,h2,h3,h4{font-family:Kumbh Sans,sans-serif;color:var(--text-colour-body)}h1{font-size:5.32rem;margin-bottom:5.6rem;font-weight:700;text-align:center}h1:not(:first-child){margin-top:5.6rem}h2{font-size:4rem;margin-bottom:2.8rem;font-weight:600;text-align:center}h2:not(:first-child){margin-top:5.6rem}h3{font-size:2.1rem;margin-bottom:2.8rem;font-weight:600;text-align:center}h3:not(:first-child){margin-top:5.6rem}h4{font-size:1.2rem;margin-bottom:2.8rem}h4:not(:first-child){margin-top:5.6rem}a,label,p{font-size:1.4rem;font-family:Josefin Sans,sans-serif;color:var(--text-colour-body);font-weight:400}a:not(:last-child),label:not(:last-child),p:not(:last-child){margin-bottom:2.8rem}code,pre{color:var(--text-colour-body)}a,a:visited{color:var(--text-colour-link)}.right-align{display:block;text-align:right}.divider{margin:0 2.8rem 2.8rem;border-bottom:0;color:var(--divider-colour)}.input-box{position:relative}.input-box input,.input-box select{width:100%;padding-left:2px;height:4.2rem;font-size:1.4rem;color:#000;margin-bottom:4.2rem;border:none;border-bottom:1px solid #000;outline:none;background:transparent}.input-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:1.4rem;color:#000;pointer-events:none;transition:.5s}label.slider-value{left:unset!important;right:0}.input-box input:focus~label,.input-box input:valid~label,.input-box select~label{top:-2.52rem;left:2px;color:#000;font-size:.98rem}.input-box-checkbox{display:flex;flex-flow:row wrap;margin-bottom:2.8rem}.input-box-checkbox input{width:1.96rem;margin-right:1.4rem}.input-box-checkbox label{margin-bottom:0;width:calc(100% - 3.36rem)}.input-box-checkbox label:first-child{width:100%;font-size:.98rem}.submit-btn{width:100%;padding:1.12rem 2.8rem;font-size:1.4rem;background:var(--btn-background);border:none;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.submit-btn:hover{background:var(--btn-hover)}.submit-btn:active{box-shadow:none}main{width:max(min(960px,100vw),300px);min-height:100vh;background:var(--main-background-fallback);box-shadow:0 0 10px rgba(0,0,0,.6);overflow-x:hidden;overflow-y:visible;display:flex;flex-flow:column nowrap;gap:1.4rem}main .main-body{flex-grow:1;margin:0 2.8rem}main .lang-toggle{margin:0 5px;height:3.64rem;display:flex;justify-content:end}.main-body,.project{display:flex;flex-flow:column nowrap}.project{grid-column:2/span 11;grid-row:4;overflow-x:hidden}.project .project-gradient-bottom,.project .project-gradient-top{width:100%;height:5px}.project .project-gradient-top{background:linear-gradient(90deg,var(--accent-colour) 0,transparent 100%)}.project .project-gradient-bottom{background:linear-gradient(90deg,transparent,#fff)}.project .project-header{margin-bottom:1.4rem;width:100%;height:4.2rem;display:flex;flex-flow:row nowrap;justify-content:space-between}.project .project-header *{margin-bottom:0}.project .project-header .project-header-title-wrapper{overflow-x:hidden;width:60%;pointer-events:none;align-self:start}.project .project-header .project-header-title-wrapper .project-header-title{width:300%;display:flex;flex-flow:row nowrap;align-items:center}.project .project-header .project-header-title-wrapper .project-header-title .project-header-title-item{width:33.3333333333%;white-space:normal;margin:0}.project .project-header .project-header-next,.project .project-header .project-header-prev{display:flex;width:0;height:4.2rem;align-items:center;align-self:end}.project .project-header .project-header-next .link-like,.project .project-header .project-header-prev .link-like{display:inline-block;min-width:max-content}.project .project-header .project-header-next{justify-content:end}.project .project-body-wrapper{overflow-x:hidden;width:100%}.project .project-body{margin:1.4rem 0;width:300%;display:flex;flex-flow:row nowrap}.project .project-body-item{display:flex;column-gap:5px;width:33.3333333333%}.project .project-body-item .half-width{width:50%}.project .project-body-item .images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;height:fit-content}.project .project-body-item .images img{grid-row-end:span 1;grid-column-end:span 1;width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 0;cursor:pointer}.scroll-left-enter{transform:translateX(-100%)}.scroll-left-enter-active{transform:translateX(0);transition:transform .3s cubic-bezier(.11,0,.5,0)}.scroll-left-exit{transform:translateX(0)}.scroll-left-exit-active{transform:translateX(-100%);transition:transform .3s cubic-bezier(.5,1,.89,1)}.scroll-right-enter{transform:translateX(0)}.scroll-right-enter-active{transition:transform .3s cubic-bezier(.11,0,.5,0)}.scroll-right-enter-active,.scroll-right-exit{transform:translateX(-100%)}.scroll-right-exit-active{transform:translateX(0);transition:transform .3s cubic-bezier(.5,1,.89,1)}.scroll-left-enter-done,.scroll-right-enter-done{transform:translateX(0)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.631);padding:2.8rem}.modal,.modal-overlay{display:flex;justify-content:center;align-items:center}.modal{width:100%;height:100%;overflow:visible}.modal img{max-width:100%;max-height:100%;object-fit:contain}.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:visible;margin:auto;top:0;left:0;bottom:0;right:0}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:"";display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s linear infinite;-moz-animation:spinner 1.5s linear infinite;-ms-animation:spinner 1.5s linear infinite;-o-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border-radius:.5em;-webkit-box-shadow:1.5em 0 0 0 #bbb,1.1em 1.1em 0 0 #bbb,0 1.5em 0 0 #bbb,-1.1em 1.1em 0 0 #bbb,-1.5em 0 0 0 #bbb,-1.1em -1.1em 0 0 #bbb,0 -1.5em 0 0 #bbb,1.1em -1.1em 0 0 #bbb;box-shadow:1.5em 0 0 0 #bbb,1.1em 1.1em 0 0 #bbb,0 1.5em 0 0 #bbb,-1.1em 1.1em 0 0 #bbb,-1.5em 0 0 0 #bbb,-1.1em -1.1em 0 0 #bbb,0 -1.5em 0 0 #bbb,1.1em -1.1em 0 0 #bbb}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.header{display:flex;flex-flow:row nowrap;margin:0 5px 3.64rem;height:7rem}.header #left-title-container,.header #right-title-container{width:50%;display:flex;flex-flow:column nowrap;justify-content:center;position:relative}.header #left-title,.header #right-title{height:5.04rem;display:flex;position:relative}.header #right-title{flex-flow:row nowrap;justify-content:start}.header #left-title{flex-flow:column nowrap;justify-content:start;overflow:hidden;position:relative}.header #title-name,.header #title-title{font-family:Kumbh Sans,sans-serif;margin:0;display:inline;white-space:nowrap;font-weight:400;letter-spacing:3px;text-shadow:1px 2px 3px rgba(0,0,0,.333);padding-right:1.176rem;text-align:right;color:var(--title-primary-text-colour);line-height:1.2;align-self:end}.header #title-title{position:relative}.header #title-portfolio{padding-left:.896rem;color:var(--title-secondary-text-colour)}.header #title-portfolio,.header #title-route{font-family:Kumbh Sans,sans-serif;margin:0;display:inline;white-space:nowrap;font-weight:400;letter-spacing:1px;text-shadow:1px 2px 3px rgba(0,0,0,.467);line-height:1.2;align-self:center}.header #title-route{text-align:right;color:var(--title-primary-text-colour);padding-right:1.26rem;position:absolute;right:-100%}.header #red-solid{position:absolute;height:100%;width:.343rem;left:0;top:0;background:var(--title-primary-line-colour)}.header #red-gradient{position:absolute;width:100%;height:.343rem;bottom:0;left:0;background:linear-gradient(90deg,var(--title-primary-line-colour) 0,transparent 100%)}.header #white-solid{position:absolute;height:100%;width:.343rem;right:0;bottom:0;background-color:var(--title-secondary-line-colour)}.header #white-gradient{position:absolute;width:100%;height:.343rem;top:0;right:0;background:linear-gradient(270deg,var(--title-secondary-line-colour) 0,transparent 100%)}.text-box-s,.text-box-xs{grid-column-end:span 3}.text-box-m{grid-column-end:span 5}.text-box-l{grid-column-end:span 9}.text-box-xl{grid-column-end:span 11}.bg-graphic-bottom,.bg-graphic-top{position:absolute;width:100vw;height:100vh;z-index:-1;overflow:hidden}.bg-graphic-bottom{bottom:0}.bg-graphic-bottom .graphic-line-1{left:0;bottom:150px;transform:translate(-5px,5px);width:2000px;height:10px;background:linear-gradient(90deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-2{left:5px;bottom:5px;transform:translate(-5px,5px);width:10px;height:500px;background:linear-gradient(0deg,var(--accent-colour) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-3{left:210px;bottom:5px;transform:translate(-5px,5px);width:10px;height:210px;background:linear-gradient(0deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-4{left:145px;bottom:0;transform:translate(-5px,5px);width:10px;height:550px;background:linear-gradient(180deg,var(--body-graphic-colour-3) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-5{left:1px;bottom:350px;transform:translate(-5px,5px);width:100px;height:10px;background:linear-gradient(270deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-6{left:100px;bottom:0;transform:translate(-5px,5px);width:10px;height:350px;background:linear-gradient(180deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-7{left:100px;bottom:350px;transform:translate(-5px,5px);width:1600px;height:10px;background:linear-gradient(90deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-8{left:145px;bottom:550px;transform:translate(-5px,5px);width:750px;height:10px;background:linear-gradient(90deg,var(--body-graphic-colour-3) 15%,transparent 100%)}.bg-graphic-bottom .graphic-line-9{left:5px;bottom:5px;transform:translate(-5px,5px);width:250px;height:10px;background:linear-gradient(90deg,var(--accent-colour) 15%,transparent 100%)}.bg-graphic-bottom .graphic-square-1{left:5px;bottom:5px;transform:translate(-50%,50%) rotate(45deg);background-color:var(--accent-colour)}.bg-graphic-bottom .graphic-square-2{left:210px;bottom:0}.bg-graphic-bottom .graphic-square-2,.bg-graphic-bottom .graphic-square-3{transform:translate(-50%,50%) rotate(45deg);background-color:var(--body-graphic-colour-1)}.bg-graphic-bottom .graphic-square-3{left:0;bottom:150px}.bg-graphic-bottom .graphic-square-4{left:100px;bottom:350px;transform:translate(-50%,50%) rotate(45deg);background-color:var(--body-graphic-colour-1)}.bg-graphic-bottom .graphic-square-5{left:145px;bottom:550px;transform:translate(-50%,50%) rotate(45deg);background-color:var(--body-graphic-colour-3)}.bg-graphic-top{top:0}.bg-graphic-top .graphic-line-1{right:5px;top:5px;transform:translate(5px,-5px);width:300px;height:10px;background:linear-gradient(270deg,var(--accent-colour) 15%,transparent 100%)}.bg-graphic-top .graphic-line-2{right:5px;top:5px;transform:translate(5px,-5px);width:10px;height:500px;background:linear-gradient(180deg,var(--accent-colour) 15%,transparent 100%)}.bg-graphic-top .graphic-line-3{right:0;top:90px;transform:translate(5px,-5px);width:250px;height:10px;background:linear-gradient(90deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-top .graphic-line-4{right:60px;top:0;transform:translate(5px,-5px);width:10px;height:400px;background:linear-gradient(180deg,var(--body-graphic-colour-3) 15%,transparent 100%)}.bg-graphic-top .graphic-line-5{right:250px;top:90px;transform:translate(5px,-5px);width:1200px;height:10px;background:linear-gradient(270deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-top .graphic-line-6{right:250px;top:90px;transform:translate(5px,-5px);width:10px;height:300px;background:linear-gradient(180deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-top .graphic-line-7{right:180px;top:0;transform:translate(5px,-5px);width:10px;height:400px;background:linear-gradient(0deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-top .graphic-line-8{right:0;top:400px;transform:translate(5px,-5px);width:180px;height:10px;background:linear-gradient(90deg,var(--body-graphic-colour-1) 15%,transparent 100%)}.bg-graphic-top .graphic-square-1{right:5px;top:5px;transform:translate(50%,-50%) rotate(45deg);background-color:var(--accent-colour)}.bg-graphic-top .graphic-square-2{right:60px;top:0;transform:translate(50%,-50%) rotate(45deg);background-color:var(--body-graphic-colour-3)}.bg-graphic-top .graphic-square-3{right:250px;top:90px}.bg-graphic-top .graphic-square-3,.bg-graphic-top .graphic-square-4{transform:translate(50%,-50%) rotate(45deg);background-color:var(--body-graphic-colour-1)}.bg-graphic-top .graphic-square-4{right:180px;top:400px}.graphic-line,.graphic-square{position:absolute}.graphic-square{width:40px;height:40px}.graphic-line{width:10px;height:200px;background-color:#000}.footer{background:var(--main-background-fallback);height:2.8rem;width:100%;display:flex;justify-content:end;align-items:end;padding:0 5px}.footer p{color:#ddd;letter-spacing:2px;font-size:1rem;padding:0 .5rem}.call-to-action{align-self:center;border:2px solid #000;background-color:hsla(0,0%,100%,.2);border-radius:1.96rem;height:3.92rem;padding-left:1.4rem;padding-right:.84rem;display:flex;flex-flow:row nowrap;align-items:center;gap:1.12rem}.call-to-action span{font-size:1.54rem}.call-to-action svg{font-size:1.96rem}.call-to-action *{color:var(--accent-colour)}.call-to-action:hover{background-color:hsla(0,0%,100%,.333)}.call-to-action:hover *{color:#000}.call-to-action:active{background-color:hsla(0,0%,100%,.133)}.call-to-action:not(:last-child){margin-bottom:2.8rem}@media only screen and (max-width:740px){.header{flex-direction:column-reverse;height:14rem;margin:5px}.header #left-title-container,.header #right-title-container{width:100%;height:7rem}.header #right-title-container{align-self:start}.header #left-title-container{align-self:end}main .main-body{padding:0 5px}.bg-graphic-bottom,.bg-graphic-top{display:none}html{font-size:95%}}@media only screen and (max-width:620px){.project .project-body-item{flex-direction:column;row-gap:2.8rem}.project .project-body-item .half-width{width:100%}.project .project-body-item .images{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}html{font-size:90%}}@media only screen and (max-width:500px){.project .project-body-item .images{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.project .project-header{height:8.4rem}html{font-size:85%}}@media only screen and (max-width:370px){html{font-size:75%}}