.navigation-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--global-padding);height:50px;position:relative;z-index:3}@media only screen and (min-width: 768px){.navigation-header{position:fixed;width:100%}}.navigation-header .nav-item{color:var(--text-color);text-transform:capitalize;font-size:14px;font-weight:700;transition:color .125s ease-in-out,border-color .125s ease-in-out;cursor:pointer}.navigation-header .open_menu-btn{border:3px solid var(--text-color);border-radius:50%;padding:3px 18px}.navigation-header.__active .nav-item{color:var(--colour-orange);border-color:var(--colour-orange)}.menu[data-v-fab2d7be]{z-index:2;position:relative}.menu .container[data-v-fab2d7be]{padding:0 var(--global-padding);width:100%;height:100%;z-index:2;position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;visibility:hidden}.menu .container .item-wrapper[data-v-fab2d7be]{display:flex;flex-direction:column;justify-content:center;grid-row-gap:40px;height:100%}@media only screen and (min-width: 1024px){.menu .container .item-wrapper[data-v-fab2d7be]{flex-direction:row;align-items:center;justify-content:flex-start;grid-column-gap:120px}}.menu .container .item-wrapper .menu-item[data-v-fab2d7be]{opacity:0;font-size:20vw;-webkit-text-stroke:2px var(--colour-orange);font-family:var(--font-wildwest);color:transparent;letter-spacing:4px}@media only screen and (min-width: 1024px){.menu .container .item-wrapper .menu-item[data-v-fab2d7be]{font-size:8vw}}.menu .container .item-wrapper .menu-item.__selected[data-v-fab2d7be]{color:var(--colour-orange)}.menu .container .social-links[data-v-fab2d7be]{position:absolute;right:var(--global-padding);bottom:60px;display:flex;grid-column-gap:8px}@media only screen and (min-width: 1024px){.menu .container .social-links[data-v-fab2d7be]{right:unset;left:var(--global-padding)}}.menu .container .social-links .link[data-v-fab2d7be]{opacity:0;transition:transform .1s ease}.menu .container .social-links .link[data-v-fab2d7be]:hover{transform:translateY(-5px)!important}.menu .container .smiley-face[data-v-fab2d7be]{margin:0;position:absolute;z-index:-1;transform:translate(-20%) translateY(5%);left:0;top:50%;width:100vw}@media only screen and (min-width: 1024px){.menu .container .smiley-face[data-v-fab2d7be]{left:unset;right:0;transform:translate(20%) translateY(-25%);max-width:1200px}}.menu .container .smiley-face img[data-v-fab2d7be]{width:100%;object-fit:contain;animation:tilt-fab2d7be 3s infinite step-end}.menu .background[data-v-fab2d7be]{z-index:1;background:var(--colour-black);width:110vw;height:150vh;transform:translate(-120%);position:fixed;top:-50%;left:0;right:0;bottom:0;border-radius:100%}@keyframes tilt-fab2d7be{0%{transform:rotate(0)}50%{transform:rotate(-20deg)}to{transform:rotate(0)}}.footer[data-v-8e71b30c]{padding:120px var(--global-padding) 60px;color:var(--text-color);margin-top:-1px;font-size:10px}@media only screen and (min-width: 1024px){.footer[data-v-8e71b30c]{padding:120px 0 60px;display:grid;grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width: 1024px){.footer .container[data-v-8e71b30c]{grid-column:2/span 11}}.info-page[data-v-bbbe9d0f]{padding:120px 20px;margin:auto;position:relative;height:100vh}@media only screen and (min-width: 768px){.info-page[data-v-bbbe9d0f]{padding:120px 80px}}.info-page .wrapper[data-v-bbbe9d0f]{height:100%;position:relative}.info-page .wrapper .image[data-v-bbbe9d0f]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:100%}@media only screen and (min-width: 768px){.info-page .wrapper .image[data-v-bbbe9d0f]{width:70%}}.info-page .wrapper .image img[data-v-bbbe9d0f]{width:100%;height:100%;object-fit:cover}.info-page .wrapper .first[data-v-bbbe9d0f]{color:#fff;text-indent:2.5em;position:relative;width:70%;font-size:6.2vw;transform:translateY(-50%)}@media only screen and (min-width: 768px){.info-page .wrapper .first[data-v-bbbe9d0f]{transform:translateY(-25%);width:55%;font-size:3vw}}.info-page .wrapper .second[data-v-bbbe9d0f]{color:#fff;text-indent:2.5em;position:absolute;bottom:0;right:0;width:70%;font-size:6.2vw;transform:translateY(50%)}@media only screen and (min-width: 768px){.info-page .wrapper .second[data-v-bbbe9d0f]{width:50%;font-size:3vw}}.project-card[data-v-7b66eed1]{opacity:0}.project-card .card-container[data-v-7b66eed1]{display:grid;grid-row-gap:20px;color:var(--text-color);padding:var(--global-padding) 0}.project-card .card-container .card_number[data-v-7b66eed1],.project-card .card-container .card_date[data-v-7b66eed1]{color:inherit;font-weight:700;font-size:14px}.project-card .card-container .card_number[data-v-7b66eed1]{grid-column:1}.project-card .card-container .card_date[data-v-7b66eed1]{grid-column:2;text-align:right;text-transform:uppercase}.project-card .card-container .card_title[data-v-7b66eed1]{grid-column:1/3;word-break:break-word;text-transform:uppercase;font-size:16vw;line-height:100%;color:inherit;transition:all .25s ease}@media only screen and (min-width: 560px){.project-card .card-container .card_title[data-v-7b66eed1]{font-size:12vw;word-break:normal}}@media only screen and (min-width: 1024px){.project-card .card-container .card_title[data-v-7b66eed1]{font-size:6vw}}.project-card .card-container .card_role[data-v-7b66eed1]{color:inherit}.project-card .line-break[data-v-7b66eed1]{width:100%;height:3px;background:white;opacity:.5}.project-card .line-break_squiggle[data-v-7b66eed1]{width:100%}.project-card:hover .card_title[data-v-7b66eed1]{transform:translate(5vw)}.project-card:last-of-type .line-break_squiggle[data-v-7b66eed1],.project-card:last-of-type .line-break[data-v-7b66eed1]{display:none}.project-card.__personal .card_title[data-v-7b66eed1]{font-size:18vw;font-family:var(--font-wildwest);line-height:normal}@media only screen and (min-width: 560px){.project-card.__personal .card_title[data-v-7b66eed1]{font-size:10vw}}@media only screen and (min-width: 1024px){.project-card.__personal .card_title[data-v-7b66eed1]{font-size:6vw}}main[data-v-fccfaf04]{position:relative;z-index:1}@media only screen and (min-width: 1024px){main[data-v-fccfaf04]{display:grid;grid-template-columns:repeat(12,1fr)}}main .work-nav[data-v-fccfaf04]{font-family:var(--font-opensans);position:fixed;right:0;top:80px;padding:0 var(--global-padding);text-align:right;font-weight:700;font-size:32px;line-height:32px;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--text-color);z-index:2;display:flex;flex-direction:column;align-items:flex-end;letter-spacing:-.5px}main .work-nav p[data-v-fccfaf04]{cursor:pointer;width:fit-content}main .work-nav p.__active[data-v-fccfaf04]{color:var(--text-color);-webkit-text-stroke:0 transparent}@media only screen and (min-width: 768px){main .work-nav[data-v-fccfaf04]{font-size:42px;line-height:42px;top:50%;transform:translateY(-50%)}}main .work-section[data-v-fccfaf04]{display:flex;flex-direction:column;padding:120px var(--global-padding) 40px}@media only screen and (min-width: 768px){main .work-section[data-v-fccfaf04]{padding-top:140px}}@media only screen and (min-width: 1024px){main .work-section[data-v-fccfaf04]{padding:140px 0 40px;grid-column:2/span 6}}main .work-section .section-title[data-v-fccfaf04]{font-weight:700;font-size:14px;text-transform:uppercase}main .work-section.__personal .section-title[data-v-fccfaf04]{color:var(--text-color)}main .work-section.__professional .section-title[data-v-fccfaf04]{color:var(--text-color)}.project-type-test[data-v-fccfaf04]{z-index:-1;position:fixed;width:100vh;height:100vh;background:transparent;border-radius:50%;top:0;transform-origin:center center;transform:scale(0)}@media only screen and (min-width: 768px){.project-type-test[data-v-fccfaf04]{width:100vw;height:100vw}}.back-button{cursor:pointer;width:20px;opacity:.8}.back-button:hover{opacity:1}.back-button svg{height:100%;width:100%}.button[data-v-a3e7495f]{padding:12px 20px;font-size:16px;font-weight:700;color:var(--text-color);border:0;background:rgba(255,255,255,0);box-shadow:-4px 4px 0 var(--text-color);grid-gap:8px;display:flex;width:fit-content;cursor:pointer;align-items:center;justify-content:center;transition:all .125s ease}.button[data-v-a3e7495f]:hover{background:rgba(255,255,255,.1)}.button[data-v-a3e7495f]:active{box-shadow:0 0 0 var(--text-color);transform:translate(-4px,4px)}.button span[data-v-a3e7495f]{margin-left:4px}.next-project{padding:0 var(--global-padding)}@media only screen and (min-width: 1024px){.next-project{padding:120px 0 0;display:grid;grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width: 1024px){.next-project>a{grid-column:2/span 7}}.next-project .container{color:var(--text-color);grid-row-gap:20px;display:flex;flex-direction:column}.next-project .container>span{font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px}.next-project .container>h2{font-weight:700;font-size:8vw;text-transform:uppercase}@media only screen and (min-width: 560px){.next-project .container>h2{font-size:6vw}}@media only screen and (min-width: 1024px){.next-project .container>h2{font-size:3vw}}.project-image[data-v-86b0fcb3]{position:relative;overflow:hidden}.project-image .container[data-v-86b0fcb3]{opacity:0;display:flex}.project-image .container>div[data-v-86b0fcb3]{width:100%}.project-image .container img[data-v-86b0fcb3],.project-image .container video[data-v-86b0fcb3]{width:100%;height:100%;margin-bottom:-2px}.project-image .overlay[data-v-86b0fcb3]{background-color:var(--background-color);width:100%;transform:scale(1);height:100%;position:absolute;top:0;left:0;transform-origin:top}.project-image[data-v-86b0fcb3]:first-of-type{grid-column:2/span 3}@media only screen and (min-width: 1024px){.project-image[data-v-86b0fcb3]:first-of-type{grid-column:7/span 5}}.project-image[data-v-86b0fcb3]:nth-of-type(2){grid-column:1/span 6}@media only screen and (min-width: 1024px){.project-image[data-v-86b0fcb3]:nth-of-type(2){grid-column:5/span 8}}.project-image[data-v-86b0fcb3]:nth-of-type(3){grid-column:3/span 4}@media only screen and (min-width: 1024px){.project-image[data-v-86b0fcb3]:nth-of-type(3){grid-column:6/span 6}}.project-image[data-v-86b0fcb3]:nth-of-type(4){grid-column:1/span 5}@media only screen and (min-width: 1024px){.project-image[data-v-86b0fcb3]:nth-of-type(4){grid-column:3/span 3}}.project-image[data-v-86b0fcb3]:nth-of-type(5){grid-column:2/span 4}@media only screen and (min-width: 1024px){.project-image[data-v-86b0fcb3]:nth-of-type(5){grid-column:7/span 6}}.layout-container{display:flex;flex-direction:column}@media only screen and (min-width: 560px){.layout-container{padding-top:80px}}@media only screen and (min-width: 1024px){.layout-container{padding-top:120px}}.layout-container .project-content{padding:0 var(--global-padding);color:var(--text-color);z-index:1}@media only screen and (min-width: 1024px){.layout-container .project-content{padding:0;display:grid;grid-template-columns:repeat(12,1fr);position:sticky;top:100px}}.layout-container .project-content .wrapper{grid-column:2/span 6;display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"company date" "title title" "role stack" "linebreak linebreak" "info info" "button button";grid-row-gap:20px}.layout-container .project-content .wrapper .project_date{grid-area:date;text-align:right;font-weight:700;font-size:14px;text-transform:uppercase;align-self:center}.layout-container .project-content .wrapper .project_title{grid-area:title;font-weight:700;font-size:16vw;text-transform:uppercase;word-break:break-word;line-height:100%}@media only screen and (min-width: 560px){.layout-container .project-content .wrapper .project_title{font-size:8vw}}@media only screen and (min-width: 1024px){.layout-container .project-content .wrapper .project_title{font-size:5vw}}.layout-container .project-content .wrapper .project_role{grid-area:role;font-size:14px;align-self:center}.layout-container .project-content .wrapper .project_stack{grid-area:stack;justify-content:flex-end;display:flex;grid-column-gap:4px}.layout-container .project-content .wrapper .line-break{margin:15px 0;grid-column:1/3;border-bottom:2px solid rgba(255,255,255,.5)}.layout-container .project-content .wrapper .project_info{grid-area:info;font-size:16px;line-height:24px;display:flex;flex-direction:column;grid-gap:20px}@media only screen and (min-width: 1024px){.layout-container .project-content .wrapper .project_info{flex-direction:row;grid-gap:40px}}.layout-container .project-content .wrapper .project_info>span{font-size:14px;line-height:normal;text-transform:capitalize;font-weight:700;letter-spacing:.5px}.layout-container .project-content .wrapper .default-btn{grid-area:button;margin-top:40px;min-width:180px}@media only screen and (min-width: 1024px){.layout-container .project-content .wrapper .default-btn{justify-self:flex-end}}.layout-container .project-images{display:grid;grid-template-columns:20px repeat(4,1fr) 20px;grid-row-gap:60px;padding:60px 0}@media only screen and (min-width: 1024px){.layout-container .project-images{grid-template-columns:repeat(12,1fr);grid-row-gap:120px}}.layout-container.__personal .line-break{margin:0!important;border:0!important;height:15px;grid-area:linebreak;background-repeat:repeat-x;background-image:url(/assets/wave-b69c1833.svg)}.layout-container.__personal .project_title,.next-project.__personal h2{font-family:var(--font-wildwest);line-height:normal}.test-overlay{position:fixed;top:0;left:0;background:var(--colour-offwhite);right:0;bottom:0;transform:scaleX(0);z-index:2}*{box-sizing:border-box}:root{font-family:var(--font-splinesans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--colour-black: #333;--colour-orange: #F28465;--colour-offwhite: #FFE9E2;--colour-white: #FFF;--font-wildwest: "WildWorld", Roboto, sans-serif;--font-splinesans: "SplineSans", Arial, sans-serif;--font-opensans: "OpenSans", Arial, sans-serif;--background-color: var(--colour-orange);--text-color: var(--colour-offwhite);--global-padding: 20px}@media only screen and (min-width: 768px){:root{--global-padding: 40px}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color)}h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:inherit;color:inherit}p{margin:0}figure{margin:0}@font-face{font-family:WildWorld;font-weight:700;font-style:normal;font-display:auto;src:url(/fonts/WILDWORLD.otf)}@font-face{font-family:SplineSans;font-style:normal;font-display:auto;src:url(/fonts/SplineSans-VariableFont_wght.ttf)}@font-face{font-family:OpenSans;font-style:normal;font-display:auto;src:url(/fonts/OpenSans-VariableFont_wdth,wght.ttf)}