@import url(https://use.typekit.net/maw1dwo.css);@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montaga&display=swap);:root{--colour-black:#121212;--colour-white:#f2f2f2;--primary:#f0a76c;--gray:#3e3e3e;--accent1:#75ecd6;--accent2:#e2a1ec;--colour-body:var(--colour-black);--colour-text:var(--colour-white);--colour-text-secondary:var(--primary);--heading:proxima-nova,sans-serif;--subheading:proxima-nova,sans-serif;--content:"work sans",sans-serif;--mono:monospace;--bold:800;--semi-bold:600;--regular:400;--linespace:1.5;--padding:1.65em;--gap:1em;--real-vh:100vh;--shadow:0 0 10px 1px #0000004d;--round:100%;--time-proExpand:0.7s cubic-bezier(0.95,0.05,0.795,0.035);--time-proExpandQ:0.4s ease;--z-module:1;--z-shapes:1;--z-focus:48;--z-topbar:49;--z-menugrab:50;--z-main-menu:51;--z-animOver:99;--z-noise:100}:root.light{--colour-body:var(--colour-white);--colour-text:var(--gray);--colour-text-secondary:var(--primary)}*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,.2)!important;-webkit-focus-ring-color:#fff0!important;box-sizing:border-box;margin:0;padding:0}.poggers{display:none;left:0;position:absolute;top:0;width:100%;z-index:9}::selection{background-color:#f0a76c;background-color:var(--primary);color:#f2f2f2;color:var(--colour-white)}html{color:#f2f2f2;color:var(--colour-text);font:400 1em/1.5 work sans,sans-serif;font:var(--regular) 1em/var(--linespace) var(--content)}body.disable{overflow:hidden}main.disable{position:fixed;z-index:-1}body.disable *,main.disable>*{pointer-events:none}body.disable .main-menu *{pointer-events:auto}p{color:#f2f2f2;color:var(--colour-text);font:400 1.25em/1.3 work sans,sans-serif;font:var(--regular) 1.25em/1.3 var(--content);letter-spacing:-.2px}p.underline{text-decoration:underline}h1{color:#f2f2f2;color:var(--colour-text);font:800 2.1em/1.1 proxima-nova,sans-serif;font:var(--bold) 2.1em/1.1 var(--heading);font-family:montaga;letter-spacing:-.4px}h1.coloured{color:#f0a76c;color:var(--primary)}h1.thin{font-weight:600;font-weight:var(--semi-bold)}h2{color:#f2f2f2;color:var(--colour-text);font:800 1.9em/1.15 proxima-nova,sans-serif;font:var(--bold) 1.9em/1.15 var(--heading);letter-spacing:-.3px}h2 span{font:400 .7em/1.5 proxima-nova,sans-serif;font:var(--regular) .7em/var(--linespace) var(--subheading);letter-spacing:-.2px}h3{font:600 1.15em/1 proxima-nova,sans-serif;font:var(--semi-bold) 1.15em/1 var(--heading)}h3,h4{color:#f2f2f2;color:var(--colour-text)}h4{font:400 .8em/1.5 proxima-nova,sans-serif;font:var(--regular) .8em/var(--linespace) var(--subheading);letter-spacing:-.12px}h4 span{font-family:proxima-nova,sans-serif;font-family:var(--subheading);font-weight:800;font-weight:var(--bold)}h5{font:400 .65em/1.5 proxima-nova,sans-serif;font:var(--regular) .65em/var(--linespace) var(--subheading);letter-spacing:-.09px}h5,h6{color:#f2f2f2;color:var(--colour-text)}h6{font:400 .8em/1.5 monospace;font:var(--regular) .8em/var(--linespace) var(--mono)}circle{mix-blend-mode:multiply}a{color:#f2f2f2;color:var(--colour-text);display:inline-block;outline:none!important}a,a:hover{text-decoration:none}a p{border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--colour-text);padding-right:0}main{overflow:auto;overflow-x:hidden}body,html,main{background-color:#121212;background-color:var(--colour-body);width:100%}.app:after{animation:noise 1s steps(2) infinite;background-image:url(/static/media/grain3.90e1b5bf1882f96dbee6.png);background-position:50%;content:"";height:200vh;left:-35vw;opacity:.1;pointer-events:none;position:fixed;top:-30vh;width:200vw;will-change:transform;z-index:100;z-index:var(--z-noise)}@keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}};ul{list-style:none}button{border:none;cursor:pointer;outline:none!important}button.standard{background:var(--peach);color:#f2f2f2;color:var(--colour-white);padding:.825em;padding:calc(var(--padding)/2) calc(var(--padding)/2)}button.text{background:#0000;border-bottom:1px solid #e2a1ec;border-bottom:1px solid var(--accent2);color:#e2a1ec;color:var(--accent2);display:inline-block;font:600 1em/.4 proxima-nova,sans-serif;font:var(--semi-bold) 1em/.4 var(--heading);padding:.4125em 0;padding:calc(var(--padding)/4) 0;text-align:left}button.text a{color:inherit}button.text:hover{border-bottom:2px solid #e2a1ec;border-bottom:2px solid var(--accent2)}button.icon{background:none;height:2em;padding:.4em;width:2em}button.icon img{width:100%}button.icon.round{border:1px solid #ffffff4d;border-radius:100%;padding:.6em;width:3em}button.icon.round,button.outline{align-items:center;display:grid;height:3em;justify-items:center}button.outline{background:#0000;border:1px solid #ffffff4d;border-radius:10em;color:#f2f2f2;color:var(--colour-white);padding:0 1em}button.icon.round:hover,button.outline:hover{background-color:#fff3}button.icon.round[aria-disabled=true]:hover{background-color:initial}nav.topbar>:first-child{left:2.85em;left:calc(var(--padding) + 1.2em);mix-blend-mode:exclusion;position:fixed;top:1.65em;top:var(--padding);width:2em;z-index:49;z-index:var(--z-topbar)}nav.topbar img{width:100%}nav.topbar .pages{grid-gap:1.5em;grid-gap:calc(var(--gap)*1.5);align-items:center;background-color:#121212;background-color:var(--colour-body);border:1px solid #323232;border-radius:3em;display:grid;gap:1.5em;gap:calc(var(--gap)*1.5);grid-template-columns:1fr 1fr;height:2.2em;justify-items:right;left:6.6em;left:calc(var(--padding)*4);padding:0 1em;position:fixed;top:1.45em;top:calc(var(--padding) - .2em);z-index:49;z-index:var(--z-topbar)}nav.topbar .pages .selected{border-bottom:1px solid #fff;pointer-events:none}div.menu{align-items:center;display:grid;height:2.5em;justify-items:center;position:fixed;right:0;top:0;width:2.5em;z-index:50;z-index:var(--z-menugrab)}div.menu.active{height:100vh!important;transition:.5s ease;width:100vw!important}div.menu.active img{display:none}div.menu.active .menu-grab{border-radius:0;transition:inherit}div.menu .menu-grab{background-color:#f0a76c;background-color:var(--primary);border-radius:100%;border-radius:var(--round);height:200%;position:relative;right:-50%;top:-50%;width:200%}div.menu img{bottom:1.2em;left:.85em;position:absolute;transform:rotate(-45deg);width:2em;z-index:1}.main-menu{--colour-text:var(--colour-black);height:100vh;padding:2.85em;padding:calc(var(--padding) + 1.2em);position:fixed;top:0;width:100%;z-index:51;z-index:var(--z-main-menu)}.main-menu .inner-menu{grid-gap:3.7125em;grid-gap:calc(var(--padding)*2.25);display:grid;gap:3.7125em;gap:calc(var(--padding)*2.25);grid-template-rows:-webkit-max-content -webkit-max-content auto -webkit-min-content;grid-template-rows:max-content max-content auto min-content;height:100%}.main-menu .inner-menu>p{padding-right:3.3em;padding-right:calc(var(--padding)*2)}.main-menu .header{display:grid;grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content}.main-menu .close-icon{cursor:pointer;width:1.2em}.main-menu .logo{filter:invert(1)}.main-menu nav{display:grid;grid-template-columns:1fr 1fr}.main-menu nav div{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap);grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content}.main-menu nav img{margin-right:-.45em;margin-right:calc(var(--padding)*-1 + 1.2em);margin-top:-1em;margin-top:calc(var(--gap)*-1);width:calc(100% + 2.85em);width:calc(100% + var(--padding) + 1.2em)}.main-menu .foot{bottom:3.3em;bottom:calc(var(--padding)*2);display:grid;position:fixed}.main-menu .foot .social-icons{filter:brightness(0);margin-top:2.64em;margin-top:calc(var(--padding)*1.6)}div.tags{display:flex;flex-direction:row;overflow-x:auto;width:auto}div.tags h4{margin-right:1em;margin-right:var(--gap);text-transform:capitalize}.em-sizer{pointer-events:none;position:fixed;top:-2em;visibility:hidden;width:100em}div.fab{background-color:var(--pale-yellow);border-radius:100%;border-radius:var(--round);bottom:1.1em;bottom:calc(var(--padding)/1.5);cursor:pointer;height:3.2em;position:fixed;right:1.1em;right:calc(var(--padding)/1.5);width:3.2em;z-index:var(--z-fab)}div.fab img{filter:invert(1);opacity:.6;padding:.75em;width:100%;z-index:1}div.fab .hover{background-color:var(--pale-yellow);border-radius:.2em;color:#3e3e3e;color:var(--gray);left:0;opacity:0;padding:.2em .5em;position:absolute;top:50%;transform:translateY(-50%) scale(0);transition:.4s ease;z-index:-1}.photograph{background-position:50%;background-size:cover;height:85vw;margin:1em auto 0;max-height:34em;max-width:30em;transform:rotate(2deg);transition:width .7s cubic-bezier(.95,.05,.795,.035),height .7s cubic-bezier(.95,.05,.795,.035);transition:width var(--time-proExpand),height var(--time-proExpand);width:80%}.photo-hover[role=button]:hover{border:solid #e6e6e6;border-width:8px 8px 40px;box-shadow:inset 0 0 5px #0000001a;filter:drop-shadow(0 0 20px rgba(0,0,0,.3));transition:.3s ease}.photo-hover[role=button]{border:0 solid #e6e6e6;cursor:pointer;transition:.3s ease}.photograph-sub{background-position:50%;background-size:cover;height:30vw;margin-bottom:-.825em;margin-bottom:calc(var(--padding)*-.5);margin-right:5vw;max-height:12em;max-width:18em;position:absolute;right:0;top:65vw;transform:rotate(-6deg);width:55%;z-index:1}.photograph-overlap{display:inline-block;justify-self:center;margin:1.65em 0;margin:var(--padding) 0;position:relative;width:100%}.all-projects,.tile{background-color:#121212;background-color:var(--colour-body);padding:1.65em;padding:var(--padding)}.tile.intro,.tile.projects{background-image:url(/static/media/paper-black.a952754004f589518f32.jpg);background-position:50%;background-size:100% 100%;min-height:100vh}main[data-alt-view=true] .tile.intro,main[data-alt-view=true] .tile.projects{background-image:url(/static/media/paper-purple.d6251618f32a95b2cc3c.jpg)}.focus .invert,.tile.invert{--colour-text:var(--gray)}section.projects{--colour-text:var(--colour-white);--colour-text-secondary:var(--pale-yellow)}section.projects .date{--colour-text-secondary:var(--light-blue)}section.projects a{align-self:end}footer.tile.footer{grid-gap:2em;grid-gap:calc(var(--gap)*2);align-items:center;background-color:#121212;background-color:var(--colour-body);border-top:1px solid #ffffff1a;display:grid;gap:2em;gap:calc(var(--gap)*2);grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;justify-items:right;padding:3.3em;padding:calc(var(--padding)*2)}footer.tile.footer div:first-child{justify-self:left;position:relative}footer.tile.footer div:first-child h5{left:2.4em;position:absolute;top:0}.logo{width:2em}section.layout{grid-gap:1.65em;grid-gap:var(--padding);display:grid;gap:1.65em;gap:var(--padding)}section.tile.intro{background-color:#121212;background-color:var(--colour-body);display:grid;grid-template-rows:-webkit-max-content auto;grid-template-rows:max-content auto;min-height:100vh;min-height:var(--real-vh);padding:2.805em;padding:calc(var(--padding)*1.7);padding-top:5.94em;padding-top:calc(var(--padding)*3.6);position:relative}section.tile.intro .hero{display:grid;height:100%}section.tile.intro .hero .hero-type{grid-gap:3.3em;grid-gap:calc(var(--padding)*2);align-self:end;display:grid;gap:3.3em;gap:calc(var(--padding)*2);grid-template-rows:auto auto;margin-bottom:3.3em;margin-bottom:calc(var(--padding)*2)}section.tile.intro .hero a{align-self:center}section.tile.intro .hero img.arrow{cursor:pointer;transform:rotate(-90deg)}section.tile.intro .hero-text h1{color:#f2f2f2;color:var(--colour-white);font-size:2.6em}section.tile.intro .hero-sub{grid-gap:1em;grid-gap:var(--gap);color:#f2f2f2;color:var(--colour-white);display:grid;gap:1em;gap:var(--gap);grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content}section.tile.intro .shape-break{grid-gap:1em;grid-gap:var(--gap);align-items:center;display:grid;gap:1em;gap:var(--gap);grid-template-columns:repeat(3,-webkit-min-content);grid-template-columns:repeat(3,min-content);margin-bottom:2.64em;margin-bottom:calc(var(--padding)*1.6)}section.tile.intro img{width:100%}section.tile.jump{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap);grid-template-columns:1fr 1fr}section.social-icons{grid-gap:1.65em;grid-gap:var(--padding);align-items:center;display:grid;gap:1.65em;gap:var(--padding);grid-template-columns:repeat(2,-webkit-min-content);grid-template-columns:repeat(2,min-content);justify-items:center}section.social-icons img{width:2.4em}section.projects{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap);padding-bottom:1.65em;padding-bottom:var(--padding);padding-top:2.64em;padding-top:calc(var(--padding)*1.6)}section.projects.expand{background-color:#f2f2f2;background-color:var(--colour-white);background-image:none;transition:background-color .7s cubic-bezier(.95,.05,.795,.035);transition:background-color var(--time-proExpand)}section.projects .project-head{margin-top:1.65em;margin-top:var(--padding);padding:0 1.65em;padding:0 var(--padding)}section.projects .project-head div *{display:inline-block}section.projects .project-head nav{display:flex;flex-direction:row;gap:1em;gap:var(--gap)}section.projects .project-head nav img.disabled{cursor:default!important;opacity:.3}section.projects .project-head nav button:first-child{cursor:w-resize}section.projects .project-head nav button:nth-child(2){cursor:e-resize;transform:rotate(180deg)}section.projects .projects-row-container{margin:auto 0;position:relative;width:calc(100vw - 3.3em);width:calc(100vw - var(--padding)*2)}section.projects .projects-row{display:flex;flex-direction:row;margin:0 -1.65em;margin:0 calc(var(--padding)*-1);overflow:hidden;position:relative;transition:margin .4s ease;transition:margin var(--time-proExpandQ);width:auto}section.projects.expand .projects-row{margin-top:-5.28em;transition:margin .7s cubic-bezier(.95,.05,.795,.035);transition:margin var(--time-proExpand)}section.projects .projects-row:after{content:"";min-width:.825em;min-width:calc(var(--padding)/2)}section.projects .projects-row .project-tile{grid-gap:1em;grid-gap:var(--gap);display:grid;flex:0 0 auto;gap:1em;gap:var(--gap);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;height:100%;transition:opacity .3s ease,background-color .1s ease;width:100vw}section.projects .projects-row .project-tile.off{opacity:0!important;pointer-events:none}section.projects .projects-row .project-tile:last-child{margin-right:0}section.projects.expand .projects-row .project-tile:not(.off) .project-info{opacity:0;transition:opacity .7s cubic-bezier(.95,.05,.795,.035);transition:opacity var(--time-proExpand)}section.projects.expand .projects-row .project-tile:not(.off) .project-image{margin:0;max-width:100%;opacity:1;transform:rotate(0deg)!important;transition:margin .7s cubic-bezier(.95,.05,.795,.035),width .7s cubic-bezier(.95,.05,.795,.035),height .7s cubic-bezier(.95,.05,.795,.035),transform .7s cubic-bezier(.95,.05,.795,.035),max-width .7s cubic-bezier(.95,.05,.795,.035),max-height .7s cubic-bezier(.95,.05,.795,.035);transition:margin var(--time-proExpand),width var(--time-proExpand),height var(--time-proExpand),transform var(--time-proExpand),max-width var(--time-proExpand),max-height var(--time-proExpand);width:100%}section.projects.expand .projects-row .project-tile:not(.off) .project-image-sub,section.projects.expand .projects-row .project-tile:not(.off) .project-image-sub2{opacity:0!important;transition:opacity .7s cubic-bezier(.95,.05,.795,.035);transition:opacity var(--time-proExpand)}section.projects .projects-row .project-tile .project-images{cursor:pointer;max-width:60em;padding-bottom:4.125em;padding-bottom:calc(var(--padding)*2.5);perspective:90em;position:relative}section.projects .projects-row .project-tile .project-image{background-position:50%;background-size:cover;height:40vh;margin:0 3.3em;margin:0 calc(var(--padding)*2);margin-top:1em;transform:rotate(2deg);transition:width .7s cubic-bezier(.95,.05,.795,.035),height .7s cubic-bezier(.95,.05,.795,.035);transition:width var(--time-proExpand),height var(--time-proExpand);width:calc(95% - 6.6em);width:calc(95% - var(--padding)*4)}section.projects .projects-row .project-tile img{height:100%;object-fit:cover;object-position:center;width:100%}section.projects .projects-row .project-tile .project-image-sub{background-position:50%;background-size:cover;bottom:0;height:30vw;margin-bottom:2.805em;margin-bottom:calc(var(--padding)*1.7);margin-right:2.805em;margin-right:calc(var(--padding)*1.7);max-height:10em;max-width:15em;position:absolute;right:0;transform:rotate(-6deg);width:55%;z-index:1}.project-image-sub2{background-position:50%;background-size:cover;border-radius:100%;height:13vw;width:13vw;z-index:1}section.projects .projects-row .project-tile .project-image-sub2{display:none;height:13vw;margin-right:20%;margin-top:2.145em;margin-top:calc(var(--padding)*1.3);max-height:16em;max-width:16em;overflow:hidden;position:absolute;right:0;top:0;width:13vw;z-index:1}section.projects .projects-row .project-tile .project-info{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap);padding:0 3.3em;padding:0 calc(var(--padding)*2)}section.projects .projects-row .project-tile .project-info .desc,section.projects .projects-row .project-tile .project-info .extra-info{display:none}section.projects .projects-row .project-tile .project-meta{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap);grid-template-columns:auto 1fr}section.projects .projects-row .project-tile .project-meta .tags{grid-column:span 2}section.projects .projects-row .project-tile .project-info .expand-project{margin-top:.5em;margin-top:calc(var(--gap)/2)}section.projects .projects-row .project-tile .project-info .expand-project h3{color:#f0a76c;color:var(--primary);cursor:pointer}section.projects .projects-row .project-tile .project-info .expand-project span{color:#e2a1ec;color:var(--accent2)}footer.footer div:first-child{grid-gap:1em;grid-gap:var(--gap);align-items:center;display:grid;gap:1em;gap:var(--gap);grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content}.shapes{display:none;height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100vw}.square-shape{border:1px solid #75ecd6;border:1px solid var(--accent1);height:18em;right:-8em;top:25em;transform:rotate(30deg)}.circle-shape,.square-shape{background-color:initial;position:absolute;width:16em;z-index:1;z-index:var(--z-shapes)}.circle-shape{border:1px solid #e2a1ec;border:1px solid var(--accent2);border-radius:100%;border-radius:var(--round);height:16em;left:-8em;top:55em}.tile.me{background-color:#f2f2f2;background-color:var(--colour-white)}.me-img{margin-top:-1.65em;margin-top:calc(var(--padding)*-1)}.me-img img{width:100%}.me .hero-text{margin-top:-7.8em;padding-left:1.2em}.me .layout p{max-width:60em}ul.expand-list li{border-top:1px solid #3e3e3e;border-top:1px solid var(--gray);display:grid;padding:1.65em;padding:var(--padding);padding-bottom:0;position:relative}ul.expand-list li h6{left:0;position:absolute;top:1em;top:var(--gap)}ul.expand-list li h3{font-size:1em}ul.expand-list li .expand-info{padding-bottom:1.65em;padding-bottom:var(--padding)}ul.expand-list li .expand-body{max-height:0;overflow:hidden;transition:max-height .5s ease}ul.expand-list .expand-body article{display:grid}ul.expand-list li .expand-body.active{display:block}ul.expand-list li .inner-expand-body{grid-gap:1.5em;grid-gap:calc(var(--gap)*1.5);display:grid;gap:1.5em;gap:calc(var(--gap)*1.5);padding-bottom:1.65em;padding-bottom:var(--padding)}ul.expand-list li .inner-expand-body .header{grid-gap:1em;grid-gap:var(--gap);align-items:center;display:grid;gap:1em;gap:var(--gap);grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;padding-top:1em;padding-top:var(--gap)}.tile.intro div.shape-break div,ul.expand-list li .inner-expand-body .header div{border:1px solid #e2a1ec;border:1px solid var(--accent2);border-radius:100%;border-radius:var(--round);height:.8em;width:.8em}.tile.intro div.shape-break div:first-of-type,ul.expand-list li .inner-expand-body>div:first-of-type div{border-radius:0;border-radius:initial}.tile.intro div.shape-break div:last-of-type,ul.expand-list li .inner-expand-body>div:last-of-type div{border-radius:0;border-radius:initial;height:.7em;margin-left:.2em;transform:rotate(45deg);width:.7em}.bottom-pop-bg{background-color:#0000004d;bottom:100vh;height:100vh;left:0;opacity:0;position:fixed;right:0;transition:opacity .6s ease;width:100%;z-index:calc(var(--z-fab) - 2)}.bottom-pop-bg.open{bottom:0;opacity:1}.bottom-pop{--colour-text:var(--colour-black);background-color:#f2f2f2;background-color:var(--colour-white);bottom:-40vh;height:40vh;left:0;padding:1.65em;padding:var(--padding);position:fixed;right:0;transition:bottom .6s ease;width:100%;z-index:calc(var(--z-fab) - 1)}.bottom-pop.open{bottom:0}.focus-anim-in{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:99;z-index:var(--z-animOver)}.focus a{color:#f0a76c;color:var(--colour-text-secondary);text-decoration:underline}.focus .text a{--colour-text:var(--primary);text-decoration:none}.focus .tile{padding:1.65em;padding:var(--padding)}.focus .link-out{display:flex;flex-direction:column;gap:.33333em;gap:calc(var(--gap)/3)}.focus .link-out .title{grid-gap:.25em;grid-gap:calc(var(--gap)/4);align-items:baseline;display:grid;gap:.25em;gap:calc(var(--gap)/4);grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;margin-bottom:1em;margin-bottom:var(--gap);margin-top:1.65em;margin-top:var(--padding)}.focus .link-out h4{align-self:start}.focus{--padding:2.5em;background-color:#f2f2f2;background-color:var(--colour-white);overflow:auto;position:relative;z-index:48;z-index:var(--z-focus)}.focus h1{color:#121212;color:var(--colour-black)}.focus .hero-image{background-position:50%;background-size:cover;height:60vh;width:100%}.focus img{width:100%}.focus article>*{margin-bottom:1em;margin-bottom:var(--gap)}.inner-focus{position:relative}.inner-inner-focus{background-color:#f2f2f2;background-color:var(--colour-white);display:grid}.focus .focus-hero{display:grid;grid-template-rows:auto auto}.focus .focus-header{grid-gap:3.5em 1em;grid-gap:calc(var(--gap)*3.5) var(--gap);background-color:#f2f2f2;background-color:var(--colour-white);display:grid;gap:3.5em 1em;gap:calc(var(--gap)*3.5) var(--gap);grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content;min-height:40vh}.focus ul.info-list li{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap);grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;padding:.33333em 0;padding:calc(var(--gap)/3) 0;text-transform:capitalize}.focus .focus-info{grid-gap:3.5em;grid-gap:calc(var(--gap)*3.5);display:grid;gap:3.5em;gap:calc(var(--gap)*3.5);grid-column:span 2}.focus .focus-info .project-image-sub2{display:none}.focus .focus-body{background-color:#121212;background-color:var(--colour-body)}.focus .focus-body h1{color:#f2f2f2;color:var(--colour-text)}.focus .focus-body img{margin-right:-1.65em;margin-right:calc(var(--padding)*-1)}.keep-scrolling{display:grid;height:300px;justify-items:right;margin-top:-150px;mix-blend-mode:exclusion;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:49;z-index:calc(var(--z-focus) + 1)}.keep-scrolling .center-circle{background-color:#f0a76c;background-color:var(--primary);border-radius:100%;border-radius:var(--round);height:5em;width:5em}.keep-scrolling .rotate-text{display:inline-block;height:100%;margin-right:-150px;mix-blend-mode:difference;overflow:hidden;position:relative;width:300px}.keep-scrolling .rotate-text text{font-family:montaga;font-size:1.05em}.keep-scrolling .rotate-text svg{animation-duration:8s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;left:0;position:absolute}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}.focus .focus-body>*{min-height:100vh;padding:1.65em;padding:var(--padding)}.focus .focus-body .gallery{min-height:0;min-height:auto}.focus .challenges,.focus .goals,.focus .outcomes,.focus .scroller,.focus .text{background-image:url(/static/media/paper-black.a952754004f589518f32.jpg);background-position:50%;background-size:100% 100%}.focus .goals,.focus .text{display:grid}.focus .text:nth-child(2n) .info{order:2;text-align:right}.focus .text:nth-child(2n) .images{margin-right:7vw}.focus .text{min-height:0;min-height:auto}.focus .info{align-self:center}.focus .info>*{margin-bottom:1em;margin-bottom:var(--gap);max-width:34em}.focus .info>:last-child{margin-bottom:0}.focus .goals .images,.focus .research .images,.focus .text .images{display:grid}.focus .research ::selection{background-color:#121212;background-color:var(--colour-body);color:#f0a76c;color:var(--primary)}.focus .research{--colour-text:var(--colour-black);background-color:#f0a76c;background-color:var(--primary);display:grid;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;padding-bottom:0}.focus .research .info{padding-bottom:1.65em;padding-bottom:var(--padding)}.focus .research .images div{align-self:end;background-color:#121212;background-color:var(--colour-body);background-position:50%;background-size:cover;height:120vw;margin-left:-1.65em;margin-left:calc(var(--padding)*-1);width:calc(100% + 3.3em);width:calc(100% + var(--padding)*2)}.focus .challenges{min-height:0;min-height:auto}.focus .challenges .info{grid-gap:1em;grid-gap:var(--gap);display:grid;gap:1em;gap:var(--gap)}.focus .challenges h1{margin-bottom:1em;margin-bottom:var(--gap)}.focus .focus-body .scroller{min-height:0;min-height:auto;overflow-x:hidden;padding:0;width:100%}.focus .focus-body .scroller .video{cursor:pointer;display:flex;width:100%}.focus .focus-body .scroller .video video{height:100%;width:100%}.focus .scroller figcaption{--content:"proxima nova",sans-serif;font-size:.6em;opacity:.5;padding:1em 2.805em;padding:var(--gap) calc(var(--padding)*1.7)}.focus .focus-body .gallery{align-items:flex-start;overflow:hidden;padding:0;width:100%}.focus .focus-body .gallery.spaced{background-color:#121212;background-color:var(--colour-body)}.focus .focus-body .gallery[data-light=true]{background-color:#ffffff1a}.focus .gallery.spaced .inner-gallery{gap:1em;gap:var(--gap);padding:1em}.focus .gallery .inner-gallery div{flex:0 0 auto;height:30em;width:auto}.focus .gallery.spaced .inner-gallery div{border-radius:1em;overflow:hidden}.focus .gallery .inner-gallery img{display:block;height:100%;margin:auto;width:auto}.focus .inner-gallery{display:flex;flex-direction:row;overflow-x:auto;width:100%}.focus .focus-body .video{min-height:0;min-height:auto;padding:initial}.focus .video iframe{aspect-ratio:16/9;width:100%}.close-focus-scroll{background-color:#121212;background-color:var(--colour-body);bottom:0;display:grid;justify-items:center;left:0;padding-top:3.3em;padding-top:calc(var(--padding)*2);position:absolute;right:0;top:0;z-index:-1}.close-focus-scroll h3{opacity:.3}div.all-projects{height:100vh}@media(hover:hover) and (pointer:fine){div.fab:hover .hover{left:-5em;opacity:1;transform:translateY(-50%) scale(1)}}@media screen and (min-width:32em){p{font-size:1.2em}.main-menu .inner-menu{grid-gap:calc(var(--padding)*2);display:grid;gap:calc(var(--padding)*2);grid-template-rows:-webkit-max-content -webkit-max-content auto -webkit-min-content;grid-template-rows:max-content max-content auto min-content;height:100%}.main-menu nav img{margin-top:0}.focus{--padding:5em}.focus .research .images div{height:30em;margin-left:calc(var(--padding)*-1);width:calc(100% + var(--padding)*2)}.focus .research .images div,.photograph{background-position:50%;background-size:cover}.photograph{height:34em;max-width:30em;width:80%}.photograph-sub{margin-right:5vw;top:28em;width:55%}.photograph-overlap{padding:0}}@media screen and (min-width:60em){button.icon{height:2.5em;width:2.5em}nav.topbar{gap:calc(var(--padding)*2);grid-template-columns:-webkit-max-content -webkit-min-content;grid-template-columns:max-content min-content;width:auto}.main-menu{right:0;width:34vw}.main-menu,div.menu.active{max-width:32em;min-width:27em}div.menu.active{width:34vw!important}.tile.intro,.tile.projects{background-size:50% 100%}.photograph{background-position:50%;background-size:cover;height:34vw;margin:1.2em 0 0;max-height:30em;max-width:24em;transform:rotate(3deg);width:26vw}.photograph-sub{bottom:0;height:12vw;margin-right:calc(var(--padding)*-.5);right:0;top:auto;width:65%}.photograph-overlap{align-self:center;height:36vw;max-height:32em;width:auto}h1{font-size:2.75em}section.tile{--padding:2.75em}section.layout{grid-gap:var(--padding);display:grid;gap:var(--padding)}section.tile.intro{padding-top:calc(var(--padding)*2)}section.tile.intro .hero{display:grid;font-size:1em;grid-template-columns:55% 45%}section.tile.intro .hero-type{position:relative;z-index:1}section.tile.intro .hero-text{width:22em}section.tile.intro .hero .hero-type{gap:var(--padding);margin-bottom:0}section.tile.intro .hero-sub{max-width:22em}section.tile.intro .hero-sub p{padding-right:0}section.tile.intro .shape-break{margin-bottom:calc(var(--padding)*1)}section.tile.intro img.hero-img{grid-column:1;grid-row:1;margin-right:calc(var(--padding)*-2);margin-top:var(--padding);opacity:1;width:calc(100% + var(--padding)*2)}section.projects{grid-gap:var(--gap);display:grid;gap:var(--gap);padding-top:calc(var(--padding)*1.2)}section.projects .project-head{bottom:calc(var(--padding)*1);left:0;margin-top:0;position:absolute}section.projects .projects-row-container{width:calc(100vw - var(--padding)*2)}section.projects .projects-row .project-tile{grid-template-columns:1fr 1fr;grid-template-rows:none}section.projects .projects-row .project-tile .project-image{background-position:50%;background-size:cover;height:34vw;margin:1.2em 0 0;max-height:30em;max-width:24em;transform:rotate(3deg);width:26vw}section.projects .projects-row .project-tile .project-image-sub{height:12vw;left:28%;right:auto;width:36%}section.projects .projects-row .project-tile .project-image-sub2{display:block;margin-right:14%}section.projects .projects-row .project-tile .project-info{grid-column:1;grid-row:1;grid-template-rows:-webkit-max-content -webkit-max-content -webkit-max-content -webkit-min-content;grid-template-rows:max-content max-content max-content min-content;opacity:1;padding:0 calc(var(--padding)*2)}section.projects .projects-row .project-tile .project-info h1{cursor:pointer;font-size:2.75em;font-weight:900;margin-bottom:1em}section.projects .projects-row .project-tile .project-info .desc{display:block;font-size:1.1em;width:20em}section.projects .projects-row .project-tile .project-info .extra-info{display:flex;flex-direction:row;font-size:1.1em;gap:.4em}section.projects .projects-row .project-tile .project-info .extra-info h4{background-color:#ffffff0d;border-radius:1em;padding:.2em .8em}section.projects .projects-row .project-tile .project-info .extra-info h4:first-child{margin-right:calc(var(--padding)*2);position:absolute;right:0;top:0;z-index:-1}section.projects .projects-row .project-tile .project-info .expand-project:hover h3{text-decoration:underline}section.projects .projects-row .project-tile .project-meta{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:auto 1fr}section.projects .projects-row .project-tile .project-meta .tags{grid-column:span 2}section.projects.expand .projects-row{margin-left:calc(-50vw - var(--padding));margin-top:-9.6em;transition:margin var(--time-proExpand)}section.projects.expand .projects-row .project-tile:not(.off) .project-image{height:110vh;max-height:110vh;max-width:50vw;width:50vw}.focus-anim-in{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-animOver)}.focus{--padding:2.5em;background-color:initial;overflow:auto;position:relative;z-index:var(--z-focus)}.focus h1{color:var(--colour-black);font-size:2.75em;font-weight:900}.focus .close{align-self:center}.focus .hero-image{background-position:50%;background-size:cover;height:100%;width:100%}.focus img{width:100%}.focus .focus-hero{background-color:var(--colour-white);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:100vh}.inner-focus{position:relative}.inner-inner-focus{background-color:var(--colour-white);display:grid}.focus .focus-header{gap:var(--padding);grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;height:100%}.focus ul.info-list li{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;padding:calc(var(--gap)/3) 0;text-transform:capitalize}.focus .focus-info{gap:var(--gap) 0;grid-column:span 2;grid-template-rows:auto auto}.focus .focus-body{background-color:var(--colour-black)}.focus .focus-body img{margin-right:calc(var(--padding)*-1)}.keep-scrolling{justify-items:center}.keep-scrolling .rotate-text{margin-right:0}.focus .focus-body>*{padding:calc(var(--padding)*2)}.focus .goals,.focus .text{grid-template-columns:1fr 1fr}.focus .info{align-self:center;padding-right:var(--padding)}.focus .research{grid-template-columns:60% 40%}.focus .research .images div{height:calc(100% + var(--padding)*4);margin-bottom:calc(var(--padding)*-2);margin-left:0;margin-right:calc(var(--padding)*-2);width:calc(100% + var(--padding)*2)}.focus .challenges .info{gap:calc(var(--padding)*1);grid-template-columns:1fr 1fr 1fr}.focus .scroller figcaption{--content:"proxima nova",sans-serif;font-size:1em;opacity:.5;padding:var(--gap) calc(var(--padding)*2)}.close-focus-scroll{background-color:var(--colour-black);bottom:0;display:grid;justify-items:center;left:0;padding-top:calc(var(--padding)*2);position:absolute;right:0;top:0;z-index:-1}.close-focus-scroll h3{opacity:.3}.tile.me{--padding:4em}.me-img{margin-top:calc(var(--padding)*-1)}.me-img img{width:30vw}.me .hero-me{display:grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;margin:0 auto}.me .hero-text{align-self:flex-end;font-size:1.2vw;margin:initial;margin-left:calc(var(--padding)*-2);max-width:30em;padding:initial;padding-bottom:var(--padding)}ul.expand-list{grid-gap:0 var(--padding);display:grid;gap:0 var(--padding);grid-template-columns:1fr 1fr;grid-template-rows:auto auto}ul.expand-list>:first-child{grid-column:span 2}ul.expand-list li{border-top:1px solid var(--gray);display:grid;padding:var(--padding);padding-bottom:0;position:relative}ul.expand-list li h6{left:0;position:absolute;top:var(--gap)}ul.expand-list li h3{font-size:1em}ul.expand-list li .expand-info{cursor:pointer;padding-bottom:var(--padding)}ul.expand-list li .expand-info h2{border-bottom:1px solid #0000;display:inline-block}ul.expand-list li .expand-info:hover h2{border-bottom:1px solid #000}ul.expand-list li .expand-body{max-height:0;overflow:hidden;transition:max-height .5s ease}ul.expand-list .expand-body article{display:grid}ul.expand-list li .expand-body.active{display:block}ul.expand-list li .inner-expand-body{grid-gap:calc(var(--gap)*1.5);display:grid;gap:calc(var(--gap)*1.5);padding-bottom:var(--padding)}ul.expand-list li .inner-expand-body .header{grid-gap:var(--gap);align-items:center;display:grid;gap:var(--gap);grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;padding-top:var(--gap)}.tile.intro div.shape-break div,ul.expand-list li .inner-expand-body .header div{border:1px solid var(--accent2);border-radius:var(--round);height:.8em;width:.8em}.tile.intro div.shape-break div:first-of-type,ul.expand-list li .inner-expand-body>div:first-of-type div{border-radius:0;border-radius:initial}.tile.intro div.shape-break div:last-of-type,ul.expand-list li .inner-expand-body>div:last-of-type div{border-radius:0;border-radius:initial;height:.7em;margin-left:.2em;transform:rotate(45deg);width:.7em}}@media screen and (min-width:82em){h1{font-size:3em}section.tile{--padding:4em}.main-menu .inner-menu{gap:calc(var(--padding)*2.8)}.main-menu .inner-menu>p{max-width:20em}section.projects .projects-row .project-tile .project-info h1{font-size:3.8em}section.projects .projects-row .project-tile .project-info .desc{font-size:1.3em}section.projects .projects-row .project-tile .project-image-sub2{margin-right:18%}.focus{--padding:4em}.focus h1{font-size:3.5em}.focus .focus-info{grid-template-columns:70% 30%}.focus .focus-info article{grid-column:span 2}.focus .focus-info .project-image-sub2{align-self:center;display:block;justify-self:right}}@media screen and (max-height:49em) and (max-width:32em){.main-menu .inner-menu>p:first-of-type{display:none}section.tile.intro .hero-text h1{font-size:2em}h1{font-size:1.8em}section.projects .projects-row .project-tile .project-info{padding:0 calc(var(--padding)*1.3)}section.projects .projects-row .project-tile .project-image{height:30vh}section.projects .projects-row .project-tile .project-image-sub{height:24vw;max-height:10em;max-width:15em;width:45%}section.projects .projects-row .project-tile .project-images{padding-bottom:calc(var(--padding)*1.8)}section.projects .project-head{bottom:0;padding:0 calc(var(--padding)*.2)}.app:after{left:-40vw}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:9999;z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:#000;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:contain;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:1;opacity:var(--yarl__pull_opacity,1);transform:translate(0);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*100%);width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*0*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1 1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-webkit-touch-callout:none;max-height:100%;max-width:100%;object-fit:contain;touch-action:none;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:#fffc;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:red;color:var(--yarl__slide_icon_error_color,red);height:48px;height:var(--yarl__slide_icon_error_size,48px);width:48px;width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:none 0s ease 0s;transition:initial}.yarl__slide_loading,.yarl__slide_loading line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:8px;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:32px;height:var(--yarl__icon_size,32px);width:32px;width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:initial;background-color:var(--yarl__button_background_color,#0000);border:0;border:var(--yarl__button_border,0);color:#fffc;color:var(--yarl__color_button,#fffc);cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:0;margin:var(--yarl__button_margin,0);outline:none;padding:8px;padding:var(--yarl__button_padding,8px)}.yarl__button:focus{color:#fff;color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:#fffc;color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:#fff;color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:#fff;color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:#fff6;color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:24px 16px;padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:auto;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:auto;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}
/*# sourceMappingURL=main.28912e42.css.map*/