.hero{position:relative}.hero__text{align-items:center;display:flex;height:50rem;padding-top:6rem}@media (min-width:1024px){.hero__text{height:60dvh;padding:0;width:80%}}.hero__text h1{color:#666;font-size:7.2vw;font-weight:300;line-height:1.3}@media (min-width:1024px){.hero__text h1{font-size:3vw;line-height:1.1}}.hero__text h1 strong{color:var(--color-black);display:inline;font-weight:700}.hero__text h1 span{display:block}@media (min-width:1024px){.hero__text h1 span{display:inline}}.hero__media{overflow-x:scroll;position:relative;scroll-behavior:smooth;scrollbar-width:none;width:calc(100% + 2rem);-ms-overflow-style:none;overscroll-behavior:contain}.hero__media::-webkit-scrollbar{display:none}@media (min-width:1024px){.hero__media{background-color:var(--color-grey-media);display:grid;grid-template-columns:8rem calc(100% - 16rem) 8rem;grid-template-rows:15% 70% 15%;height:80dvh;overflow:hidden;pointer-events:none;width:100%}.hero__media.featured{height:40vw}.hero__media.featured .hero__media-bottom-base{width:13vw}.hero__media-top{grid-column:2/span 1;grid-row:1/span 1}.hero__media-bottom{align-items:flex-start;display:flex;grid-column:2/span 1;grid-row:3/span 1;justify-content:center;overflow:hidden}.hero__media-bottom-base{background:#b4b4b4;background:linear-gradient(180deg,#aaa,#d3d3d5 40%);background:linear-gradient(180deg,#aaa,#d3d3d5 40%,#d1d1d1cc 90%,#b5b5b5cc);border-bottom:10px solid #efefef;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:10vw;overflow:visible;position:relative;width:23vh}.hero__media-bottom-base:before{left:8px}.hero__media-bottom-base:after,.hero__media-bottom-base:before{background-color:#a1a1a1cc;bottom:-1.3rem;content:"";height:2px;position:absolute;width:3vh}.hero__media-bottom-base:after{right:8px}.hero__media-screen{align-items:center;display:flex;grid-column:2;grid-row:2;justify-content:center;position:relative}}.hero__media-container-video{border:1px solid #efefef;height:42rem;-o-object-fit:contain;object-fit:contain;width:auto}@media (min-width:1024px){.hero__media-container-video{aspect-ratio:16/9.25;background-color:#000;border:12px solid #000;border-radius:8px;height:100%;-o-object-fit:contain;object-fit:contain;width:auto}}.hero__down{display:none}@media (min-width:1024px){.hero__down{align-items:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:block;display:flex;height:6rem;justify-content:center;left:3rem;position:absolute;top:calc(100dvh - 9rem);transition:opacity .3s ease,transform .5s ease;width:6rem}.hero__down--year{background-color:#111;bottom:11.4rem;top:auto}.hero__down--year svg path{fill:var(--color-white)}.hero__down:hover{transform:scale(1.1)}}.work{position:relative}@media (min-width:1024px){.work{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2rem}.work.last{border-bottom:1px solid var(--color-grey-border)}}.work__year-hero{align-items:center;display:flex;height:calc(100dvh - 8rem)}.work__year-hero h1{font-size:3vw;font-weight:300!important;margin-bottom:4rem}.work__year-hero h1 strong{font-weight:700}.work__year-hero h1 span{display:block;display:none;font-size:1.8vw;margin-top:1.5rem}.work__year-hero p{font-size:1.6vw}.work__year-hero .currently{display:block;margin-top:3rem}.work__header{align-items:center;border-top:1px solid var(--color-grey-border);display:grid;grid-template-columns:repeat(2,1fr);height:4rem;position:sticky;top:5.9rem;width:100%;grid-gap:2rem;background-color:var(--color-white);font-size:1.2rem;grid-column:1/-1;z-index:999}@media (min-width:1024px){.work__header{align-items:center;background-color:transparent;grid-template-columns:repeat(12,1fr);height:8rem;top:6.9rem}}.work__year{grid-column:1/span 4}.work__type{display:none}@media (min-width:1024px){.work__type{align-items:flex-start;display:flex;flex-wrap:nowrap;justify-content:flex-start}}.work__project{display:flex;grid-column:5/span 6;justify-content:flex-end}@media (min-width:1024px){.work__project{align-items:flex-start;display:flex;flex-wrap:nowrap;grid-column:11/span 2;justify-content:flex-end}}.work__meta{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;z-index:2}@media (min-width:1024px){.work__meta{grid-column:1/span 4;height:calc(100dvh - 12rem);padding-bottom:8rem;position:sticky;top:17rem}}.work__meta h2,.work__meta h3{font-size:2.2rem;margin:6rem 0 2rem}@media (min-width:1024px){.work__meta h2,.work__meta h3{font-size:2.6rem;margin:0 0 2rem}}.work__meta p{font-size:1.5rem;line-height:1.5;margin-bottom:2.4rem}@media (min-width:1024px){.work__meta p{font-size:1.8rem}}.work__meta-top{padding-right:10%}.work__meta-row{align-items:center;border-top:1px solid #ddd;display:grid;font-size:1.3rem;grid-template-columns:45% 55%;padding:1.4rem 0}@media (min-width:1024px){.work__meta-row{align-items:flex-start;font-size:1.4rem;grid-template-columns:repeat(2,50%)}.work__meta-row:last-child{border-bottom:1px solid #ddd}}.work__meta-title{color:#333;font-weight:300}.work__meta-details{font-weight:400}.work__meta-details span{display:block;margin-bottom:.6rem}@media (min-width:1024px){.work__meta-details{font-weight:400}}.work__meta-link{background-color:var(--color-black);border-radius:3px;color:#fff!important;display:inline-block;margin-bottom:.5rem;padding:.9rem 1.6rem;position:relative;text-decoration:none}.work__meta-link:before{content:"View "}@media (min-width:1024px){.work__meta-link{background-color:transparent;color:var(--color-black)!important;display:block;font-weight:700;padding:0;text-decoration:underline}.work__meta-link:last-child{margin-bottom:0}.work__meta-link:before{content:""}}.work__media{grid-column:5/-1;padding-bottom:4rem}@media (min-width:1024px){.work__media{padding-bottom:8rem}}.work__media-container{margin-bottom:1px}.work__media-file{background-color:#dfe3e6;height:auto;margin-bottom:1px;width:100%}.work__media-file:last-child{margin-bottom:0}.work__media-video{display:block;height:auto;width:100%}.work__media-figma{border-radius:.5rem;filter:drop-shadow(0 10px 14px rgba(0,0,0,.3))}.work__media-figma-container{align-items:center;background-color:var(--color-grey-media);display:flex;justify-content:center;position:relative}.work__media-figma-container--40,.work__media-figma-container--50,.work__media-figma-container--60{padding:7rem 15% 5rem}.work__media-figma-container--70{padding:7rem 10% 5rem}.work__media-figma-container--80,.work__media-figma-container--90{padding:7rem 15% 5rem}.work__media-figma-container--100{padding:7rem 0 5rem}@media (min-width:1024px){.work__media-figma-container--40{padding:6vw 30%}.work__media-figma-container--50{padding:6vw 25%}.work__media-figma-container--60{padding:6vw 20%}.work__media-figma-container--70{padding:6vw 15%}.work__media-figma-container--80{padding:6vw 10%}.work__media-figma-container--90{padding:6vw 5%}.work__media-figma-container--100{padding:6vw 0}}.work__media-figma-text{background-color:#fff;border-radius:0 0 .5rem .5rem;font-size:1.2rem;padding:.6rem 1.6rem;position:absolute;top:0}@media (min-width:1024px){.work__media-figma-text{padding:1rem 2rem}}.listing{margin-bottom:7rem}.listing__preview{grid-column:2/span 3;height:13rem;opacity:0;pointer-events:none;position:absolute;transform:translateY(-2rem) rotate(0);transform-origin:60% 100%;transition:opacity .5s ease,transform .75s ease;width:auto;z-index:10}.listing__row{border-bottom:1px solid var(--color-grey-border);display:grid;font-size:1.3rem;grid-template-columns:6.2rem 1fr;padding:.8rem 0;padding:var(--gutter-h-mobile) 0 0;position:relative;transition:background .25s ease}.listing__row:nth-child(2){border-top:1px solid var(--color-grey-border)}@media (min-width:1024px){.listing__row{-moz-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(12,1fr);height:7.8rem;overflow:hidden;padding:var(--gutter-h-desktop) 0;transition:all .5s ease}.listing__row:nth-child(2){border-top:none}.listing__row:hover{background-color:#00000005;height:13rem}.listing__row:hover .listing__preview{opacity:1;transform:translateY(0) rotate(0)}}.listing__headline{font-size:2.2rem;font-weight:200;text-transform:lowercase}@media (min-width:1024px){.listing__headline{font-size:2.8rem}}.listing__table-header{display:none}@media (min-width:1024px){.listing__table-header{background-color:var(--color-white);border-top:1px solid var(--color-grey-border);display:grid;font-size:1.2rem;height:auto;padding-bottom:1.4rem;padding-top:1.4rem;position:sticky;top:6.8rem;transform:translateY(-1px);z-index:10}.listing__table-header:hover{background-color:#fff;height:auto}.listing__table-header .listing__column{font-weight:400!important}}.listing__table-row{font-size:1.3rem;font-weight:300}.listing__column:first-child{grid-column:1/span 1}@media (min-width:1024px){.listing__column:first-child{grid-column:1/span 1}}.listing__column:nth-child(2){font-size:1.4rem;font-weight:700;grid-column:2/span 1;margin-bottom:.6rem}@media (min-width:1024px){.listing__column:nth-child(2){font-size:1.3rem;font-weight:300;grid-column:2/span 3;margin-bottom:0}}.listing__column:nth-child(3){font-size:1.3rem;grid-column:2/span 1}@media (min-width:1024px){.listing__column:nth-child(3){font-size:inherit;grid-column:5/span 4}}.listing__column:nth-child(4){display:flex;grid-column:2/span 1;margin-top:1.6rem}.listing__column:nth-child(4) a{font-weight:300}@media (min-width:1024px){.listing__column:nth-child(4){grid-column:9/span 4;margin-top:0}.listing__column:nth-child(4) a{font-weight:700}}.listing__comma:after{content:", "}.listing__comma:last-child:after{content:""}.listing__link{display:block;padding:.4rem 0 1.6rem}.listing__link-container{margin-right:.8rem;margin-top:.5rem}@media (min-width:1024px){.listing__link-container{display:inline;margin-top:0}}.listing__link:last-child{margin-bottom:0}@media (min-width:1024px){.listing__link{display:inline-block;margin-bottom:0;padding:0}}.listing__link--inactive{margin-right:.4rem}.listing__link--message a{font-weight:300!important;text-decoration:none}