/* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .page-container__5kn7D { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: 500px; } .page-container__5kn7D .component-wrapper__fcicp { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden } .page-container__5kn7D .component-wrapper__fcicp.page-transition-enter-active, .page-container__5kn7D .component-wrapper__fcicp.page-transition-exit-active { overflow: visible; } .page-container__5kn7D .component-inner__-0atq { position: absolute; top: 0; bottom: 0; right: 5px; left: 5px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .page-container__5kn7D .component-inner__-0atq.component-inner-home__22KyK { overflow-y: hidden; } @media (max-height: 599px) { .page-container__5kn7D .component-inner__-0atq.component-inner-home__22KyK { overflow-y: scroll; } } @media (min-width: 768px) { .page-container__5kn7D .component-inner__-0atq { right: 45px; left: 45px; } } .current-page-wrapper__1X7Mj { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 3; padding-top: 113px; } @media (min-width: 768px) { .current-page-wrapper__1X7Mj { padding-top: 0; min-height: 90vh; } } .current-page-wrapper__1X7Mj {/* Force manifesto to be at least 100% tall */ } .current-page-wrapper__1X7Mj.page-wrapper-color-2__ZgEsX { min-height: 100%; } .fake-pages-container__3F84b { overflow: hidden; } /* GLOBAL VIEWPORT POSITION move the viewport to one corner of the screen (where the new page has been positioned) */ .transition-out-init-1__Ptoe4, .transition-out-init-2__3M8BG, .transition-out-init-3__27F-E, .transition-out-init-4__26_rC { overflow: visible; overflow: initial; -webkit-transition: none !important; transition: none !important; /* stylelint-disable-line */ will-change: transform; } .transition-out-init-3__27F-E { -webkit-transform: translate3d(calc(-100% + 10px), 50%, 0); transform: translate3d(calc(-100% + 10px), 50%, 0); } @media (min-width: 768px) { .transition-out-init-3__27F-E { -webkit-transform: translate3d(calc(-100% + 90px), 50%, 0); transform: translate3d(calc(-100% + 90px), 50%, 0); } } .transition-out-init-3__27F-E .page-transition-exit { -webkit-transform: translate3d(calc(100% - 10px), -50%, 0); transform: translate3d(calc(100% - 10px), -50%, 0); } @media (min-width: 768px) { .transition-out-init-3__27F-E .page-transition-exit { -webkit-transform: translate3d(calc(100% - 90px), -50%, 0); transform: translate3d(calc(100% - 90px), -50%, 0); } } .transition-out-init-4__26_rC { -webkit-transform: translate3d(calc(-100% + 10px), -50%, 0); transform: translate3d(calc(-100% + 10px), -50%, 0); } @media (min-width: 768px) { .transition-out-init-4__26_rC { -webkit-transform: translate3d(calc(-100% + 90px), -50%, 0); transform: translate3d(calc(-100% + 90px), -50%, 0); } } .transition-out-init-4__26_rC .page-transition-exit { -webkit-transform: translate3d(calc(100% - 10px), 50%, 0); transform: translate3d(calc(100% - 10px), 50%, 0); } @media (min-width: 768px) { .transition-out-init-4__26_rC .page-transition-exit { -webkit-transform: translate3d(calc(100% - 90px), 50%, 0); transform: translate3d(calc(100% - 90px), 50%, 0); } } .transition-out-init-1__Ptoe4 { -webkit-transform: translate3d(calc(100% - 10px), 50%, 0); transform: translate3d(calc(100% - 10px), 50%, 0); } @media (min-width: 768px) { .transition-out-init-1__Ptoe4 { -webkit-transform: translate3d(calc(100% - 90px), 50%, 0); transform: translate3d(calc(100% - 90px), 50%, 0); } } .transition-out-init-1__Ptoe4 .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 10px), -50%, 0); transform: translate3d(calc(-100% + 10px), -50%, 0); } @media (min-width: 768px) { .transition-out-init-1__Ptoe4 .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 90px), -50%, 0); transform: translate3d(calc(-100% + 90px), -50%, 0); } } .transition-out-init-2__3M8BG { -webkit-transform: translate3d(calc(100% - 10px), -50%, 0); transform: translate3d(calc(100% - 10px), -50%, 0); } @media (min-width: 768px) { .transition-out-init-2__3M8BG { -webkit-transform: translate3d(calc(100% - 90px), -50%, 0); transform: translate3d(calc(100% - 90px), -50%, 0); } } .transition-out-init-2__3M8BG .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 10px), 50%, 0); transform: translate3d(calc(-100% + 10px), 50%, 0); } @media (min-width: 768px) { .transition-out-init-2__3M8BG .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 90px), 50%, 0); transform: translate3d(calc(-100% + 90px), 50%, 0); } } .transition-out__1SZl6 .edge-button-title__31oKp { display: none; } .transition-out-1__3vcT2, .transition-out-2__3I42v, .transition-out-3__2xvt5, .transition-out-4__Uq13H { overflow: visible; overflow: initial; -webkit-transition: -webkit-transform 800ms cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 800ms cubic-bezier(1, 0, 0, 1); transition: transform 800ms cubic-bezier(1, 0, 0, 1); transition: transform 800ms cubic-bezier(1, 0, 0, 1), -webkit-transform 800ms cubic-bezier(1, 0, 0, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .transition-out-1__3vcT2 .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 10px), -50%, 0); transform: translate3d(calc(-100% + 10px), -50%, 0); } @media (min-width: 768px) { .transition-out-1__3vcT2 .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 90px), -50%, 0); transform: translate3d(calc(-100% + 90px), -50%, 0); } } .transition-out-2__3I42v .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 10px), 50%, 0); transform: translate3d(calc(-100% + 10px), 50%, 0); } @media (min-width: 768px) { .transition-out-2__3I42v .page-transition-exit { -webkit-transform: translate3d(calc(-100% + 90px), 50%, 0); transform: translate3d(calc(-100% + 90px), 50%, 0); } } .transition-out-3__2xvt5 .page-transition-exit { -webkit-transform: translate3d(calc(100% - 10px), -50%, 0); transform: translate3d(calc(100% - 10px), -50%, 0); } @media (min-width: 768px) { .transition-out-3__2xvt5 .page-transition-exit { -webkit-transform: translate3d(calc(100% - 90px), -50%, 0); transform: translate3d(calc(100% - 90px), -50%, 0); } } .transition-out-4__Uq13H .page-transition-exit { -webkit-transform: translate3d(calc(100% - 10px), 50%, 0); transform: translate3d(calc(100% - 10px), 50%, 0); } @media (min-width: 768px) { .transition-out-4__Uq13H .page-transition-exit { -webkit-transform: translate3d(calc(100% - 90px), 50%, 0); transform: translate3d(calc(100% - 90px), 50%, 0); } } .edge-button-title__31oKp { color: #ffffff; font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; position: absolute; display: none; opacity: 0; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } @media (max-height: 599px) { .edge-button-title__31oKp { display: none !important;/* stylelint-disable-line */ } } @media (min-width: 768px) { .edge-button-title__31oKp { display: block; white-space: nowrap; } } .edge-button-arrow__2np2L { position: absolute; display: none; width: 16px; height: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url('/static/images/white-arrow-nav.svg'); -webkit-transition: opacity 0.2s linear 0s, -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1) 0.1s; transition: opacity 0.2s linear 0s, -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1) 0.1s; transition: opacity 0.2s linear 0s, transform 0.3s cubic-bezier(1, 0, 0, 1) 0.1s; transition: opacity 0.2s linear 0s, transform 0.3s cubic-bezier(1, 0, 0, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1) 0.1s; opacity: 0; } @media (min-width: 768px) { .edge-button-arrow__2np2L { display: block; } } /* PLACEHOLDER NEXT PAGES create (all around the current page) fake square with the colors of the related page */ .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4 { position: absolute; top: 0; bottom: 0; right: 5px; left: 5px; z-index: 0; } @media (min-width: 768px) { .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4 { right: 45px; left: 45px; } } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4:hover .edge-button-arrow__2np2L { -webkit-transition: opacity 0.2s linear 0s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; transition: opacity 0.2s linear 0s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; transition: opacity 0.2s linear 0s, transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; transition: opacity 0.2s linear 0s, transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0.05s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4.is-active__3otoM .edge-button-arrow__2np2L { -webkit-transition: opacity 0.2s linear 0s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s !important; transition: opacity 0.2s linear 0s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s !important; transition: opacity 0.2s linear 0s, transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s !important; transition: opacity 0.2s linear 0s, transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s !important; /* stylelint-disable-line */ } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw.is-active__3otoM .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw:hover .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k.is-active__3otoM .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k:hover .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T.is-active__3otoM .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T:hover .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat.is-active__3otoM .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat:hover .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4.is-active__3otoM .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4.is-active__3otoM .edge-button-title__31oKp, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4:hover .edge-button-arrow__2np2L, .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4:hover .edge-button-title__31oKp { opacity: 1; } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw { -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0); } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw .edge-button-title__31oKp { left: auto; right: 20px; bottom: calc(50% - 40px); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right center; transform-origin: right center; } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw .edge-button-arrow__2np2L { right: 15px; bottom: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .component-wrapper__fcicp .page-wrapper-pos-top-left__nilhw:hover .edge-button-arrow__2np2L { -webkit-transform: rotate(90deg) translate3d(-2px, 2px, 0); transform: rotate(90deg) translate3d(-2px, 2px, 0); } .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k { -webkit-transform: translate3d(-100%, 50%, 0); transform: translate3d(-100%, 50%, 0); } .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k .edge-button-title__31oKp { left: calc(100% - 20px); top: calc(50% - 40px); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left center; transform-origin: left center; } .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k .edge-button-arrow__2np2L { right: 15px; top: 20px; } .component-wrapper__fcicp .page-wrapper-pos-bottom-left__2yB0k:hover .edge-button-arrow__2np2L { -webkit-transform: rotate(0) translate3d(-2px, 2px, 0); transform: rotate(0) translate3d(-2px, 2px, 0); } .component-wrapper__fcicp .page-wrapper-pos-top__3Yn6T { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat { -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat .edge-button-title__31oKp { right: auto; left: 24px; bottom: calc(50% - 40px); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left center; transform-origin: left center; } .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat .edge-button-arrow__2np2L { left: 15px; bottom: 20px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .component-wrapper__fcicp .page-wrapper-pos-top-right__1Qqat:hover .edge-button-arrow__2np2L { -webkit-transform: rotate(-180deg) translate3d(-2px, 2px, 0); transform: rotate(-180deg) translate3d(-2px, 2px, 0); } .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4 { -webkit-transform: translate3d(100%, 50%, 0); transform: translate3d(100%, 50%, 0); } .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4 .edge-button-title__31oKp { right: auto; left: 24px; top: calc(50% - 40px); -webkit-transform: rotate(90deg) translateX(-100%); transform: rotate(90deg) translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; } .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4 .edge-button-arrow__2np2L { left: 15px; top: 20px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .component-wrapper__fcicp .page-wrapper-pos-bottom-right__1ukZ4:hover .edge-button-arrow__2np2L { -webkit-transform: rotate(-90deg) translate3d(-2px, 2px, 0); transform: rotate(-90deg) translate3d(-2px, 2px, 0); } .page-transition-exit { pointer-events: none; z-index: 5; opacity: 1; -webkit-transition: opacity 0.3s linear 0.4s; transition: opacity 0.3s linear 0.4s; } .page-transition-exit-active { opacity: 0; } .page-wrapper-color-0__1DnVl { overflow: hidden; background-color: #000000; } .page-wrapper-color-1__3k8wF { background-color: #000000; } .page-wrapper-color-1__3k8wF .edge-button-title__31oKp { color: #ffffff; } .page-wrapper-color-2__ZgEsX { background-color: #ff0000; } .page-wrapper-color-2__ZgEsX .edge-button-title__31oKp { color: #ffffff; } .page-wrapper-color-3__3hmCD { background-color: #0000ff; } .page-wrapper-color-3__3hmCD .edge-button-title__31oKp { color: #ffffff; } .page-wrapper-color-4__1X15X { background-color: #ffffff; } .page-wrapper-color-4__1X15X .edge-button-title__31oKp { color: #000000; } .page-wrapper-color-4__1X15X .edge-button-arrow__2np2L { background-image: url('/static/images/black-arrow-nav.svg'); } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ @-webkit-keyframes rotating__1RztL { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating__1RztL { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .container__2n7u0 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } @media (max-height: 599px) { .container__2n7u0 { overflow-y: scroll; } } .container__2n7u0 video::-webkit-media-controls { opacity: 0; } .video-container__2OgKe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none } .video-container__2OgKe::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #0000ff; background-size: 100% 100%; background-repeat: no-repeat; background-image: url('/static/images/film-grain-loading.gif'); opacity: 0.2; z-index: -1; } .nav-container__3kwv4 { position: absolute; top: 0; right: 0; bottom: 70px; left: 0; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .nav-container__3kwv4 a { text-decoration: none; } .footer-container__qaifG { position: absolute; left: 0; width: 100%; bottom: 0; opacity: 1; -webkit-transition: opacity 0.2s linear 0.1s; transition: opacity 0.2s linear 0.1s; } .transparent__1QOO6 { opacity: 0 !important; /* stylelint-disable-line */ } .nav-item__unYz- { list-style-type: none; } .nav-item__unYz- .link-idle__IqWeO .page-title__34kVj { opacity: 0.5; } .nav-item__unYz-:hover .pageslug-text__1kDi0, .nav-item__unYz-:hover .page-title__34kVj { opacity: 1; } .page-title__34kVj { font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 48px; font-size: 3rem; color: #ffffff; letter-spacing: 1.6px; letter-spacing: 0.1rem; line-height: 1.2; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } @media (min-width: 1024px) { .page-title__34kVj { font-size: 4.8rem; } } @media (min-width: 1280px) { .page-title__34kVj { font-size: 4.8rem; letter-spacing: 0.1rem; } } .pageslug-text__1kDi0 { margin-left: 16px; text-transform: uppercase; font-size: 28.8px; font-size: 1.8rem; letter-spacing: 3.2px; letter-spacing: 0.2rem; font-family: 'SharpGroteskBook18', 'Helvetica', sans-serif; opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; display: none; } @media (min-width: 768px) { .pageslug-text__1kDi0 { display: inline-block; } } .nav-item-mobile__2xAPl { display: block; padding-left: 20px; } @media (min-width: 768px) { .nav-item-mobile__2xAPl { display: none; } } .nav-item-tablet__j-Tir { display: none; } @media (min-width: 768px) { .nav-item-tablet__j-Tir { padding-left: 60px; display: block; } } @media (min-width: 1024px) { .nav-item-tablet__j-Tir { display: none; } } .nav-item-desktop__1QpLe { display: none; } @media (min-width: 1024px) { .nav-item-desktop__1QpLe { padding-left: 72px; display: block; } } .hero-video__1zFO3 { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .container-404__anV9u { background-color: #0000ff; min-height: 100%; border-right: 1px solid #ffffff; } .container-404__anV9u .nav-header { margin-bottom: 0; } .error-container__vhX8e { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: stretch; align-content: stretch; } .header-404__3WTVR, .footer-404__1nfAl a, .footer-404__1nfAl { font-family: 'CenturyExpandedLTStd', 'Times'; font-size: 36.8px; font-size: 2.3rem; padding: 20px 0; } @media (min-width: 768px) { .header-404__3WTVR, .footer-404__1nfAl a, .footer-404__1nfAl { font-size: 3.2rem; } } @media (min-width: 1024px) { .header-404__3WTVR, .footer-404__1nfAl a, .footer-404__1nfAl { font-size: 3.2rem; padding: 40px 0; } } .footer-404__1nfAl a { padding: 0; text-decoration: none; border-bottom: 2px solid white; } .wheel-404-container__1PvIe { position: relative; border-radius: 50%; background-color: #ffffff; padding: 10px; margin: 20px 0; } @media (min-width: 768px) { .wheel-404-container__1PvIe { padding: 20px; margin: 40px 0; } } .wheel-404__zX05i { width: 70vw; height: 70vw; max-width: 402px; max-height: 402px; -webkit-animation: rotating__1RztL 14s linear infinite; animation: rotating__1RztL 14s linear infinite; } .text-404__3ARpY { position: absolute; top: 50%; left: 30px; font-size: 27.2px; font-size: 1.7rem; letter-spacing: 2; line-height: 1.2; width: calc(100% - 60px); text-transform: uppercase; color: #000000; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 768px) { .text-404__3ARpY { font-size: 1.9rem; } } @media (min-width: 768px) { .text-404__3ARpY { font-size: 2.1rem; } } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .container__M3uZA { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #ffffff; z-index: 101 } .container__M3uZA::before { content: ''; position: absolute; top: 30px; left: 0; right: 0; height: 10px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 1))); background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); z-index: 1; } .container__M3uZA::after { content: ''; position: absolute; bottom: 80px; left: 0; right: 0; height: 30px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 1))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); } @media (min-width: 1024px) { .container__M3uZA::after { bottom: 120px } } @media (min-width: 768px) { .container__M3uZA { left: auto; width: 480px } } .container__M3uZA .footer__2kf4U { position: absolute; bottom: 10px; left: 40px; width: calc(100% - 80px); max-width: 100%; text-decoration: none; } .container__M3uZA .close-button__3Y-Rt::after, .container__M3uZA .close-button__3Y-Rt::before { background-color: #ff0000 !important;/* stylelint-disable-line */ } .container__M3uZA .close-button__3Y-Rt::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .container__M3uZA .close-button__3Y-Rt::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .scrollable-list__3oeE0 { position: absolute; top: 30px; right: 40px; bottom: 80px; left: 40px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } @media (min-width: 1024px) { .scrollable-list__3oeE0 { bottom: 120px } } .container-title__2Sb7K { margin-top: 10px; color: #000000; font-size: 27.2px; font-size: 1.7rem; text-transform: uppercase; } .press-item__MrODG { margin-top: 40px } .press-item__MrODG:last-of-type { margin-bottom: 20px; } .press-item-title__3UDOC { margin-bottom: 20px; font-size: 41.6px; font-size: 2.6rem; line-height: 1.2; color: #0000ff; font-family: 'CenturyExpandedLTStd', 'Times'; } .press-item-title__3UDOC i, .press-item-title__3UDOC em { font-family: 'CenturyExpandedLTStd-Italic', 'Times'; } @media (min-width: 768px) { .press-item-title__3UDOC { font-size: 3.2rem } } .press-item-link__2Q1cv { display: block; padding-bottom: 25px; font-size: 27.2px; font-size: 1.7rem; color: #0000ff; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; border-bottom: 1px solid #0000ff; text-decoration: none; text-transform: uppercase } .press-item-link__2Q1cv:hover { text-decoration: underline; } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .container__1zF31 { z-index: 10; position: fixed; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: calc(100% - 60px); max-width: 350px; background-color: #0000ff; padding: 20px; } @media (min-width: 768px) { .container__1zF31 { width: 360px; max-width: 100%; top: auto; left: auto; bottom: 0; right: 0; -webkit-transform: none; transform: none; } } @media (min-width: 1024px) { .container__1zF31 { width: 500px; max-width: 100%; } } .title__1q2GW, .text__BvQUv, .button__2Fx7I { font-family: 'SharpGroteskBook18', 'Helvetica', sans-serif; font-size: 27.2px; font-size: 1.7rem; letter-spacing: 0.8px; letter-spacing: 0.05rem; line-height: 1.2; /* stylelint-disable-line */ } .title__1q2GW { margin-bottom: 2px; } .text__BvQUv { padding-right: 20px; } .success__1Hqf_ { color: #ffffff; font-family: 'CenturyExpandedLTStd-Italic', 'Times'; position: absolute; bottom: 25px; } .hidden__10Lex { opacity: 0; } .input__UmR3x { width: 100%; border: 1px solid #ffffff; outline: 0; background-color: transparent; color: #ffffff; margin-top: 18px; padding: 6px 10px 8px; font-family: 'CenturyExpandedLTStd-Italic', 'Times' } .input__UmR3x::-webkit-input-placeholder { color: #ffffff; } .input__UmR3x::-ms-input-placeholder { color: #ffffff; } .input__UmR3x::placeholder { color: #ffffff; } @media (min-width: 768px) { .input__UmR3x { max-width: 300px; width: calc(100% - 100px); margin-right: 20px; } } .button__2Fx7I { cursor: pointer; color: #000000; background-color: #ffffff; font-size: 23.2px; font-size: 1.45rem; margin-top: 8px; padding: 6px 2px 6px 8px; border: 0; outline: 0; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .close-button__1HJVp { position: absolute; z-index: 100; top: 6px; right: 6px; width: 24px; height: 24px; padding: 0; margin: 0; cursor: pointer; border: 0; text-indent: -9999px } .close-button__1HJVp::after, .close-button__1HJVp::before { position: absolute; top: 0; right: 12px; content: ' '; height: 24px; width: 1px; background-color: #ffffff !important;/* stylelint-disable-line */ } .close-button__1HJVp::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-button__1HJVp::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ @-webkit-keyframes rotating__3ujqJ { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating__3ujqJ { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .container__2ubZ5 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } @media (max-height: 599px) { .container__2ubZ5 { overflow-y: scroll; } } .container__2ubZ5 video::-webkit-media-controls { opacity: 0; } .footer-container__2poEo { position: absolute; left: 0; width: 100%; bottom: 0; opacity: 1; -webkit-transition: opacity 0.2s linear 0.1s; transition: opacity 0.2s linear 0.1s; } .unsupported-text__OmZLJ { padding: 0 20px; margin-top: auto; margin-bottom: 90px; margin-left: 0; margin-right: auto; } @media (min-width: 768px) { .unsupported-text__OmZLJ { margin-bottom: auto; padding-left: 56px; padding-right: 56px; padding-bottom: 80px; } } @media (min-height: 600px) { .unsupported-text__OmZLJ { margin-bottom: auto; padding-bottom: 80px; } } @media (min-width: 1024px) { .unsupported-text__OmZLJ { padding-left: 72px; padding-right: 72px; } } @media (min-width: 1280px) { .unsupported-text__OmZLJ { width: 75%; max-width: 1300px; } } .unsupported-footer__uUKCt, .unsupported-intro__3E3Gz { margin-bottom: 40px; font-size: 25.6px; font-size: 1.6rem; /* stylelint-disable-line */ line-height: 1.3; /* stylelint-disable-line */ letter-spacing: 0.2; /* stylelint-disable-line */ } @media (min-width: 448px) { .unsupported-footer__uUKCt, .unsupported-intro__3E3Gz { font-size: 2rem;/* stylelint-disable-line */ } } @media (min-height: 600px) { .unsupported-footer__uUKCt, .unsupported-intro__3E3Gz { font-size: 2rem;/* stylelint-disable-line */ } } @media (min-width: 1024px) and (min-height: 600px) { .unsupported-footer__uUKCt, .unsupported-intro__3E3Gz { font-size: 3.6rem;/* stylelint-disable-line */ margin-bottom: 70px; } } .unsupported-footer__uUKCt { display: inline-block; max-width: 700px; margin-bottom: 0; font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; } .film-grain__3L6Cf { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 200% 100%; background-repeat: no-repeat; background-image: url('/static/images/film-grain-loading.gif'); opacity: 0.2; } /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ /* stylelint-disable all */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* stylelint-enable all */ /* stylelint-disable */ @font-face { font-family: CenturyExpandedLTStd; src: url('/static/fonts/CenturyExpandedLTStd/CenturyExpandedLTStd.eot'); src: url('/static/fonts/CenturyExpandedLTStd/CenturyExpandedLTStd.eot?#iefix') format('embedded-opentype'), url('/static/fonts/CenturyExpandedLTStd/CenturyExpandedLTStd.woff2') format('woff2'), url('/static/fonts/CenturyExpandedLTStd/CenturyExpandedLTStd.woff') format('woff'), url('/static/fonts/CenturyExpandedLTStd/CenturyExpandedLTStd.ttf') format('truetype'); } @font-face { font-family: CenturyExpandedLTStd-Italic; src: url('/static/fonts/CenturyExpandedLTStd-Italic/CenturyExpandedLTStd-Italic.eot'); src: url('/static/fonts/CenturyExpandedLTStd-Italic/CenturyExpandedLTStd-Italic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/CenturyExpandedLTStd-Italic/CenturyExpandedLTStd-Italic.woff2') format('woff2'), url('/static/fonts/CenturyExpandedLTStd-Italic/CenturyExpandedLTStd-Italic.woff') format('woff'), url('/static/fonts/CenturyExpandedLTStd-Italic/CenturyExpandedLTStd.ttf') format('truetype'); } @font-face { font-family: SharpGrotesk-Medium25; src: url('/static/fonts/SharpGrotesk-Medium25/SharpGrotesk-Medium25.eot'); src: url('/static/fonts/SharpGrotesk-Medium25/SharpGrotesk-Medium25.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SharpGrotesk-Medium25/SharpGrotesk-Medium25.woff2') format('woff2'), url('/static/fonts/SharpGrotesk-Medium25/SharpGrotesk-Medium25.woff') format('woff'), url('/static/fonts/SharpGrotesk-Medium25/SharpGrotesk-Medium25.ttf') format('truetype'); } @font-face { font-family: SharpGroteskBook25; src: url('/static/fonts/SharpGroteskBook25/SharpGroteskBook25.eot'); src: url('/static/fonts/SharpGroteskBook25/SharpGroteskBook25.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SharpGroteskBook25/SharpGroteskBook25.woff2') format('woff2'), url('/static/fonts/SharpGroteskBook25/SharpGroteskBook25.woff') format('woff'), url('/static/fonts/SharpGroteskBook25/SharpGroteskBook25.ttf') format('truetype'); } @font-face { font-family: SharpGroteskBook18; src: url('/static/fonts/SharpGroteskBook18/SharpGroteskBook18.eot'); src: url('/static/fonts/SharpGroteskBook18/SharpGroteskBook18.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SharpGroteskBook18/SharpGroteskBook18.woff2') format('woff2'), url('/static/fonts/SharpGroteskBook18/SharpGroteskBook18.woff') format('woff'), url('/static/fonts/SharpGroteskBook18/SharpGroteskBook18.ttf') format('truetype'); } /* stylelint-enable */ /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ html { font-size: 62.5%; font-family: 'SharpGroteskBook18', 'Helvetica', sans-serif; font-weight: normal; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } html, body { height: 100%; } a, b, strong, span, p, button { font-size: 17px; font-size: 1.7rem; } h1, h2, h3, h4, h5, h6, p, a, span, div, button { line-height: 1.3; color: #ffffff; } .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p, .dark-mode a, .dark-mode span, .dark-mode div, .dark-mode button { color: #000000; } b, strong { font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; } a { text-decoration: underline } a:hover { text-decoration: none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } button { font-family: 'SharpGroteskBook18', 'Helvetica', sans-serif; background-color: transparent; } button, a { cursor: pointer; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) /* stylelint-disable-line */ } *:focus { outline: none; } .page-container > div { position: absolute; top: 60px; left: 0; right: 0; bottom: 0; } /* stylelint-disable */ @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes rotating { from { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } to { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotating { from { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } to { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes slide-left-mobile { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(-100% + 5px), 0, 0); transform: translate3d(calc(-100% + 5px), 0, 0); overflow: hidden; } } @keyframes slide-left-mobile { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(-100% + 5px), 0, 0); transform: translate3d(calc(-100% + 5px), 0, 0); overflow: hidden; } } @-webkit-keyframes slide-left { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(-100% + 45px), 0, 0); transform: translate3d(calc(-100% + 45px), 0, 0); overflow: hidden; } } @keyframes slide-left { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(-100% + 45px), 0, 0); transform: translate3d(calc(-100% + 45px), 0, 0); overflow: hidden; } } @-webkit-keyframes slide-right-mobile { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(100% - 5px), 0, 0); transform: translate3d(calc(100% - 5px), 0, 0); overflow: hidden; } } @keyframes slide-right-mobile { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(100% - 5px), 0, 0); transform: translate3d(calc(100% - 5px), 0, 0); overflow: hidden; } } @-webkit-keyframes slide-right { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(100% - 45px), 0, 0); transform: translate3d(calc(100% - 45px), 0, 0); overflow: hidden; } } @keyframes slide-right { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } to { -webkit-transform: translate3d(calc(100% - 45px), 0, 0); transform: translate3d(calc(100% - 45px), 0, 0); overflow: hidden; } } /* stylelint-enable */ .press-panel-container__3r9Fm { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .6); z-index: 100; } .seo-only { display: none; } .slide-in-enter { background-color: transparent; } .slide-in-enter .press-panel { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .slide-in-enter-active { background-color: rgba(0, 0, 0, .6); -webkit-transition: background 0.4s linear 0.1s; transition: background 0.4s linear 0.1s; } .slide-in-enter-active .press-panel { -webkit-transition: opacity 0.2s linear 0.01s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 0.2s linear 0.01s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.2s linear 0.01s; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.2s linear 0.01s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slide-in-exit { background-color: rgba(0, 0, 0, .6); pointer-events: none; } .slide-in-exit .press-panel { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slide-in-exit-active { background-color: transparent; -webkit-transition: background 0.3s linear 0.1s; transition: background 0.3s linear 0.1s; } .slide-in-exit-active .press-panel { -webkit-transition: opacity 0.2s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s; transition: opacity 0.2s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s; transition: transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s, opacity 0.2s linear 0.1s; transition: transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s, opacity 0.2s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .loading-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0,0); transform: translate3d(0, 0,0); z-index: 110; -webkit-animation: fade-out 0.4s linear forwards 2.6s; animation: fade-out 0.4s linear forwards 2.6s; overflow: hidden; pointer-events: none; } .loading-container .left-panel, .loading-container .right-panel { position: absolute; top: 0; height: 100%; width: 50%; background: #000000 } .loading-container .left-panel::before, .loading-container .right-panel::before { content: ''; position: absolute; width: 100%; top: 50%; height: 1px; background-color: #ffffff; } .loading-container .left-panel { left: 0; border-right: 1px solid #ffffff; -webkit-animation: slide-left-mobile 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 2.1s; animation: slide-left-mobile 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 2.1s; } @media (min-width: 768px) { .loading-container .left-panel { -webkit-animation-name: slide-left; animation-name: slide-left; } } .loading-container .left-panel .film-grain { background-position: top left; } .loading-container .right-panel { right: 0; width: calc(50% + 1px); border-left: 1px solid #ffffff; -webkit-animation: slide-right-mobile 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 2.1s; animation: slide-right-mobile 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 2.1s; } @media (min-width: 768px) { .loading-container .right-panel { -webkit-animation-name: slide-right; animation-name: slide-right; } } { filter: url('data:image/svg+xml;charset=utf-8,#filter'); } .loading-container .right-panel .film-grain { background-position: top right; } .loading-container .right-panel::after { content: ''; position: absolute; top: 50%; width: 200%; left: 0; height: 1px; background-color: #ffffff; -webkit-animation: rotating 1.5s linear forwards 0.5s; animation: rotating 1.5s linear forwards 0.5s; -webkit-transform-origin: left center; transform-origin: left center; } .loading-container.dark-lines { filter: url('data:image/svg+xml;charset=utf-8,#filter'); } .loading-container.dark-lines .left-panel, .loading-container.dark-lines .right-panel { border-color: #000000 !important; /* stylelint-disable-line */ } .loading-container.dark-lines .left-panel::before, .loading-container.dark-lines .left-panel::after, .loading-container.dark-lines .right-panel::before, .loading-container.dark-lines .right-panel::after { background-color: #000000 !important;/* stylelint-disable-line */ } .loading-container.dark-lines .film-grain { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: brightness(0); filter: brightness(0); } .loading-container .film-grain { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 200% 100%; background-repeat: no-repeat; background-image: url('/static/images/film-grain-loading.gif'); opacity: 0.2; } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .partner-name__1VY9A { margin-top: -40px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: left; width: 200px; height: 60px; max-width: 150px; margin-bottom: 14px; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; } .partner-description__1tY9X { font-size: 27.2px; font-size: 1.7rem; line-height: 1.2; margin-bottom: 6px; } .partner-description__1tY9X a { font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; text-transform: uppercase; text-decoration: none } .partner-description__1tY9X a:hover { text-decoration: underline; } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ @-webkit-keyframes rotating__149jh { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating__149jh { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .picture-start__2r46G { text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: left; background-image: url('/static/images/partners/ps-logo.svg'); width: 100%; height: 10vw; margin-bottom: 14px; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: translateY(-50%) rotate(2deg); transform: translateY(-50%) rotate(2deg); } @media (min-width: 768px) { .picture-start__2r46G { width: 400px; height: 60px; } } .header-container__19Rea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; width: 100%; } @media (min-width: 768px) { .header-container__19Rea { padding: 0 56px; } } @media (min-width: 1024px) { .header-container__19Rea { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 72px; } } .subheader-container__1Cjb9 { width: 100%; max-width: 300px; } @media (min-width: 1024px) { .subheader-container__1Cjb9 { width: 30%; } } .subheader__3aLsZ, .header__2Oe_L { width: 100%; margin-bottom: 100px; font-family: 'CenturyExpandedLTStd', 'Times'; } .subheader__3aLsZ em, .header__2Oe_L em { font-family: 'CenturyExpandedLTStd-Italic', 'Times'; } .header__2Oe_L { width: 100%; } @media (min-width: 1024px) { .header__2Oe_L { width: 58%; max-width: 1080px; padding-right: 30px; margin-right: auto; margin-left: 0; } } .header-copy__1a5qa, .header-copy__1a5qa strong, .header-copy__1a5qa em, .header-copy__1a5qa .header__2Oe_L { font-size: 41.6px; font-size: 2.6rem; line-height: 1.1; } @media (min-width: 768px) { .header-copy__1a5qa, .header-copy__1a5qa strong, .header-copy__1a5qa em, .header-copy__1a5qa .header__2Oe_L { font-size: 3.2rem; } } .subheader__3aLsZ { width: 100%; font-size: 22.4px; font-size: 1.4rem; margin-right: 0; margin-left: auto; } .subheader__3aLsZ strong, .subheader__3aLsZ b { font-size: 22.4px; font-size: 1.4rem; } .subheader-image-container__13mJc { position: relative; margin-bottom: 40px; overflow: hidden } .subheader-image-container__13mJc::before { content: ''; position: absolute; top: calc(50% - 1px); left: 50%; width: 100%; height: 1px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left; transform-origin: left; background-color: #ffffff; -webkit-animation: rotating__149jh 1s linear infinite; animation: rotating__149jh 1s linear infinite; } .our-partners-container__2-Vih .header-container__19Rea { padding: 0; } @media (min-width: 768px) { .our-partners-container__2-Vih .header-container__19Rea { padding: 0; } } @media (min-width: 1024px) { .our-partners-container__2-Vih .header-container__19Rea { padding: 0; } } .subheader-image__1-XWh { width: 100%; position: relative; margin-bottom: -2px; } .separator-container__7UGv3 { height: 1px; width: calc(100% - 40px); margin-bottom: 100px; position: relative; } @media (min-width: 768px) { .separator-container__7UGv3 { width: calc(100% - 112px); } } @media (min-width: 1024px) { .separator-container__7UGv3 { width: calc(100% - 144px); } } .arrow-glyph__xjLjN { position: absolute; right: 0; top: -50px; -webkit-transform: rotate(20deg); transform: rotate(20deg); } @media (min-width: 768px) { .arrow-glyph__xjLjN { right: 130px; top: -30px; } } @media (min-width: 768px) { .arrow-glyph__xjLjN { right: 30%; top: -30px; } } .arrow-glyph__xjLjN svg { font: 100px 'SharpGroteskBook18', 'Helvetica', sans-serif; width: 100px; height: 100px; } .arrow-glyph__xjLjN .text-stroke__3UcZO, .arrow-glyph__xjLjN .text-no-stroke__Dm2Ri { fill: #0000ff; stroke: #ff0000; stroke-linejoin: round; } .arrow-glyph__xjLjN .text-stroke__3UcZO { stroke-width: 10px; } .separator__2ynpH { height: 1px; width: 100%; padding: 0; border-top: 0 solid #0000ff; border-bottom: 1px solid #0000ff; } .partners-container__3elLj { padding: 0 15px; width: 100%; } @media (min-width: 768px) { .partners-container__3elLj { padding: 0 56px; } } @media (min-width: 1024px) { .partners-container__3elLj { padding: 0 72px; } } .partners-intro__3MqT_ { text-transform: uppercase; margin-bottom: 20px; display: block; font-size: 30.4px; font-size: 1.9rem; letter-spacing: 6.4px; letter-spacing: 0.4rem; } .partners-title__32Iib { margin-bottom: 40px; width: 100%; color: #000000; font-size: 41.6px; font-size: 2.6rem; line-height: 1.1; font-family: 'CenturyExpandedLTStd', 'Times'; } @media (min-width: 768px) { .partners-title__32Iib { font-size: 3.2rem; } } .partners-subtitle__KU5OE { font-size: 30.4px; font-size: 1.9rem; line-height: 1.3; font-family: 'CenturyExpandedLTStd', 'Times'; max-width: 440px; margin-bottom: 100px; } .partners-list-container__2mJHt { position: relative; width: 100%; display: grid; grid-template-columns: 1fr; grid-column-gap: 0; grid-row-gap: 100px; margin-bottom: 120px; } @media (min-width: 768px) { .partners-list-container__2mJHt { grid-column-gap: 40px; grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .partners-list-container__2mJHt { grid-column-gap: 65px; grid-template-columns: 1fr 1fr 1fr; } } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .container__1mZ-F { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 120px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; border: 0; overflow: hidden; position: relative; padding: 0 15px; } @media (min-width: 768px) { .container__1mZ-F { padding: 0 56px; } } @media (min-width: 1024px) { .container__1mZ-F { padding: 0 72px; } } .container__1mZ-F:hover .gist__Bmcgi { color: #ffffff; } .container__1mZ-F.no-hover__3ndid .gist__Bmcgi { color: #000000; } .container__1mZ-F.last__OkeEW::after { content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid rgba(255, 255, 255, .5); } .project-collapsed-container__1pyb3 { width: 100%; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .5); } @media (min-width: 768px) { .project-collapsed-container__1pyb3 { padding-top: 54px; padding-bottom: 14px; } } @media (min-width: 1024px) { .project-collapsed-container__1pyb3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } } .header-container__38r5A { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } @media (min-width: 768px) { .header-container__38r5A { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 1024px) { .header-container__38r5A { 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: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 25%; margin-right: 0; margin-left: auto; } } .header-container__38r5A .body__2YT6C { text-transform: uppercase; font-size: 27.2px; font-size: 1.7rem; font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; } .header-container__38r5A .date__1W9dc, .header-container__38r5A .body__2YT6C { text-align: left; width: 100%; } @media (min-width: 768px) { .header-container__38r5A .date__1W9dc, .header-container__38r5A .body__2YT6C { text-align: right; width: auto; } } .gist-container__1o6pC { width: 100%; } @media (min-width: 1024px) { .gist-container__1o6pC { width: 68%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .body__2YT6C { font-family: 'CenturyExpandedLTStd', 'Times'; font-size: 30.4px; font-size: 1.9rem; line-height: 1.3; text-align: left; } @media (min-width: 1024px) { .body__2YT6C { margin-bottom: 4px; } } @media (min-width: 768px) { .date__1W9dc { text-align: right !important;/* stylelint-disable-line */ } } .awards__xYGoc, .synopsis__gxqAe { font-family: 'SharpGroteskBook18', 'Helvetica', sans-serif; font-size: 27.2px; font-size: 1.7rem; line-height: 1.3; } .gist__Bmcgi { margin-bottom: 20px; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 40px; font-size: 2.5rem; line-height: 1.2; letter-spacing: -1.6px; letter-spacing: -0.1rem; color: #000000; text-align: left; } @media (min-width: 768px) { .gist__Bmcgi { margin-bottom: 40px; font-size: 4.8rem; } } @media (min-width: 1024px) { .gist__Bmcgi { margin-bottom: 30px; } } .external-link__21HFW { margin-top: 8px; display: block } .external-link__21HFW:hover { text-decoration: underline; } .imdb-link__Ypdbi { display: block; margin-top: 12px; font-family: 'SharpGroteskBook18', 'Helvetica', sans-serif; font-size: 27.2px; font-size: 1.7rem; line-height: 1.3; letter-spacing: 3.2px; letter-spacing: 0.2rem; text-decoration: none; } @media (min-width: 768px) { .imdb-link__Ypdbi { margin-top: 20px; } } .drawer-mobile__IZemg { text-align: left; padding-bottom: 20px; } @media (min-width: 768px) { .drawer-mobile__IZemg { display: none; } } .drawer-mobile__IZemg .body__2YT6C { padding-top: 10px; padding-bottom: 10px; } .drawer-mobile__IZemg .drawer-col__pbncr .body__2YT6C { padding-top: 30px; padding-bottom: 10px; margin-bottom: 0; } .drawer-mobile__IZemg .drawer-col__pbncr .link-item__21dhJ { margin-top: 0 } .drawer-mobile__IZemg .drawer-col__pbncr .link-item__21dhJ:not(:last-of-type) { padding-bottom: 20px; } .drawer-mobile__IZemg .external-link__21HFW { margin-top: 0; } .mobile-gif__2guXj { display: block; margin-bottom: 30px; width: 100%; max-width: 180px; } .drawer__32sAL { text-align: left; display: none; } @media (min-width: 768px) { .drawer__32sAL { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 80px; padding-top: 20px; padding-bottom: 90px; } } @media (min-width: 1024px) { .drawer__32sAL { grid-template-columns: 1fr 1fr 1fr 1fr; } } .body-bold__3dzjY { font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; font-size: 27.2px; font-size: 1.7rem; line-height: 1.3; } @media (min-width: 768px) { .body-bold__3dzjY { margin-bottom: 40px; } } .link-item__21dhJ { margin-top: 20px; } .link-item__21dhJ p { font-family: 'CenturyExpandedLTStd-Italic', 'Times'; } .link-item__21dhJ a { text-decoration: none; } .drawer-col__pbncr .body__2YT6C { margin-bottom: 20px; } .project-details__2kUpO { opacity: 0; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } @media (min-width: 768px) { .project-details__2kUpO { position: relative; } } .plus-button__2ERnM { position: absolute; width: 56px; height: 56px; padding: 0; margin: 0; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; right: 0; bottom: 20px; margin-left: auto; opacity: 0; -webkit-transition: opacity 0.4s linear 0s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; transition: opacity 0.4s linear 0s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.4s linear 0s; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.4s linear 0s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s } .plus-button__2ERnM::before, .plus-button__2ERnM::after { position: absolute; top: 7px; left: 26px; content: ' '; height: 40px; width: 1px; background-color: #ff0000; } @media (min-width: 1024px) { .plus-button__2ERnM { width: 99px; height: 99px; } .plus-button__2ERnM::before, .plus-button__2ERnM::after { top: 13px; left: 47px; height: 70px; } } .plus-button__2ERnM::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .plus-button__2ERnM::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .is-open__2kjTG { cursor: default; } .is-open__2kjTG .project-details__2kUpO { opacity: 1; -webkit-transition: opacity 0.3s linear 0.18s; transition: opacity 0.3s linear 0.18s; } .is-open__2kjTG .plus-button__2ERnM { -webkit-transition: opacity 0.2s linear 0.2s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: opacity 0.2s linear 0.2s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0.2s linear 0.2s; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0.2s linear 0.2s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; } .is-open__2kjTG .gist__Bmcgi { color: #ffffff !important; /* stylelint-disable-line */ } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .header__2BzyU, .team-title__WfZYo, .footer-title__2oLdl { width: 100%; margin-bottom: 100px; color: #ffffff; font-size: 41.6px; font-size: 2.6rem; line-height: 1.1; font-family: 'CenturyExpandedLTStd', 'Times'; } .header__2BzyU strong, .header__2BzyU b, .team-title__WfZYo strong, .team-title__WfZYo b, .footer-title__2oLdl strong, .footer-title__2oLdl b { font-size: 27.2px; font-size: 1.7rem; } @media (min-width: 768px) { .header__2BzyU strong, .header__2BzyU b, .team-title__WfZYo strong, .team-title__WfZYo b, .footer-title__2oLdl strong, .footer-title__2oLdl b { font-size: 27.2px; font-size: 1.7rem; } } @media (min-width: 768px) { .header__2BzyU, .team-title__WfZYo, .footer-title__2oLdl { font-size: 3.2rem; } } @media (min-width: 1024px) { .header__2BzyU, .team-title__WfZYo, .footer-title__2oLdl { max-width: 835px; margin-left: 0; margin-right: auto; } } .header__2BzyU { color: #000000; padding: 0 15px; } @media (min-width: 768px) { .header__2BzyU { padding: 0 56px; } } @media (min-width: 1024px) { .header__2BzyU { padding: 0 72px; padding-right: 0; width: 58%; max-width: 1080px; } } .projects-list__39fDt { width: 100%; position: relative; z-index: 1; } .hover-gif-container__1xHPM { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; pointer-events: none; overflow: hidden; } .hover-gif__1_UBK { position: absolute; top: 0; left: 0; width: 320px; height: 180px; background-size: contain; background-position: top left; background-repeat: no-repeat; pointer-events: none; z-index: -1; } .disclamer__3-Sgc { display: block; width: 100%; margin-top: 80px; font-family: 'CenturyExpandedLTStd', 'Times'; font-size: 30.4px; font-size: 1.9rem; color: #000000; padding: 0 15px; } @media (min-width: 768px) { .disclamer__3-Sgc { padding: 0 56px; } } @media (min-width: 1024px) { .disclamer__3-Sgc { width: 75%; padding: 0 0 0 72px; } } @media (min-width: 1280px) { .disclamer__3-Sgc { width: 58%; } } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ @-webkit-keyframes blink-animation__236QF { 0% { opacity: 1; } 40% { opacity: 1; } 48% { opacity: 0; } 92% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink-animation__236QF { 0% { opacity: 1; } 40% { opacity: 1; } 48% { opacity: 0; } 92% { opacity: 0; } 100% { opacity: 1; } } .hero-container__2S1Jb { padding: 0 15px; width: 100%; } @media (min-width: 768px) { .hero-container__2S1Jb { padding: 0 60px; } } @media (min-width: 1024px) { .hero-container__2S1Jb { padding: 0 70px; } } .hero-container__2S1Jb > div { display: inline; } .hero-sentence__idua5 a { font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 40px; font-size: 2.5rem; line-height: 1.2; color: #000000; letter-spacing: -0.2; /* stylelint-disable-line */ cursor: pointer; } @media (min-width: 768px) { .hero-sentence__idua5 a { font-size: 4.8rem; letter-spacing: 0; line-height: 1.2; } } .hero-sentence__idua5 { font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 40px; font-size: 2.5rem; line-height: 1.2; color: #000000; margin-bottom: 64px; margin-bottom: 4rem; letter-spacing: -0.2; /* stylelint-disable-line */ margin-right: 16px; margin-right: 1rem; cursor: pointer } .hero-sentence__idua5:last-of-type::after { content: ' Click'; color: #ffffff; } .hero-sentence__idua5.is-touch__372aT:not(.last-sentence__1nzlE):last-of-type::after { content: ' Tap'; } .hero-sentence__idua5.last-sentence__1nzlE::after { content: '\2117'; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; color: #0000ff; font-size: 64px; font-size: 4rem;/* stylelint-disable-line */ height: 40px; margin-top: 0; margin-left: 6px; display: -webkit-inline-box;/* stylelint-disable-line */ position: absolute; } @media (min-width: 768px) { .hero-sentence__idua5.last-sentence__1nzlE::after { font-size: 5.8rem;/* stylelint-disable-line */ margin-left: 10px; } } @media (min-width: 768px) { .hero-sentence__idua5 { font-size: 4.8rem; letter-spacing: 0; line-height: 1.2; margin-bottom: 45px; } } @media (min-width: 1280px) { .hero-sentence__idua5 { width: 70%; } } .more-button__10ivI { padding: 0; margin: 0; border: 0; display: inline; font-size: 40px; font-size: 2.5rem; line-height: 1.2; color: #ffffff; /* animation: blink-animation 1.4s steps(5, start) infinite; */ } @media (min-width: 768px) { .more-button__10ivI { font-size: 4.8rem; } } .manifesto-slide-in-enter { opacity: 0; } .manifesto-slide-in-enter-active { opacity: 1; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .container__3ETR4 { padding: 0 15px; width: 100%; margin-left: auto; margin-right: 0; /* display: grid; */ /* grid-template-columns: repeat(12, 1fr); */ /* grid-column-gap: 20px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 200px; } @media (min-width: 768px) { .container__3ETR4 { padding: 0 56px; } } @media (min-width: 1024px) { .container__3ETR4 { width: 75%; padding: 0 72px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .intro-wrapper__3OUTw { /* grid-column: 1 / -1; */ width: 100%; font-size: 41.6px; font-size: 2.6rem; line-height: 1.1; font-family: 'CenturyExpandedLTStd', 'Times'; margin-bottom: 60px; } @media (min-width: 1024px) { .intro-wrapper__3OUTw {/* grid-column: 1 / span 5; */ width: 40%; font-size: 3.2rem; margin-bottom: 0; } } .listing__bHqWS { /* grid-column: 1 / -1; */ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } @media (min-width: 1024px) { .listing__bHqWS {/* grid-column: 7 / span 6; */ width: 75%; margin-left: 48px; } } .header__Q7tKJ { color: #000000; text-transform: uppercase; margin-top: 20px; padding-bottom: 24px; font-size: 30.4px; font-size: 1.9rem; letter-spacing: 6.4px; letter-spacing: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #000000; } @media (min-width: 768px) { .header__Q7tKJ { margin-top: 0; } } .header__Q7tKJ::after { color: #ff0000; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 44px;/* stylelint-disable-line */ line-height: 44px;/* stylelint-disable-line */ content: '\274B'; margin-left: auto; } @media (min-width: 1024px) { .header__Q7tKJ::after { font-size: 54px;/* stylelint-disable-line */ line-height: 54px;/* stylelint-disable-line */ } } @media (min-width: 1280px) { .header__Q7tKJ::after { top: 20px; left: calc(-30% + 72px); } } .job__2tYs5 { font-size: 41.6px; font-size: 2.6rem; line-height: 1.1; font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; font-weight: bold; padding: 25px 0; border-bottom: 1px solid #000000; color: #000000; } .job__2tYs5 a { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none } .job__2tYs5 a:hover { color: #ff0000; } .job__2tYs5 a:hover svg { stroke: #ff0000; } @media (min-width: 768px) { .job__2tYs5 { font-size: 3.2rem; } } .job__2tYs5 svg { width: 23px; height: 23px; margin-left: auto; stroke: #000000; } /* import breakpoint values into js files, e.g. import {s} from '../_breakpoints.css' */ /* COLORS */ /* FONTS */ /* Projects Page */ /* Team Page */ /* LAYOUT */ /* SOMETHING THAT SHOULD NEVER HAVE A VALUE GREATER THAN A MILION */ .container__2ezwZ { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .container__2ezwZ .header__DajAG { color: #000000; padding: 0 15px; } @media (min-width: 768px) { .container__2ezwZ .header__DajAG { padding: 0 56px; } } @media (min-width: 1024px) { .container__2ezwZ .header__DajAG { padding: 0 72px; padding-right: 0; width: 75%; max-width: 1080px; } } @media (min-width: 1280px) { .container__2ezwZ .header__DajAG { width: 58%; } } .header__DajAG, .team-title__2rp_u, .footer-title__3uslg { width: 100%; margin-bottom: 100px; color: #ffffff; font-size: 41.6px; font-size: 2.6rem; line-height: 1.1; font-family: 'CenturyExpandedLTStd', 'Times'; } .header__DajAG strong, .header__DajAG b, .team-title__2rp_u strong, .team-title__2rp_u b, .footer-title__3uslg strong, .footer-title__3uslg b { font-size: 41.6px; font-size: 2.6rem; } @media (min-width: 768px) { .header__DajAG strong, .header__DajAG b, .team-title__2rp_u strong, .team-title__2rp_u b, .footer-title__3uslg strong, .footer-title__3uslg b { font-size: 51.2px; font-size: 3.2rem; } } @media (min-width: 768px) { .header__DajAG, .team-title__2rp_u, .footer-title__3uslg { font-size: 3.2rem; } } @media (min-width: 1024px) { .header__DajAG, .team-title__2rp_u, .footer-title__3uslg { width: 58%; max-width: 1080px; margin-left: 0; margin-right: auto; } } .team-hero__1_FPl { width: 100%; padding: 0 15px; margin-bottom: 100px; max-width: 1400px; position: relative; } @media (min-width: 768px) { .team-hero__1_FPl { padding: 0 56px; height: auto; display: -ms-flexbox; display: flex; display: -webkit-box;/* stylelint-disable-line */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 1024px) { .team-hero__1_FPl { padding: 0 72px; } } .team-hero__1_FPl::after { color: #ff0000; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 44px;/* stylelint-disable-line */ content: '\25BC'; position: absolute; top: -90px; right: 40px; } @media (min-width: 1024px) { .team-hero__1_FPl::after { font-size: 54px;/* stylelint-disable-line */ } } .hero-picture-container___j4H5 { position: relative; overflow: hidden; width: 200px; height: 280px; margin-bottom: 40px; cursor: pointer; } @media (min-width: 768px) { .hero-picture-container___j4H5 { width: 220px; height: 330px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 26px; -ms-flex-item-align: start; align-self: flex-start; } } @media (min-width: 1024px) { .hero-picture-container___j4H5 { width: 340px; height: 500px; margin-right: 83px; } } .hero-picture-container___j4H5:hover .hero-alternative-picture__38_3o { opacity: 1; } .hero-picture__2J1nE { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } .team-hero-text-container__2aKE7 { -ms-flex-negative: 1; flex-shrink: 1; } @media (min-width: 768px) { .team-hero-text-container__2aKE7 { width: calc(100% - 246px); } } @media (min-width: 1024px) { .team-hero-text-container__2aKE7 { width: calc(100% - 423px); } } .hero-alternative-picture__38_3o { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 2; opacity: 0; } .hero-name__3a8uD { text-transform: uppercase; font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; font-size: 27.2px; font-size: 1.7rem; margin-bottom: 20px; } @media (min-width: 768px) { .hero-name__3a8uD { font-size: 1.7rem; } } .hero-title__1DyaZ { font-family: 'CenturyExpandedLTStd-Italic', 'Times'; font-size: 27.2px; font-size: 1.7rem; margin-bottom: 40px; } .hero-bio__2SVrq, .hero-additional-bio__2WTHx { font-size: 30.4px; font-size: 1.9rem; line-height: 1.3; } .hero-bio__2SVrq i, .hero-bio__2SVrq em, .hero-additional-bio__2WTHx i, .hero-additional-bio__2WTHx em { font-family: 'CenturyExpandedLTStd-Italic', 'Times'; font-size: 30.4px; font-size: 1.9rem; } .hero-bio__2SVrq { margin-bottom: 40px; font-family: 'CenturyExpandedLTStd', 'Times'; } @media (min-width: 1024px) { .hero-bio__2SVrq { width: 75%; } } .hero-additional-bio__2WTHx { font-size: 27.2px; font-size: 1.7rem; line-height: 1.3; } .hero-additional-bio__2WTHx p { margin-bottom: 20px; } @media (min-width: 1024px) { .hero-additional-bio__2WTHx { -webkit-column-count: 2; column-count: 2; -webkit-column-width: 50%; column-width: 50%; } } .team-container__3MZ4B { padding: 0 15px; width: 100%; } @media (min-width: 768px) { .team-container__3MZ4B { padding: 0 56px; } } @media (min-width: 1024px) { .team-container__3MZ4B { padding: 0 72px; } } @media (min-width: 1280px) { .team-container__3MZ4B { width: 75%; margin-right: 0; margin-left: auto; } } .team-intro__1PkT2 { color: #000000; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; display: block; font-size: 30.4px; font-size: 1.9rem; letter-spacing: 6.4px; letter-spacing: 0.4rem; position: relative; } @media (min-width: 768px) { .team-intro__1PkT2 { margin-top: 0; } } .team-intro__1PkT2::after { color: #ff0000; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 44px;/* stylelint-disable-line */ content: '\25CE'; position: absolute; top: -80px; left: 0; } @media (min-width: 1024px) { .team-intro__1PkT2::after { font-size: 54px;/* stylelint-disable-line */ } } @media (min-width: 1280px) { .team-intro__1PkT2::after { top: 20px; left: calc(-30% + 72px); } } .team-title__2rp_u { margin-bottom: 40px; color: #000000; } @media (min-width: 1024px) { .team-title__2rp_u { width: 75%; margin-bottom: 60px; } } .team-members-container__2UcPo { position: relative; width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 40px; margin-bottom: 120px; grid-auto-columns: 1fr; } @media (min-width: 768px) { .team-members-container__2UcPo { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 25px; } } @media (min-width: 1024px) { .team-members-container__2UcPo { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 1280px) { .team-members-container__2UcPo { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } .team-member-image-container__uC30I { position: relative; width: 100%; height: 0; padding-bottom: 150%; overflow: hidden; margin-bottom: 24px } .team-member-image-container__uC30I:hover .team-member-alternate-image__3fCVV { opacity: 1; } .team-member__6D2Dx { overflow: hidden; } .team-member-image__2DKuM { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } .team-member-alternate-image__3fCVV { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -o-object-fit: cover; object-fit: cover; opacity: 0; } .team-member-name__2HKT4 { font-family: 'SharpGroteskBook25', 'Helvetica', sans-serif; font-size: 27.2px; font-size: 1.7rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 6px; color: #000000; } .team-member-name__2HKT4 .last__2fAyU { font-size: 27.2px; font-size: 1.7rem; color: #000000; } .team-member-title__1DWXl { font-size: 30.4px; font-size: 1.9rem; font-family: 'CenturyExpandedLTStd-Italic', 'Times'; color: #000000; } .footer__2KQrH { padding: 0 15px; width: 100%; } @media (min-width: 768px) { .footer__2KQrH { padding: 0 56px; } } @media (min-width: 1024px) { .footer__2KQrH { padding: 0 72px; } } .footer__2KQrH a { text-decoration: none; } .footer__2KQrH a:hover { text-decoration: underline; } .footer-title__3uslg { margin-bottom: 40px; color: #000000; } .picturestart__1nNy4 { text-transform: uppercase; margin-bottom: 0; margin-top: 20px; } .office-details__2BSY7 { position: relative; } @media (min-width: 768px) { .office-details__2BSY7 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .address__28WRu { grid-row: 2; grid-column: 2 / span 3; display: block; margin-bottom: 40px; line-height: 1.4; } @media (min-width: 768px) { .address__28WRu { margin-right: 60px; } } .contact__3AAL- { margin-bottom: 40px; line-height: 1.4; grid-row: 2; grid-column: auto / span 3; } .office-image__m0V5f { width: 100%; } .left-side-image__3HL5C { width: 100%; } .right-side-image__tr0QB { width: 100%; } .footer-col-container__2oIDi { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 20px; margin-bottom: 60px; } /* grid-auto-columns: 1fr; */ .footer-col-container__2oIDi .left-side-image__3HL5C { max-width: 700px; padding-right: 30%; } .footer-col-container__2oIDi .office-details__2BSY7 { position: static; position: initial; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { .footer-col-container__2oIDi .office-details__2BSY7 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .footer-col-container__2oIDi .contact__3AAL- { margin-top: 30px; } @media (min-width: 1024px) { .footer-col-container__2oIDi .contact__3AAL- { margin-top: 0; } } .footer-col-container__2oIDi .office-details__2BSY7::after { top: 30px; right: -50px; } .footer-col-container__2oIDi .office-details__2BSY7 a, .footer-col-container__2oIDi .contact__3AAL- { margin-bottom: 0; } .footer-col-container__2oIDi .right-side-image__tr0QB { margin-top: auto; } .footer-col-container__2oIDi .footer-title__3uslg { width: 100%; margin-top: 110px; margin-bottom: 90px; max-width: 600px; } .footer-location__3WpzZ::before { color: #ff0000; font-family: 'SharpGrotesk-Medium25', 'Helvetica', 'Arial'; font-size: 44px;/* stylelint-disable-line */ content: '\2302';/* position: absolute; top: -40px; right: 0; */ grid-column: 1 / span 1; } @media (min-width: 768px) { .footer-location__3WpzZ::before { top: -100px; } } @media (min-width: 1024px) { .footer-location__3WpzZ::before { font-size: 54px;/* stylelint-disable-line */ } } .footer-left-col__2uUB7 { position: relative; grid-column: 2 / span 5; } .footer-right-col__BB-bK { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .office-gif__1hhAQ { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 0; }