@font-face{font-family:GT-America;font-weight:400;font-style:normal;src:url(/fonts/GT_America_Light.otf);src:url(/fonts/GT_America_Light.otf) format("opentype")}@font-face{font-family:GT-America;font-weight:100;font-style:normal;src:url(/fonts/GT_America_Thin.otf);src:url(/fonts/GT_America_Thin.otf) format("opentype")}@font-face{font-family:GT-America;font-weight:500;font-style:normal;src:url(/fonts/GT-America-Medium.otf);src:url(/fonts/GT-America-Medium.otf) format("opentype")}@font-face{font-family:GT-America;font-weight:700;font-style:normal;src:url(/fonts/GT_America_Bold.otf);src:url(/fonts/GT_America_Bold.otf) format("opentype")}@font-face{font-family:Sentinel;font-weight:300;font-style:normal;src:url(/fonts/Sentinel-Book.otf);src:url(/fonts/Sentinel-Book.otf)format("opentype")}@font-face{font-family:Sentinel;font-weight:100;font-style:normal;src:url(/fonts/Sentinel-Light.otf);src:url(/fonts/Sentinel-Light.otf)format("opentype")}@font-face{font-family:Sentinel;font-weight:500;font-style:normal;src:url(/fonts/Sentinel-Medium.otf);src:url(/fonts/Sentinel-Medium.otf)format("opentype")}@font-face{font-family:Sentinel;font-weight:700;font-style:normal;src:url(/fonts/Sentinel-Bold.otf);src:url(/fonts/Sentinel-Bold.otf)format("opentype")}@font-face{font-family:Stanley;font-weight:400;font-style:normal;src:url(/fonts/Stanley-Regular.otf);src:url(/fonts/Stanley-Regular.otf)format("opentype")}@font-face{font-family:Stanley;font-weight:400;font-style:italic;src:url(/fonts/Stanley-RegularIta.otf);src:url(/fonts/Stanley-RegularIta.otf)format("opentype")}@font-face{font-family:Stanley;font-weight:500;font-style:normal;src:url(/fonts/Stanley-Bold.otf);src:url(/fonts/Stanley-Bold.otf)format("opentype")}@font-face{font-family:Stanley;font-weight:500;font-style:italic;src:url(/fonts/Stanley-BoldIta.otf);src:url(/fonts/Stanley-BoldIta.otf)format("opentype")}@font-face{font-family:Stanley;font-weight:700;font-style:normal;src:url(/fonts/Stanley-Poster.otf);src:url(/fonts/Stanley-Poster.otf)format("opentype")}@font-face{font-family:Tiempos;font-weight:100;font-style:normal;src:url(/fonts/Tiempos.otf);src:url(/fonts/Tiempos.otf)format("opentype")}@font-face{font-family:Tiempos;font-weight:300;font-style:normal;src:url(/fonts/TiemposText-Medium.ttf);src:url(/fonts/TiemposText-Medium)format("truetype")}@font-face{font-family:TiemposHeadline;font-weight:100;font-style:normal;src:url(/fonts/TiemposHeadline-Regular.otf);src:url(/fonts/TiemposHeadline-Regular.otf)format("opentype")}@font-face{font-family:TiemposHeadline;font-weight:500;font-style:normal;src:url(/fonts/TiemposHeadline-Semibold.otf);src:url(/fonts/TiemposHeadline-Semibold.otf)format("opentype")}@font-face{font-family:TiemposHeadline;font-weight:700;font-style:normal;src:url(/fonts/TiemposHeadline-Bold.otf);src:url(/fonts/TiemposHeadline-Bold.otf)format("opentype")}:root{--black-900:#000;--black-800:#2d2d2d;--black-700:#454545;--black-600:#666;--black-500:#828282;--black-400:#a5a5a5;--black-300:#c4c4c4;--black-200:#e3e3e3;--black-100:#f5f5f5;--black-0:#fff;--black-op-60:rgba(0,0,0,.6);--black-op-0:transparent;--white-900:#fff;--white-800:hsla(0,0%,100%,.9);--white-700:hsla(0,0%,100%,.8);--white-600:hsla(0,0%,100%,.7);--white-500:hsla(0,0%,100%,.6);--white-400:hsla(0,0%,100%,.5);--white-300:hsla(0,0%,100%,.4);--white-200:hsla(0,0%,100%,.3);--white-100:hsla(0,0%,100%,.2);--white-0:hsla(0,0%,100%,.1);--white-op-0:hsla(0,0%,100%,0);--red-900:#320007;--red-800:#450007;--red-700:#560319;--red-600:#6a0c11;--red-500:#850e0e;--red-400:#9c0d27;--red-300:#dc143c;--red-200:#f86464;--red-100:#fa9191;--red-0:#f6bdc2;--red-op-0:rgba(133,14,14,0);--corner-0x:0rem;--corner-1x:0.5rem;--spacing-0x:0px;--spacing-0p5x:4px;--spacing-1x:8px;--spacing-1p5x:12px;--spacing-2x:16px;--spacing-3x:24px;--spacing-4x:32px;--spacing-5x:40px;--spacing-6x:48px;--spacing-7x:56px;--spacing-8x:64px;--spacing-9x:72px;--spacing-10x:80px;--spacing-12x:96px;--spacing-16x:128px;--spacing-20x:160px;--spacing-30x:240px;--spacing-40x:320px;--title-text-color:var(--black-900);--body-text-color:var(--black-900);--secondary-text-color:var(--black-400);--placeholder-text-color:var(--black-300);--inverse-text-color:var(--black-0);--background-primary-color:var(--white-900);--background-secondary-color:var(--black-100);--background-inverse-color:var(--black-900);--overlay-color:var(--white-500);--scrim-color:rgba(0,0,0,.8);--border-primary-color:var(--black-900);--border-secondary-color:var(--black-400);--border-tertiary-color:var(--black-200);--surface:var(--black-op-0);--filled-surface:var(--black-0);--surface-secondary:var(--black-200);--surface-active:var(--black-900);--inverse-surface-active:var(--white-900);--surface-border:var(--black-900);--inverse-surface-border:var(--white-900);--surface-disabled:var(--black-100);--on-surface:var(--black-900);--on-inverse-surface:var(--white-900);--on-surface-active:var(--white-900);--on-inverse-surface-active:var(--black-900);--on-surface-disabled:var(--black-200);--textfade:var(--black-400);--textfade-variant:var(--black-400);--elevated-drop-shadow:rgba(0,0,0,.24);--pressed-inner-shadow:hsla(0,0%,100%,.56);--hover-drop-shadow:rgba(0,0,0,.16)}:root[data-theme=dark]{--corner-0x:0rem;--corner-1x:0.5rem;--spacing-0x:0px;--spacing-0p5x:4px;--spacing-1x:8px;--spacing-1p5x:12px;--spacing-2x:16px;--spacing-3x:24px;--spacing-4x:32px;--spacing-5x:40px;--spacing-6x:48px;--spacing-7x:56px;--spacing-8x:64px;--spacing-9x:72px;--spacing-10x:80px;--spacing-12x:96px;--spacing-16x:128px;--spacing-20x:160px;--spacing-30x:240px;--spacing-40x:320px;--title-text-color:var(--white-900);--body-text-color:var(--white-800);--secondary-text-color:var(--white-900);--placeholder-text-color:var(--white-300);--inverse-text-color:var(--black-900);--background-primary-color:var(--black-900);--background-secondary-color:var(--black-800);--background-inverse-color:var(--white-900);--overlay-color:var(--black-op-60);--scrim-color:hsla(0,0%,100%,.32);--border-primary-color:var(--white-900);--border-secondary-color:var(--white-400);--border-tertiary-color:var(--white-200);--surface:var(--white-op-0);--filled-surface:var(--white-900);--surface-secondary:var(--black-500);--surface-active:var(--white-900);--inverse-surface-active:var(--black-900);--surface-border:var(--white-900);--inverse-surface-border:var(--black-900);--surface-disabled:var(--white-0);--on-surface:var(--white-900);--on-inverse-surface:var(--black-900);--on-surface-active:var(--black-900);--on-inverse-surface-active:var(--white-900);--on-surface-disabled:var(--white-200);--textfade:var(--white-600);--textfade-variant:var(--black-400);--elevated-drop-shadow:hsla(0,0%,100%,.24);--pressed-inner-shadow:rgba(0,0,0,.56);--hover-drop-shadow:hsla(0,0%,100%,.72)}a,a:focus,a:visited{text-decoration:none;color:var(--on-surface);font-family:Sentinel,serif;font-weight:400}html{scroll-behavior:smooth}body{background-color:var(--background-primary-color)}h1{font-family:Stanley,serif;font-weight:400;font-size:1.5em;text-transform:capitalize;color:var(--title-text-color)}#project-title:before,#slogan:before{border-bottom:0 solid transparent}@keyframes highlight-underline{0%{background-size:0 40%}to{background-size:130% 40%}}h2{font-family:GT-America,Helvetica,sans-serif;font-weight:500;font-size:.9em;color:var(--secondary-text-color);line-height:2em;letter-spacing:.1em;margin-bottom:.1em}.section-header{background:var(--background-inverse-color);color:var(--inverse-text-color);padding:8px 16px;margin-bottom:24px;letter-spacing:0}h3{font-family:Stanley,serif;font-weight:300;font-size:1.3em;line-height:1.4em;letter-spacing:1px;margin-top:.3em;margin-bottom:1em;color:var(--title-text-color)}#slogan{line-height:1em;font-size:2em;color:var(--title-text-color)}#slogan,.about-p{font-family:Stanley,serif;font-weight:400;letter-spacing:0;border-bottom:1px solid transparent}.about-p{line-height:1.2em;font-size:1.5em;color:var(--body-text-color)}#logo img{width:160px}.logo-fill{fill:var(--on-surface)}#logo-motion{width:60px;transition:.3s}#logo-motion:hover{transform:scale(1.1)}.work{font-size:.9em}#project-title{font-family:Stanley,serif;font-weight:400;font-size:2.5em;border-bottom:0 solid transparent;text-align:left;color:var(--title-text-color)}p{font-family:GT-America,Helvetica,sans-serif;font-weight:300;line-height:1.6em;letter-spacing:1px;font-size:1em;color:var(--body-text-color);margin:.3em 0;padding-bottom:.6em}#lockContent{display:none}strong{font-weight:500;color:var(--body-text-color)}.quotes{font-family:Stanley,serif;font-weight:300;font-size:2em;font-style:italic;color:var(--title-text-color);line-height:1.4em;letter-spacing:.9px;margin:1em 0;text-align:left}.author{font-family:GT-America,sans-serif;font-weight:500;font-size:.8em;letter-spacing:1px;line-height:1.7em;margin:-1em 0 1.5em 3rem;text-align:right;padding-left:20px;text-transform:uppercase;color:var(--secondary-text-color);border-left:0 solid var(--border-secondary-color)}.sidenote{text-align:left;margin-top:2em;padding-left:15px;border-left:1px solid var(--border-secondary-color)}.sidenote,.sidenote-noborder{font-family:GT-America,sans-serif;font-weight:400;font-size:.7em;letter-spacing:1px;line-height:1.7em;color:var(--secondary-text-color)}.sidenote-noborder{text-align:center;margin-left:0;padding-left:0;padding-top:1.5em;border-left:0 solid transparent}.bottomnote{padding-left:0;border-left:0 solid var(--border-secondary-color)}.bottomnote,.bottomnote-center{font-family:GT-America,sans-serif;font-weight:400;font-size:.7em;letter-spacing:1px;line-height:1.7em;color:var(--secondary-text-color);margin-top:2em}.bottomnote-center,.text-center{text-align:center}.text-center-flex{text-align:left}ul li{font-family:GT-America,Helvetica,sans-serif;font-weight:300;line-height:1.4em;letter-spacing:1px;font-size:1em;color:var(--body-text-color);margin:.3em 0;padding-bottom:.6em;overflow-wrap:break-word}ol{margin-top:0}ol li{font-family:Sentinel,serif;font-weight:500;font-size:1em;line-height:1.3em;letter-spacing:1.2px;margin-left:-25px;overflow-wrap:break-word}.smart-image{background-repeat:no-repeat;background-position:50%}.smart-image-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover}.project-thumbnail .smart-image{transition:all .25s ease;transform:scale(1)}.project-thumbnail .smart-image:hover{transform:scale(1.15);cursor:pointer}.project-img{text-align:center}.project-img img{width:60%}.box-shadow{box-shadow:2px 2px 7px rgba(0,0,0,.25)}.space-block{margin-top:8px;border-bottom:3px solid var(--border-primary-color)}video:focus{outline:none}video{z-index:0}.over-img img{width:100%;height:auto;z-index:0}.image-row{margin-left:0;width:100%}.project-gif{text-align:center}.project-gif img{width:250px!important;height:auto;margin:10px 0}.desktop-img img,.project-gif img{box-shadow:2px 2px 7px rgba(0,0,0,.25)}.desktop-img img{width:100%}.desktop-gif{text-align:center}.desktop-gif img{width:100%;box-shadow:2px 2px 7px rgba(0,0,0,.25)}.ppd-title-img{background:url(/images/PPD/PPD-title-image-x2.png) no-repeat 50%;background-size:contain}.ccs-title-img{background:url(/images/CCS/CCS-title-image-x2.png) no-repeat 180px;background-size:contain}.joyful-title-img{background:url(/images/JOYFUL/JOYFUL-title-image-x2.png) no-repeat 50%;background-size:contain}.arocha-title-img{background:url(/images/AROCHA/AROCHA-title-image-x2.png) no-repeat 180px;background-size:contain}.pbook-title-img{background:url(/images/PBOOK/PBOOK-title-image-x2.png) no-repeat 50%;background-size:contain}.visier-title-img{background:url(/images/VISIER/VISIER-title-image.png) no-repeat 50%;background-size:contain}.afterlife-title-img{background:url(/images/AFTERLIFE/AFTERLIFE-title-image-x2.png) no-repeat 50%;background-size:contain}.peacegeeks-title-img{background:url(/images/PEACEGEEKS/PEACEGEEKS-title-image.png) no-repeat 50%;background-size:contain}.daylight-title-img{background:url(/images/DAYLIGHT/DAYLIGHT-title-image.png) no-repeat 50%;background-size:contain}.facebook-title-img{background:url(/images/FACEBOOK/FACEBOOK-title-image.png) no-repeat 50%;background-size:contain}.video{margin-top:20px;position:relative;width:100%;height:0;padding-bottom:56.25%}iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0}.underline{padding-bottom:5px;border-bottom:1px solid var(--border-secondary-color)}.last-nav-button{padding-right:0}.element-list{color:var(--body-text-color);font-family:GT-America,sans-serif;font-weight:500;font-size:.8em;letter-spacing:1px;border:1px solid var(--border-tertiary-color)}.element-list-title{background-color:var(--background-inverse-color);padding:10px;color:var(--inverse-text-color);margin-bottom:10px}.element-list a:hover{opacity:.3}.style-guide-item{font-family:GT-America,Helvetica,sans-serif;font-weight:300;text-decoration:underline;font-size:1em;letter-spacing:1px;transition:.25s;padding-left:10px}.tab{overflow:hidden;box-shadow:0 8px 10px -12px var(--elevated-drop-shadow);display:flex;justify-content:space-around}.tab button{background-color:inherit;float:left;outline:none;cursor:pointer;padding:32px;border:1px solid var(--border-tertiary-color);border-bottom:3px solid transparent;transition:.3s;font-family:GT-America,Helvetica,sans-serif;font-weight:500;font-size:1.1em;text-transform:capitalize;color:var(--on-surface)}.tab a:hover,.tab button:hover{background-color:var(--background-secondary-color)}.tab button.active{border-left:5px solid var(--border-primary-color);border-bottom:0 solid var(--border-primary-color)}.tab a{background-color:inherit;float:left;outline:none;cursor:pointer;padding:16px;border:1px solid var(--border-tertiary-color);border-bottom:3px solid transparent;transition:.3s;font-size:1.1em;text-transform:capitalize;color:var(--on-surface)}.tab a,.tab-label{font-family:GT-America,Helvetica,sans-serif;font-weight:500}.tab-label{font-size:.8em;text-transform:uppercase;padding:8px 0}.tabcontent{display:none;padding:24px 0;z-index:0}.tab-content-right{position:relative;animation:animateright .4s}@keyframes animateright{0%{right:-64px;opacity:0}to{right:0;opacity:1}}.tab-content-left{position:relative;animation:animateleft .4s}@keyframes animateleft{0%{left:-64px;opacity:0}to{left:0;opacity:1}}#colour_swatches{font-family:FiraSans,Helvetica,sans-serif;font-weight:300}.white{background-color:var(--background-primary-color);color:var(--on-surface);padding:10px 0 0 10px;height:100px;border:1px solid var(--border-secondary-color)}.black{background-color:var(--background-inverse-color)}.black,.gray-1{color:var(--on-inverse-surface);padding:10px 0 0 10px;height:100px}.gray-1{background-color:var(--surface-secondary)}.gray-2{color:var(--on-inverse-surface)}.gray-2,.gray-3{background-color:var(--surface-secondary);padding:10px 0 0 10px;height:100px}.gray-3{color:var(--on-surface)}.nav-bar{width:100%;height:80px;padding:30px 2.5%;top:0;background-color:var(--background-primary-color);opacity:.9;z-index:98;position:fixed;overflow:hidden;margin:0;justify-content:center}#logo,.nav-bar{align-items:center}#logo{transition:.3s;display:flex;justify-content:start}#logo:hover{opacity:.3}.nav-button{float:right;display:block;text-align:right;font-family:GT-America,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:.75em;transition:opacity .5s}.nav-button:focus,.nav-button:hover{font-family:GT-America,sans-serif;opacity:.5}.overlay{height:100%;width:100%;position:fixed;z-index:99;top:0;left:0;background-color:var(--background-inverse-color);overflow:hidden;text-align:center;opacity:0;visibility:hidden;transition:.5s}.overlay-content{display:flex;flex-wrap:wrap;position:absolute;width:100%;top:50%;transform:translateY(-50%);left:0}#closeNav{font-size:50px;font-weight:200;color:var(--on-inverse-surface);cursor:pointer;position:fixed;right:3%;top:15px;opacity:0}#closeNav:hover{font-weight:300}.overlay-content .overlay-nav-button{color:var(--on-inverse-surface)}.overlay-nav-button{font-family:GT-America,sans-serif;font-weight:500;text-transform:uppercase;font-size:1em;letter-spacing:.5px;padding:24px 0;text-align:center;transition:.5s}.overlay-nav-button:focus,.overlay-nav-button:hover{font-family:GT-America,sans-serif;font-weight:500;opacity:.5}#toggle{font-size:1.5em;color:var(--on-surface)}#toggle:hover{cursor:pointer}.sidebar-container{position:fixed;top:25%;left:3%;z-index:99;display:none}.sidebar{font-family:GT-America,Helvetica,sans-serif;font-weight:100;font-size:.75em;border-bottom:1px solid var(--border-primary-color);letter-spacing:1px;margin-top:15px;padding:5px 0 5px 2px;display:none;text-align:left;position:relative;transition:opacity .5s}.sidebar:hover{opacity:.2!important}.sidebar:active,.sidebar:focus{font-family:GT-America,Helvetica,sans-serif;font-weight:100;font-size:.75em}#project-nav{display:none}footer{padding:50px 3% 160px;margin-top:50px;background-color:var(--background-inverse-color)}.footer-button{margin:15px 50px 10px 5px;text-align:left;letter-spacing:2px;font-size:.7em}.footer-button,.footer-button a{color:var(--on-inverse-surface);font-family:GT-America,sans-serif;font-weight:400;text-transform:uppercase}.footer-button a:focus,.footer-button a:hover{opacity:.5}#let-chat{font-family:Stanley,serif;font-size:4em;font-weight:400;color:var(--on-inverse-surface);margin:0 0 25px}.d-button{margin:10px 20px}.d-button,button{padding:8px 15px;font-size:12px;letter-spacing:.8px;border:1px solid var(--border-primary-color);background-color:var(--background-primary-color);background-image:linear-gradient(to right,var(--surface-active) 0,var(--surface-active) 100%);background-position:0 0;background-size:0 100%;background-repeat:no-repeat;transition:background-size .5s}.d-button,button,button:focus,button:hover{font-family:GT-America,sans-serif;font-weight:400}button:focus,button:hover{cursor:pointer;color:var(--on-surface);background-size:100% 100%;outline-style:none}.d-button:first-child{margin-left:0}.d-button:last-child{margin-right:0}.d-button strong{font-weight:700;letter-spacing:1.7px}.d-button:focus,.d-button:hover{font-family:GT-America,sans-serif;font-weight:400;cursor:pointer;color:var(--on-surface-active);background-size:100% 100%;outline-style:none}.d-button:hover strong{color:var(--on-surface-active);font-weight:700;letter-spacing:1.7px}#topBtn{padding:8px 0;width:120px;letter-spacing:.8px;font-family:GT-America,Helvetica,sans-serif;font-weight:500;font-size:.8em;color:var(--on-surface);border-radius:15px;background-color:var(--background-primary-color);background-image:linear-gradient(to right,var(--surface-active) 0,var(--surface-active) 100%);background-position:0 0;background-size:0 100%;background-repeat:no-repeat;text-align:left;z-index:99;opacity:1;display:none;position:fixed;bottom:30px;left:0;right:0;margin:auto;cursor:pointer;border-style:none;border-color:var(--surface-border);box-shadow:0 2px 10px var(--hover-drop-shadow);transition:background-size .5s,opacity .5s}#topBtn:hover{color:var(--on-surface-active);background-size:100% 100%}#topBtn:active,#topBtn:focus,#topBtn:visited{outline:none;color:var(--on-surface);background-size:0 100%}form,textarea{width:100%}textarea{height:180px;padding:15px;font-family:GT-America,sans-serif;font-weight:300;font-size:1em;border:1px solid var(--border-primary-color);resize:none}textarea:focus{outline-style:none}.comment-box{border-top:1px solid var(--border-secondary-color);flex-basis:100%;margin:15px 0;padding-top:25px}.uid{font-size:.8em;color:var(--secondary-text-color);line-height:2em;letter-spacing:.1em}.intext-link,.intext-link:active,.intext-link:visited,.uid{font-family:GT-America,Helvetica,sans-serif;font-weight:500}.intext-link,.intext-link:active,.intext-link:visited{font-size:1em;background-image:linear-gradient(to right,var(--surface-active) 0,var(--surface-active) 100%);background-position:0 0;background-size:0 100%;background-repeat:no-repeat;text-decoration:underline;margin:0 2px;transition:background-size .6s}.intext-link:focus,.intext-link:hover{font-family:GT-America,Helvetica,sans-serif;font-weight:500;color:var(--on-surface-active);background-size:100% 100%;text-decoration:none;border-bottom:1px solid transparent}.intext-link2,.intext-link2:active,.intext-link2:visited{font-size:1em;background-image:linear-gradient(to right,var(--surface-active) 0,var(--surface-active) 100%);background-position:0 0;background-size:0 100%;background-repeat:no-repeat;text-decoration:underline;margin:0;font-family:GT-America,Helvetica,sans-serif;font-weight:500;transition:background-size .4s}.intext-link2:focus,.intext-link2:hover{background-size:100% 100%;font-family:GT-America,Helvetica,sans-serif;font-weight:500;text-decoration:none;color:var(--on-surface-active)}.d-text-input{padding:5px 10px;font-size:1em}.d-text-input:focus{outline:none}#project-list-title:before{content:"";border-bottom:0 solid var(--border-primary-color);position:absolute;left:25%;right:14.5%;margin-top:7px}#project-list-title{font-weight:600;letter-spacing:2.5px;font-size:1em;margin-bottom:.4em;color:var(--title-text-color);z-index:2}.project-list{border:1px solid transparent}.border-top{border-top:1px solid var(--border-tertiary-color)}.border-right{border-right:0 solid var(--border-tertiary-color)}.project-border-top{border-top:0 solid var(--border-tertiary-color)}.project-item,.text-block{margin:0 0 48px}.project-item{border-bottom:3px solid var(--border-primary-color)}.project-item-about{margin:0 25px}.project-item-about:first-child{margin-left:0}.project-item-about:last-child{margin-right:0}.project-wrapper{margin:0;position:relative}.large-size-project,.mid-size-project,.small-size-project{flex:100% 1}.project-description{padding:24px 0 16px;transition:padding .3s linear}.project-item{text-decoration:none;background-image:linear-gradient(to right,var(--surface-active) 0,var(--surface-active) 100%);background-position:0 0;background-size:0 100%;background-repeat:no-repeat;transition:background-size .3s linear}.project-item:focus,.project-item:hover{background-size:100% 100%}.project-item:focus .project-description,.project-item:hover .project-description{padding:24px 4px 16px 12px}.project-item:focus .project-description a p,.project-item:hover .project-description a .tag span,.project-item:hover .project-description a p,.project-item:hover .project-description a p strong{color:var(--on-surface-active)}.tag{font-family:GT-America,Helvetica,sans-serif;font-weight:400;color:var(--secondary-text-color);display:block;letter-spacing:0;padding-bottom:0}.tag span{color:var(--body-text-color);padding-left:8px}.project-description a .project-thumbnail-title{font-size:1.45em;font-family:Stanley,serif;font-weight:400;letter-spacing:0}.mobile{display:block}.title-mobile{display:none}#description-feature{font-size:1em;line-height:1.4em}.project-thumbnail{display:flex;position:relative;overflow:hidden;height:270px}.about-size-project{flex:100% 1}@media (min-width:44em){.mid-size-project{flex:64% 1}.about-size-project,.small-size-project{flex:28% 1;max-width:340px}.large-size-project{flex:100% 1}.text-block{margin:0 8px}.project-item{margin:0 8px;border-bottom:3px solid var(--border-primary-color)}.project-item-about{margin:0 25px}.project-wrapper{margin:0 0 60px}.text-block:first-child{margin-left:0}.text-block:last-child{margin-right:0}.project-item:first-child{margin-left:0}.project-item:last-child{margin-right:0}.project-description a .tag{font-size:.9em}.project-description a .project-thumbnail-title{font-size:1.45em;font-family:Stanley,serif;font-weight:400}.space-block{border-bottom:0 solid var(--border-primary-color)}h2{font-size:.9em}.author{margin:0 0 1em 3rem}.author,.sidenote-noborder{text-align:left;border-left:5px solid var(--border-secondary-color);padding-left:20px;padding-top:0}.sidenote-noborder{margin-left:3rem;color:var(--secondary-text-color)}ol{margin-top:10px}#project-title{font-size:4em;word-spacing:0;text-align:left}h1{font-family:Stanley,serif;font-weight:400;font-size:1.6em}.tab button{padding:32px;border-bottom:3px solid transparent;transition:.3s;font-family:GT-America,Helvetica,sans-serif;font-weight:500}.tab button.active{border-left:0 solid var(--surface-border);border-bottom:3px solid var(--surface-border)}.tab a{padding:32px;transition:.3s}.tab button:first-child{border-right:0 solid var(--border-tertiary-color)}.tab button:last-child{border-left:0 solid var(--border-tertiary-color)}.tab a:first-child{border-right:0 solid var(--border-tertiary-color)}.tab a:last-child{border-left:0 solid var(--border-tertiary-color)}.image-row img{height:240px}.ppd-title-img{background:url(/images/PPD/PPD-title-image.png) no-repeat 50%;background-size:contain}.ccs-title-img{background:url(/images/CCS/CCS-title-image.png) no-repeat 50%;background-size:contain}.joyful-title-img{background:url(/images/JOYFUL/JOYFUL-title-image.png) no-repeat 50%;background-size:contain}.arocha-title-img{background:url(/images/AROCHA/AROCHA-title-image.png) no-repeat 50%;background-size:contain}.pbook-title-img{background:url(/images/PBOOK/PBOOK-title-image.png) no-repeat 50%;background-size:contain}.visier-title-img{background:url(/images/VISIER/VISIER-title-image.png) no-repeat 50%;background-size:contain}.afterlife-title-img{background:url(/images/AFTERLIFE/AFTERLIFE-title-image.png) no-repeat 50%;background-size:contain}.daylight-title-img{background:url(/images/DAYLIGHT/DAYLIGHT-title-image.png) no-repeat 50%;background-size:contain}.facebook-title-img{background:url(/images/FACEBOOK/FACEBOOK-title-image.png) no-repeat 50%;background-size:contain}#slogan{font-size:2.8em}#slogan,.about-p{line-height:1.3em;margin:0}.about-p{font-size:1.6em}.border-left{border-left-width:3px;border-left:3px solid var(--border-primary-color);padding-left:20px}.work{font-size:1em}.project-border-top{border-top:1px solid var(--border-secondary-color)}footer{padding:50px 12% 70px}#let-chat{font-family:Stanley,serif;font-size:4em;font-weight:400;color:var(--inverse-text-color);margin:0 0 25px}#logo-motion{width:100px;margin-top:30px;transition:.3s}.title-mobile{display:block}.mobile{display:none}.project-thumbnail{border:0;padding:30px 0}.border-right{border-right:1px solid var(--border-secondary-color)}.text-center-flex{text-align:center}#h3-feature{margin-top:.3em;margin-bottom:.3em;font-size:1.8em;font-weight:300}#description-feature{font-size:1em}h3{margin-top:.3em;margin-bottom:1em;font-size:1.5em;font-weight:300;color:var(--title-text-color)}.project-img img{width:100%}}@media (min-width:64.06em){.over-img img{width:200%;height:auto;z-index:0}.image-row{margin-left:-25%;width:150%}.image-row img{height:220px}.quotes{font-size:2.8em;margin:.3em 0}#slogan{line-height:1.2em;font-size:3.2em;margin:0}#let-chat{font-size:4.5em}.about-p{line-height:1.3em;font-size:2em;margin:0}.work{font-size:1em}.border-top{border-top:1px solid var(--border-tertiary-color)}#description-feature{font-size:1.15em;line-height:1.6em}#h3-feature{margin-top:.3em;margin-bottom:.3em;font-size:2.3em;font-weight:300}#topBtn{padding:5px 0;background-color:var(--surface);width:100%;font-weight:300;position:relative;bottom:0;letter-spacing:.8px;font-size:.8em;border-width:2px;border-radius:0;border-style:none none solid;box-shadow:0 -1px 5px transparent;display:none}.sidebar-container{background-color:var(--overlay-color);display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px}#project-nav{display:block}}@media (min-width:75em){.about-size-project,.small-size-project{flex:30% 1;max-width:365px}.text-block{margin:0 25px}.project-item{margin:0 25px;border-bottom:5px solid var(--border-primary-color)}.project-item-about{margin:0 25px}.project-wrapper{margin:0 0 96px}.author,.sidenote-noborder{margin-left:5rem}.element-list{border:1px solid transparent}.element-list-title{background-color:var(--background-primary-color);padding:0;color:var(--title-text-color)}.style-guide-item{text-decoration:none;padding-left:0}footer{padding:96px 15% 200px;width:100%;margin-top:30px;position:relative}}@media (min-width:88em){#slogan{line-height:1.3em;font-size:3.8em;margin:0}#let-chat{font-size:6em}.about-p{line-height:1.3em;font-size:2em;margin:0}.sidenote{border-left:0 solid transparent;padding-left:0;margin-top:0}.desktop-img img{width:95%}#project-list-title:before{border-bottom:1px solid var(--border-primary-color)}#project-list-title{margin-bottom:2em}}@media (min-width:110em){#slogan{font-size:4.5em}#let-chat{font-size:6em}.about-p{font-size:2.4em}h1{font-size:2em}h2{font-size:1em}h3{font-size:1.3em}p{font-size:1em}.style-guide-item{font-size:1.1em}}*,:after,:before{box-sizing:border-box}body{margin:0!important}section{margin:0 3% 2em;padding:3em 0 0}.project-body{margin:0 5%;padding:5% 0;width:90%}.project-title-body{margin:0 2.5%;padding:10px 0}.container{display:flex;flex-wrap:wrap;flex-direction:row;align-content:space-between}.carousel{overflow:auto;white-space:nowrap;display:flex;margin:0 0 120px;-ms-overflow-style:none;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.slide-content{display:flex;flex:100% 1;white-space:nowrap}.center{justify-content:center}.center,.left{align-items:flex-start}.left{justify-content:flex-start}.right{align-items:flex-end;justify-content:flex-end}.left-to-center,.right-to-center{align-items:center;justify-content:center;text-align:center}#align-self-left{align-self:flex-start}#align-self-right{align-self:flex-end}.flex-auto{flex-basis:auto}.order-2to1{order:1}.order-1to2{order:2}.style-guide-item{margin:5px 0;flex-basis:50%}.element-list{display:flex;position:relative;top:auto;left:2.5%;width:95%;margin-bottom:4em}.top-margin-1{margin-top:20%}.top-margin-2,.top-margin-3{margin-top:30px}.top-margin-4{margin-top:20px}.image-inbetween-text{margin-top:20px;margin-bottom:20px}.top-margin-5{margin-top:60px}.top-padding-mobile{padding-top:30px}.top-margin-mobile{margin-top:30px}.padding-left-flex,.padding-left-flex-15px,.padding-left-flex-30px{padding-left:0}.padding-right-flex-15px,.padding-right-flex-30px,.padding-right-flex-60px{padding-right:0}.padding-left-flex-about{padding-left:0}.padding-right-flex-about{padding-right:0}#logo{z-index:98;top:35px;left:3%}#logo,#toggle{position:fixed}#toggle{z-index:99;top:25px;right:3%;visibility:visible}.nav-button{flex-basis:100px;display:none}.footer-button{flex-basis:100%}.space-block{margin-bottom:1.3em}.project-list{justify-content:center}.project-item a,.project-list{display:flex;flex-wrap:wrap}.project-thumbnail{text-align:center;justify-content:center;align-items:center}.col-1of1,.col-1of2,.col-1of2a,.col-1of3{flex-basis:100%}.col-1of3{flex-grow:1}.col-1of4,.col-1of5,.col-1of6,.col-2of3,.col-3of4{flex-basis:100%}.col-2of3{flex-grow:1}.col-2of5,.col-3of5,.col-5of6,.col-leftpanel,.col-rightpanel{flex-basis:100%}@media (min-width:42em){.space-block{margin-bottom:8em}.col-1of2{flex-basis:50%}.col-1of2:first-child{padding-right:15px}.col-1of2:last-child{padding-left:15px}.col-1of4{flex-basis:50%;padding:0 8px}.col-1of4:first-child{padding-right:8px}.col-1of4:last-child{padding-left:8px}.top-margin-2{margin-top:60px}.image-inbetween-text{margin-top:32px;margin-bottom:32px}.single-item-button{flex-basis:auto;margin:0 15px}.col-1of5{flex-basis:20%}.padding-left-flex{padding-left:5%}.project-title-body{padding:5em 0}.footer-button{flex-basis:auto}.col-1of3{flex-basis:33%}.col-2of3{flex-basis:66%}.col-rightpanel{flex-basis:35%}.col-leftpanel{flex-basis:65%}.padding-left-flex-30px{padding-left:1rem}.padding-left-flex-15px{padding-left:15px}.padding-right-flex-30px{padding-right:1rem}.padding-right-flex-15px{padding-right:15px}.padding-right-flex-60px{padding-right:60px}.order-2to1{order:2}.order-1to2{order:1}.col-1of6{flex-basis:10%}.col-5of6{flex-basis:90%}}@media (min-width:64.06em){section{margin:0 auto;width:1060px}.col-1of2a{flex-basis:50%}.top-padding-mobile{padding-top:0}.top-margin-mobile{margin-top:1rem}#toggle{visibility:hidden}#logo{z-index:1}.nav-button{display:flex}.right-to-center{align-items:flex-end;justify-content:flex-end;text-align:left}.left-to-center{align-items:flex-start;justify-content:flex-start;text-align:left}.padding-left-flex-about{padding-left:1rem}.padding-right-flex-about{padding-right:1rem}.project-body{margin:0 25%;width:50%}.col-rightpanel{flex-basis:25%}.col-leftpanel{flex-basis:75%}.top-margin-5{margin-top:120px}.col-1of4{flex-basis:25%}.col-1of6{flex-basis:15%}.col-5of6{flex-basis:85%}}@media (min-width:75em){.element-list{display:flex;position:fixed;left:20px;top:35%;z-index:1;width:200px}section{margin:0 auto;width:1180px}.style-guide-item{margin:5px 3em 5px 0;flex-basis:100%}.project-title-body{margin:8em 22.5% 0;width:55%}.top-margin-2{margin-top:60px}.top-margin-3{margin-top:120px}}@media (min-width:88em){.col-3of4{flex-basis:75%}.col-2of5{flex-basis:40%}.col-3of5{flex-basis:60%}.col-leftpanel{flex-basis:75%}.col-rightpanel{flex-basis:25%;padding-right:5%}}@media (min-width:110em){.element-list{width:200px}.space-block{margin-bottom:6em}}