#hero{padding-top:8rem;justify-content:start;align-items:start}#hero,.hero-text-wrapper{display:flex;flex-direction:column}.hero-text-wrapper{justify-content:space-between;height:50vh;padding-bottom:1rem;visibility:hidden}#hero h1{font-size:6rem;font-weight:400;margin:0;line-height:var(--lh-sm);letter-spacing:var(--ls-sm)}.hero-subtext{display:grid;grid-template-columns:repeat(2,1fr);align-items:end}#hero h2>i{line-height:1.5}#hero h2,#hero h3{font-size:var(--fs-lg);line-height:var(--lh-md);letter-spacing:var(--ls);margin:0}#hero h3{font-weight:400}.hero-image-wrapper{position:relative;width:100%;aspect-ratio:5/4;overflow:hidden;background-color:var(--color-surface)}.hero-image{position:absolute;inset:0;transform:translateZ(0);width:100%;height:110%!important;object-fit:cover;object-position:center;will-change:transform;filter:brightness(.8)}@media (max-width:640px){#hero{min-height:auto;padding-top:5rem}.hero-text-wrapper{height:45vh;padding-bottom:2rem}#hero h1{font-size:var(--fs-head)}.hero-subtext{grid-template-columns:1fr;align-items:start;gap:1rem}#hero h3{font-size:var(--fs-md)}.hero-image-wrapper{aspect-ratio:4/5}.hero-image{object-position:bottom center;filter:brightness(.9)}}#project-list{padding-top:0;padding-bottom:5rem;display:flex;flex-direction:column}.project-list-header{display:flex;justify-content:space-between;gap:2rem;padding:5rem 0}.project-list-header .number,.project-list-heading{font-size:var(--fs-head);text-transform:uppercase;letter-spacing:var(--ls-sm);line-height:var(--lh-sm);font-weight:400}.project-list-items{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6rem 2rem;gap:6rem 2rem;align-items:end}.project-list-card{list-style:none;width:100%}.project-list-image{position:relative;width:100%;overflow:hidden;background-color:var(--color-surface)}.project-list-image img{position:absolute;inset:0;transform:translateZ(0);width:100%;height:110%!important;object-fit:cover;transform-origin:center center;will-change:transform}.project-list-card:nth-child(6n+1) .project-list-image{aspect-ratio:4/5}.project-list-card:nth-child(6n+2) .project-list-image{aspect-ratio:1/1}.project-list-card:nth-child(6n+3) .project-list-image{aspect-ratio:5/4}.project-list-card:nth-child(6n+4) .project-list-image{aspect-ratio:1/1}.project-list-card:nth-child(6n+5) .project-list-image{aspect-ratio:4/5}.project-list-card:nth-child(6n+6) .project-list-image{aspect-ratio:3/2}.project-list-card-text{display:flex;justify-content:space-between;width:100%;padding-top:1rem}.project-list-card-text div{width:100%;display:flex;flex-direction:column;gap:7px}.project-list-card-title{font-size:var(--fs-lg);font-weight:400;text-transform:uppercase;letter-spacing:var(--ls);position:relative;height:1em;overflow:hidden}.project-list-card-type{font-size:var(--fs-md);letter-spacing:var(--ls);line-height:var(--lh-sm);font-weight:400;margin:0}.project-list-card-title .title-back,.project-list-card-title .title-front{position:absolute;left:0;line-height:1;margin:0;will-change:transform;white-space:nowrap}.project-list-card-title .title-front{top:0;transform:translateY(0)}.project-list-card-title .title-back{top:100%;transform:translateY(0)}.project-list-card .material-symbols-outlined{font-size:25px;display:none}.project-list-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.project-list-nav-wrapper{display:flex;justify-content:center;gap:10px;margin-top:8rem}.project-list-nav{text-transform:uppercase;letter-spacing:normal;font-size:var(--fs-md);background:var(--color-surface);padding:12px 0;border:1px solid var(--color-surface);width:15rem;text-align:center;transition:.2s}.project-list-nav:hover{background-color:var(--color-inverse);color:var(--color-text-inverse);border:1px solid var(--color-inverse)}@media (max-width:1028px){.project-list-items{grid-template-columns:repeat(2,1fr);gap:3rem 20px}}@media (max-width:640px){.project-list-header{justify-content:flex-start;align-items:flex-start;gap:.3rem}.project-list-header .number{font-size:5vw}.project-list-items{grid-template-columns:repeat(1,1fr)}.project-list-image{aspect-ratio:1/1!important}.project-list-card .material-symbols-outlined{margin-top:-5px;display:inline-block}.project-list-card-title{font-size:var(--fs-md)}.project-list-card-type,.project-list-nav{font-size:var(--fs-sm)}.project-list-nav-wrapper{margin-top:6rem}}@media (max-width:480px){.project-list-card-text{padding:1rem 0 0}}.random-works{width:100%;padding:8rem 0 4rem}.random-works-wrapper{position:relative;height:100%;min-height:100vh;padding:8rem 0 10rem;background-color:transparent}.random-works-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;grid-gap:2rem;gap:2rem}.random-works-grid>:nth-last-child(2):nth-child(4n+1){grid-column:2}.random-works-grid>:last-child:nth-child(4n+2){grid-column:3}.random-works-item{position:relative;display:block;min-width:0;pointer-events:none;overflow:hidden;will-change:transform}.random-works-image{position:relative;width:100%;height:100%;overflow:hidden;aspect-ratio:4/5}.random-works-image img{object-fit:cover}.random-works-cta{position:-webkit-sticky;position:sticky;top:40vh;z-index:10;font-size:var(--fs-head);letter-spacing:var(--ls-sm);line-height:var(--lh-sm);font-weight:400;text-align:center;mix-blend-mode:difference;display:block;margin:0 auto;width:-moz-fit-content;width:fit-content}.random-works-cta,.random-works-cta:hover{color:var(--white)}.random-works-cta.hover:before{background-color:var(--white)!important;height:2px}@media (max-width:890px){.random-works-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.random-works-grid>:last-child:nth-child(4n+2),.random-works-grid>:nth-last-child(2):nth-child(4n+1){grid-column:unset}}@media (max-width:640px){.random-works{padding:4rem 0 0}.random-works-grid{grid-template-columns:repeat(2,1fr);gap:10px}.random-works-cta{font-size:12vw;top:75vh}}.expand-section{position:relative;height:250vh;padding:0}.expand-container{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;overflow:clip;background-color:var(--color-bg)}.more-info-wrap{position:absolute;top:0;left:0;width:100%;height:100%;font-size:clamp(1.2rem,4vw,2rem);letter-spacing:var(--ls);line-height:var(--lh-sm);color:var(--color-text);z-index:10;pointer-events:none}.more-info-left{right:50%;margin:0 .05em 0 0}.more-info-left,.more-info-right{position:absolute;top:50%;transform:translateY(-50%) translateZ(0);white-space:nowrap;will-change:transform}.more-info-right{left:50%;margin:0 0 0 .05em}.expand-image{position:absolute;inset:0;-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);will-change:clip-path,transform;contain:paint;overflow:hidden;transform:translateZ(0);z-index:6}.expand-image img{object-fit:cover;object-position:center center;filter:brightness(.7)}.expand-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);transform-origin:center center;font-size:clamp(4rem,9vw,11rem);font-weight:400;letter-spacing:var(--ls-sm);line-height:var(--lh-sm);opacity:0;pointer-events:none;will-change:transform,opacity;white-space:nowrap;z-index:10}.expand-link,.expand-link:hover{color:var(--white)}.expand-link.hover:before{background-color:var(--white)!important;height:2px}