@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0);
:root{--bg-color-primary: #000000;--primary: #fff;--secondary: #000000;--accent-color-1: #ffbc9b;--layout-nav-width: 60px;--header-height: 100px}html,body{height:100%;width:100%;-ms-scroll-chaining:none;overscroll-behavior:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:-moz-isolate;unicode-bidi:isolate;width:100%;height:100%;margin:0;padding:0;display:block;background-color:#000000;background-color:var(--bg-color-primary);font-weight:400;font-size:16px;font-family:"Urbanist",sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none;color:#fff;color:var(--primary)}button,input,select,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;border-radius:0;background-color:rgba(0,0,0,0)}#app,.layout,.main{width:100%;height:100%;margin:0;padding:0;position:relative}.logo{display:inline-block;pointer-events:all;cursor:pointer;font-size:21px;text-decoration:none;text-transform:uppercase;letter-spacing:2px}.logo span{display:block;text-align:center;text-transform:lowercase;font-size:12px;margin-top:4px}.mobile{display:none !important}@media screen and (max-width: 768px){.mobile{display:block !important}}.desktop{display:block !important}@media screen and (max-width: 768px){.desktop{display:none !important}}.video-wrapper{width:100%;height:100%;position:relative;overflow:hidden;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:left}video{position:absolute;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:calc(100% - 200px)}video.portrait{width:auto}.controls{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;width:100%;padding:25px;left:0;bottom:0}@media screen and (min-width: 768px){.controls{top:0px;bottom:auto}}.controls .sound-icon{margin-left:auto}.divider{margin:24px auto;background-color:#000000;background-color:var(--secondary);height:2px;width:100%}.background{background-position:50%;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:no-repeat}.tabs{list-style-type:none;padding:0;margin:0}.tabs .tab{margin-right:24px;text-transform:uppercase;font-weight:500}@media screen and (max-width: 768px){.tabs .tab{margin-right:8px;font-size:14px}}.tabs .tab.selected{color:#fff !important;color:var(--primary) !important}.tabs .tab.selected{background-color:#000000;background-color:var(--secondary)}.tab-panel{width:100%}.tab-panel .tab-content{width:100%;padding:50px 0px}.button{cursor:pointer;letter-spacing:1px;border-bottom:1px solid #000000;border-bottom:1px solid var(--secondary);display:inline-block;position:relative;text-decoration:none;-webkit-transition:border-color .35s ease,background .35s ease;transition:border-color .35s ease,background .35s ease;padding:12px 24px}.button::before{background-color:#000000;background-color:var(--secondary);content:"";display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;-webkit-transition:all .35s ease;transition:all .35s ease}.button::after{position:absolute;right:2.34375rem;top:50%;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%);font-size:1.75em}.button:hover{color:#fff !important;color:var(--primary) !important}.button:hover{-webkit-transition:.25s;transition:.25s}.button:hover::before{top:0}.button.filled{border-bottom:1px solid #fff;border-bottom:1px solid var(--primary)}.button.filled::before{background-color:#fff;background-color:var(--primary)}.button.filled:hover{color:#000000 !important;color:var(--secondary) !important}.page-loader{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000000;background-color:var(--bg-color-primary);color:#fff;color:var(--primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.page-loader p{font-size:21px}.header{position:fixed;top:0;left:0;width:100%;z-index:700;pointer-events:none;height:100px;-webkit-transition:ease .4s;transition:ease .4s;background-color:#000000;background-color:var(--secondary)}.header--scrolled{height:50px}.header .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100px;height:var(--header-height);position:relative;padding:25px}.header .menu-icon-wrapper{margin-left:auto}.mobile-nav{opacity:0;background-color:#000000;background-color:var(--secondary);position:fixed;height:100%;width:100%;bottom:0;left:0;-webkit-transition:400ms ease;transition:400ms ease;overflow:auto;will-change:opacity}.mobile-nav .header{position:relative}.mobile-nav .nav-wrapper{padding:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100% - 223px);width:100%}@media screen and (min-width: 768px){.mobile-nav .nav-wrapper{padding-top:100px;padding-top:var(--header-height)}}.mobile-nav.open{z-index:900;opacity:1}.mobile-nav .mobile-menu{-webkit-transform:translateY(-61px);transform:translateY(-61px)}.mobile-nav .mobile-menu a{text-decoration:none}.mobile-nav .mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-nav .mobile-menu ul li{cursor:pointer;list-style-type:none;font-size:2rem;text-transform:uppercase;text-align:center;margin-top:24px;margin-bottom:24px;border:1px solid #fff;border:1px solid var(--primary);padding:12px;-webkit-transition:400ms ease;transition:400ms ease;will-change:color,background-color}.mobile-nav .mobile-menu ul li:hover{color:#000000;color:var(--secondary);background-color:#fff;background-color:var(--primary)}.mobile-nav .mobile-menu-footer{position:relative;bottom:0;left:0;width:100%;padding:12px 24px;text-align:center}.mobile-nav .mobile-menu-footer p{margin-top:24px;font-size:14px;font-weight:200}.icon-button{width:50px;height:50px;position:relative;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;border:2px solid rgba(0,0,0,0);-webkit-transition:400ms ease-in-out;transition:400ms ease-in-out;will-change:border;z-index:800}.icon-button:hover{border:2px solid #000000;border:2px solid var(--secondary)}.icon-button.filled:hover{border:2px solid #fff;border:2px solid var(--primary)}.menu-icon{z-index:800;position:relative;pointer-events:all;width:62px;height:62px;cursor:pointer}.menu-icon .inner-menu{width:70%;height:2px;background:#fff;position:absolute;top:50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s}.menu-icon .inner-menu:before,.menu-icon .inner-menu:after{content:"";position:absolute;width:100%;height:2px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s}.menu-icon .inner-menu:before{top:-12px}.menu-icon .inner-menu::after{top:12px}.menu-icon.active .inner-menu{background:rgba(0,0,0,0);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0);box-shadow:0 2px 5px rgba(0,0,0,0)}.menu-icon.active .inner-menu:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-icon.active .inner-menu:after{top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.close-icon-button{margin:auto}.close-icon-button .leftright{height:2px;width:40px;position:absolute;background-color:#000000;background-color:var(--secondary);border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.close-icon-button .rightleft{height:2px;width:40px;position:absolute;background-color:#000000;background-color:var(--secondary);border-radius:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.close-icon-button:hover .leftright{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.close-icon-button:hover .rightleft{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sound-icon{font-size:32px;padding:8px;border-radius:100%;border:1px solid rgba(0,0,0,0);opacity:.6;will-change:border,opacity}.sound-icon:hover{opacity:1;border:1px solid #fff}.arrow-icon{-webkit-transition:.5s;transition:.5s;overflow:hidden;will-change:border;opacity:.6;will-change:border,opacity}.arrow-icon:hover{opacity:1;border:2px solid #fff;border:2px solid var(--primary)}.arrow-icon:hover:before{-webkit-animation:aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite .1s;animation:aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite .1s}.arrow-icon:hover:after{-webkit-animation:aniArrow02 1s cubic-bezier(0, 0.6, 1, 0.4) infinite .1s;animation:aniArrow02 1s cubic-bezier(0, 0.6, 1, 0.4) infinite .1s}.arrow-icon:after{display:block;content:"";color:#fff;width:25px;border-bottom:solid 2px}.arrow-icon:before{position:absolute;display:block;content:"";color:#fff;width:12px;height:12px;border-top:solid 2px;border-left:solid 2px;left:12px;-webkit-transform:rotatez(-45deg);transform:rotatez(-45deg)}@-webkit-keyframes aniArrow01{0%{left:25px;-webkit-transform:rotatez(-45deg) translateY(30px) translateX(30px);transform:rotatez(-45deg) translateY(30px) translateX(30px)}100%{-webkit-transform:rotatez(-45deg) translateY(-35px) translateX(-35px);transform:rotatez(-45deg) translateY(-35px) translateX(-35px);left:0px}}@keyframes aniArrow01{0%{left:25px;-webkit-transform:rotatez(-45deg) translateY(30px) translateX(30px);transform:rotatez(-45deg) translateY(30px) translateX(30px)}100%{-webkit-transform:rotatez(-45deg) translateY(-35px) translateX(-35px);transform:rotatez(-45deg) translateY(-35px) translateX(-35px);left:0px}}@-webkit-keyframes aniArrow02{0%{-webkit-transform:translateX(45px);transform:translateX(45px)}100%{-webkit-transform:translateX(-44px);transform:translateX(-44px)}}@keyframes aniArrow02{0%{-webkit-transform:translateX(45px);transform:translateX(45px)}100%{-webkit-transform:translateX(-44px);transform:translateX(-44px)}}.layout{width:100%;margin:0 auto;padding:0 60px;padding:0 var(--layout-nav-width)}@media screen and (max-width: 768px){.layout{padding:0}}.layout-navigation{height:100%;width:60px;width:var(--layout-nav-width);cursor:pointer;position:fixed;top:0;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;background:rgba(0,0,0,0);background:#000000;background:var(--bg-color-primary);border:1px solid #fff;border:1px solid var(--primary);z-index:900;pointer-events:all;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:200ms ease-in-out;transition:200ms ease-in-out;will-change:width}.layout-navigation span{font-size:16px;letter-spacing:4px;-webkit-transform-origin:center;transform-origin:center;text-transform:uppercase;font-weight:600}@media screen and (max-width: 768px){.layout-navigation{display:none}}.layout-navigation.right{right:0;border-width:0 0 0 1px;padding-bottom:5px}.layout-navigation.right span{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.layout-navigation.left{left:0;border-width:0 1px 0 0;padding-bottom:10px}.layout-navigation.left span{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.layout-navigation:hover{width:80px}.layout-backdrop{width:100%;height:100%;opacity:0;visibility:hidden;position:fixed;left:0;background:rgba(0,0,0,.5);z-index:1000;cursor:pointer;pointer-events:none}.layout-backdrop.active{-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);pointer-events:all;opacity:1;visibility:inherit}.layout-drawer{position:fixed;top:0;height:100%;width:70.83333vw;z-index:1000;pointer-events:none}.layout-drawer .layout-drawer-content{-webkit-box-shadow:-20px 0 24px 0 rgba(0,0,0,.29);box-shadow:-20px 0 24px 0 rgba(0,0,0,.29);width:70.83333vw;height:100%;overflow-y:auto;position:absolute;top:0;background-color:#fff;background-color:var(--primary);padding:4.16667vw;opacity:0;visibility:hidden;-webkit-transition:600ms ease;transition:600ms ease;will-change:transform,opacity,visibility}.layout-drawer .layout-drawer-content *{color:#000000;color:var(--secondary)}.layout-drawer .layout-drawer-content .layout-grid{display:grid;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-template-columns:repeat(2, 1fr);grid-gap:2.77778vw;gap:2.77778vw;overflow:auto;max-height:calc(100% - 4.16667vw - 42px)}.layout-drawer .layout-drawer-content .layout-grid .projects-grid{display:block;margin-top:0}.layout-drawer .layout-drawer-content .layout-grid .projects-grid .project-thumbnail{width:100%}.layout-drawer .layout-drawer-content .layout-grid .projects-grid .project-thumbnail .thumbnail-cover{height:auto;min-height:275px}.layout-drawer .layout-drawer-content .drawer-link{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-decoration:none}.layout-drawer .layout-drawer-content .drawer-link h2{text-transform:uppercase;font-size:3rem;font-weight:500;margin-top:0;margin-bottom:0}.layout-drawer .layout-drawer-content .drawer-link:hover h2{text-decoration:underline}.layout-drawer .layout-drawer-content p{font-size:21px}.layout-drawer.open{pointer-events:all}.layout-drawer.right{right:0;-webkit-transform:translateX(calc(100% - 60px + 1px));transform:translateX(calc(100% - 60px + 1px));-webkit-transform:translateX(calc(100% - var(--layout-nav-width) + 1px));transform:translateX(calc(100% - var(--layout-nav-width) + 1px))}.layout-drawer.right .layout-drawer-content{right:calc(100% - 60px);right:calc(100% - var(--layout-nav-width));-webkit-transform:translate(25%, 0%) translate3d(0px, 0px, 0px);transform:translate(25%, 0%) translate3d(0px, 0px, 0px)}.layout-drawer.right.open .layout-drawer-content{-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);opacity:1;visibility:inherit}.layout-drawer.right .divider{margin-top:48px;margin-bottom:48px}.layout-drawer.left{left:0;-webkit-transform:translateX(calc(-100% + 60px));transform:translateX(calc(-100% + 60px));-webkit-transform:translateX(calc(-100% + var(--layout-nav-width)));transform:translateX(calc(-100% + var(--layout-nav-width)))}.layout-drawer.left .layout-drawer-content{left:calc(100% - 60px);left:calc(100% - var(--layout-nav-width));-webkit-transform:translate(-25%, 0%) translate3d(0px, 0px, 0px);transform:translate(-25%, 0%) translate3d(0px, 0px, 0px)}.layout-drawer.left.open .layout-drawer-content{-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);opacity:1;visibility:inherit}.layout-drawer .drawer-header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:42px}.layout-drawer .social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.layout-drawer .social .social-icon{margin:15px;padding:5px;height:50px;width:50px}.layout-drawer .drawer-footer{text-align:right}.layout-drawer .drawer-footer .copyright{font-size:18px;text-transform:none;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;font-weight:400}.contact{padding-top:100px;padding-bottom:100px;padding-left:24px;padding-right:24px}.contact h2{text-transform:uppercase;font-size:3rem;font-weight:500;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:0;margin-bottom:0}.contact p{font-size:21px}@media screen and (max-width: 768px){.contact p{font-size:18px}}.contact h1{font-weight:500;font-size:6vw;line-height:1;text-transform:uppercase}@media screen and (max-width: 768px){.contact h1{font-size:34px}}.contact .divider{background-color:#fff;margin-top:48px;margin-bottom:48px}.contact .social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contact .social svg{fill:#fff}.contact .social .social-icon{margin:15px;padding:5px;height:50px;width:50px}.contact .contact-footer{text-align:right}.contact .contact-footer .copyright{font-size:18px;text-transform:none;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;font-weight:400}.home{width:100%;height:100%}.home .hero{width:100%;height:100%}.home .hero .title{z-index:9}.home .hero h2{margin-top:8px}.home .hero .hero-project-link{position:absolute;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home a{text-decoration:none}.home h1{font-size:5.94444vw;line-height:1;margin-bottom:0;margin-top:.83333vw;font-weight:200;letter-spacing:1rem;margin-left:4rem;text-align:center}@media screen and (max-width: 768px){.home h1{letter-spacing:1.5rem;margin-left:1.5rem}}.home h2{text-align:center;font-size:42px;font-weight:200}.home .section{width:100%;height:100%;position:relative;scroll-snap-align:start}.home .section .video-wrapper{height:100vh}.home .section .video-wrapper a{position:absolute;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase}.home .section.mobile{height:auto}.home .section.mobile video{height:100%}.home .section.mobile .video-wrapper{display:block;height:700px}.home .section.mobile .video-wrapper a{display:block}.home .project-title{z-index:9;padding:50px;position:absolute;left:0;bottom:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.home .project-title h2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-size:3rem}.home .project-title h2 span{margin:auto 16px;font-size:2rem;font-weight:600;opacity:.6}.home .project-title.stand-alone{position:inherit;bottom:0;z-index:0;-webkit-user-select:inherit;-moz-user-select:inherit;-ms-user-select:inherit;user-select:inherit;pointer-events:inherit;padding:25px;margin-bottom:35px}.home .project-title.stand-alone h2{font-size:1.5rem}.home .project-title.stand-alone h2 span{margin:auto 8px;font-size:1rem;font-weight:600;opacity:.6}.home .project-title.stand-alone a:hover span{opacity:1}.home .home-footer{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:24px;padding-bottom:24px}.home .home-footer .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase}.home .home-footer .button span{margin-left:8px;-webkit-transition:250ms ease;transition:250ms ease}.home .home-footer .button:hover span{color:#000000 !important;color:var(--secondary) !important}.home .home-footer .button:hover span{-webkit-transform:translateX(4px);transform:translateX(4px)}.legal-notice{padding-top:100px;padding-bottom:100px;padding-left:24px;padding-right:24px}.legal-notice h1{font-weight:500;font-size:6vw;line-height:1;text-transform:uppercase}@media screen and (max-width: 768px){.legal-notice h1{font-size:34px}}.legal-notice h2{text-transform:uppercase;font-weight:500;font-size:2vw;margin-top:50px}@media screen and (max-width: 768px){.legal-notice h2{font-size:24px}}.legal-notice p{text-align:justify;font-size:18px}.not-found{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:24px}.not-found h1{margin-bottom:15px;font-weight:500;font-size:4vw;line-height:1;text-transform:uppercase}.not-found p{font-size:1.5rem;margin-top:0;margin-bottom:42px;font-weight:200}.not-found .not-found-icon{max-width:400px;height:auto}@media screen and (max-width: 768px){.not-found h1{font-size:2rem}.not-found p{font-size:.75rem;margin-bottom:21px}.not-found .not-found-icon{width:100%}}.projects.page{width:100%}.projects.page .projects-nav{margin-top:48px}.projects.page .projects-nav .tab{border-bottom:1px solid #fff;border-bottom:1px solid var(--primary)}.projects.page .projects-nav .tab.selected{color:#000000 !important;color:var(--secondary) !important}.projects.page .projects-nav .tab.selected{background-color:#fff;background-color:var(--primary)}.projects.page .projects-nav .tab::before{background-color:#fff;background-color:var(--primary)}.projects.page .projects-nav .tab:hover{color:#000000 !important;color:var(--secondary) !important}.projects.page .projects-grid{padding-left:50px;padding-right:50px}@media screen and (max-width: 768px){.projects.page .projects-grid{padding-left:20px;padding-right:20px}}.project.page video{height:100%}.project.page .title{position:relative;z-index:9}.project.page .title h1{font-weight:500;font-size:4vw;line-height:1;margin-bottom:0;margin-top:.83333vw;text-transform:uppercase;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase}@media screen and (max-width: 768px){.project.page .title h1{font-size:2rem;display:block}}.project.page .title h1 span{margin:auto 16px;font-size:1.5rem;font-weight:600;opacity:.6}.project.page .project-content{padding:48px}@media screen and (max-width: 768px){.project.page .project-content{padding:24px}}.project.page .project-content p{text-transform:uppercase;font-size:24px}@media screen and (max-width: 768px){.project.page .project-content p{font-size:18px}}.project.page .project-content .credits p{font-size:18px;text-transform:inherit}@media screen and (max-width: 768px){.project.page .project-content .credits p{font-size:16px}}.projects-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:48px;position:relative}.projects-grid a{display:block;text-decoration:none;width:100%;height:100%}.projects-grid .project-thumbnail{margin-bottom:48px;position:relative;width:calc(50% - 2.08333vw)}.projects-grid .project-thumbnail .thumbnail-cover{background-position:center center;background-repeat:no-repeat;background-size:cover;height:20vw;margin-bottom:12px;max-height:500px;min-height:275px}.projects-grid .project-thumbnail h3{text-transform:uppercase}.projects-grid .project-thumbnail h3 span{margin:auto 2px;font-size:1rem;font-weight:600;opacity:.4}.projects.page .project-thumbnail h3{text-transform:uppercase}.projects.page .project-thumbnail h3 span{opacity:.65}.page{position:relative;width:100%;height:100%}.page .page-head{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:96px;padding-left:48px;padding-right:48px;padding-bottom:48px;margin-bottom:48px}@media screen and (max-width: 768px){.page .page-head{padding-left:22px;padding-right:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.page .page-head h1{font-size:4rem;font-weight:200;letter-spacing:4px;margin:0;text-transform:uppercase}@media screen and (max-width: 768px){.page .page-head h1{font-size:2rem}}