.projects[data-astro-cid-sgh4nyi2]{padding:0 var(--pad-x);margin-bottom:var(--margin-bottom,20rem);& .project-inner{background:#f2eeea;width:83.3333%;margin:0 auto;padding:13.5rem 20% 16.5rem;position:relative;@media screen and (width<=1919px){padding:13.5rem 10% 16.5rem 15%}& .img{position:absolute;& img{object-fit:cover;width:100%;height:100%;display:block}&:first-child{aspect-ratio:1;clip-path:inset(0 100% 100% 0);width:20%;margin-top:-5%;top:0;left:-10%;@media (prefers-reduced-motion:reduce){clip-path:none}}&:last-child{aspect-ratio:5/3;width:50%;top:30rem;right:-10%}}& .mask{margin-bottom:-.2em;padding-bottom:.2em;display:block;overflow:hidden;& .slide{display:block;transform:translateY(110%);@media (prefers-reduced-motion:reduce){transform:none}}}& h2{letter-spacing:-.04em;margin-bottom:.4em;padding-bottom:.1em;font-size:7rem;font-weight:400;line-height:1.1;overflow:hidden;& .char{opacity:1;display:inline-block;transform:translateY(110%);@media (prefers-reduced-motion:reduce){transform:none}}}& .meta{font-family:var(--accent-font);letter-spacing:.04em;text-transform:uppercase;color:#505050;gap:6.5rem;margin:0 0 8rem;font-size:1.5rem;font-weight:400;line-height:1.33333;display:flex}& p{& .mask{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}& .slide{display:block;transform:translateY(110%)}font-family:var(--accent-font);letter-spacing:.04em;text-transform:uppercase;color:#000;width:33rem;margin-bottom:1.5em;font-size:1.5rem;font-weight:400;line-height:1.33333;&:last-of-type{margin-bottom:5rem}}& .project-table{margin-top:13rem;margin-bottom:var(--table-gap,5.5rem);& h3{text-transform:uppercase;margin-bottom:1.75em;font-size:2rem;& span{display:block}}& .rows{--arrow:4.5rem;--bleed:2rem;grid-template-columns:33% 27% 25% 15%;display:grid}& hr{border:0;border-top:1px solid #505050;grid-column:1/-1}& .row{--pad:1.5rem;grid-column:1/-1;grid-template-columns:subgrid;color:inherit;grid-template-rows:auto auto;margin-bottom:0;padding-bottom:0;text-decoration:none;display:grid;& .row-inner{grid-column:1/-1;grid-template-columns:subgrid;padding:var(--pad) var(--bleed);z-index:0;align-items:center;display:grid;position:relative;&:before{content:"";z-index:-1;background:#000;width:100%;height:0;transition:height .6s;position:absolute;bottom:0;left:0}}& .logo{min-width:0}& .logo img{height:var(--logo-height,3rem);object-fit:contain;object-position:left;width:auto;max-width:100%;transition:filter .6s;display:block}& .size,& .location{font-family:var(--accent-font);text-transform:uppercase;letter-spacing:.04em;color:#000;font-size:1.5rem;transition:color .6s}& .go{justify-content:flex-end;display:flex}& .arrows{width:var(--arrow);aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;&:before{content:"";background:#fff;width:0;height:0;transition:width .4s,height .4s;position:absolute;bottom:0;left:0}& svg{z-index:2;width:1.25rem;transition:transform .4s;position:relative;& path{fill:#000;transition:fill .4s}&:last-child{transform:translate(calc(var(--arrow) * -1), var(--arrow));position:absolute}}}& .cell{text-align:left;position:relative}& .detail-text,& .detail-img{z-index:1;visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}& .detail-text{text-align:left;font-family:var(--accent-font);letter-spacing:.04em;text-transform:uppercase;padding-right:4rem;font-size:1.5rem;line-height:1.33333}& .detail-img img{width:100%;height:auto;display:block}&:hover,&[aria-expanded=true]{& .row-inner:before{height:100%}& .size,& .location,& .detail-text{color:#fff}& .logo{min-width:0}& .logo img{filter:invert()brightness(2)}& .arrows{&:before{width:100%;height:100%}& svg{transform:translate(var(--arrow), calc(var(--arrow) * -1));& path{fill:#fff}&:last-child{transform:translate(0);& path{fill:#000}}}}}}}}}.projects[data-astro-cid-sgh4nyi2] .detail-text[data-astro-cid-sgh4nyi2] .mask{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.projects[data-astro-cid-sgh4nyi2] .detail-text[data-astro-cid-sgh4nyi2] .slide{display:block;transform:translateY(110%)}.img[data-astro-cid-txhgw65m]{aspect-ratio:1/1.2;flex:1;& a{width:100%;height:100%;display:block;position:relative}& img{object-fit:cover;width:100%;height:100%}& .overlay{opacity:0;background:#0009;flex-direction:column;justify-content:space-between;align-items:center;padding:3.5rem 2.5em 2.5rem;transition:opacity .4s;display:flex;position:absolute;inset:0}& .title{letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;transition:transform .4s;transform:translateY(-1.5rem)}& .arrow-button{--width:3.2rem;letter-spacing:.02em;justify-content:space-between;width:100%;padding:.6rem .5rem .6rem 1rem;font-size:1.2rem;transition:transform .4s;transform:translateY(1.5rem);& span:last-child{flex:none;width:3.2rem;margin-left:.6rem;& svg{width:1.1rem}}}& a:hover{& .overlay{opacity:1}& .title,& .arrow-button{transform:translateY(0)}}}.thumbnail-list[data-astro-cid-thmkq26e]{margin-bottom:var(--margin-bottom,0);padding:0 var(--pad-x);& hr{border-top:1px solid #50505050;border-bottom:0}&:has(+.thumbnail-list) hr[data-astro-cid-thmkq26e].bottom{display:none}& .list-inner{align-items:flex-start;padding:3rem 0;display:flex;position:relative;& .toggle{cursor:pointer;background:0 0;border:0;padding:0}& .head{flex:0 0 25%;align-items:center;display:flex;@media screen and (width<=1919px){flex:0 0 30%}}& .icons{--icon:3.5rem;width:var(--icon);aspect-ratio:1;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;&:before{content:"";background:#000;width:0;height:0;transition:width .4s,height .4s;position:absolute;bottom:0;left:0}& svg{z-index:2;width:1.5rem;height:1.5rem;transition:transform .4s;position:relative;& path{fill:#505050;transition:fill .4s}&:last-child{transform:translate(var(--icon), calc(var(--icon) * -1));position:absolute}}}& .icons:hover{&:before{width:100%;height:100%}& svg{transform:translate(calc(var(--icon) * -1), var(--icon));& path{fill:#fff}&:last-child{transform:translate(0);& path{fill:#fff}}}}& .toggle[aria-expanded=true]{&:before{width:100%;height:100%}& svg{transform:translate(calc(var(--icon) * -1), var(--icon));& path{fill:#fff}&:last-child{transform:translate(0)rotate(45deg);& path{fill:#fff}}}}& h2{font-family:var(--accent-font);letter-spacing:.04em;text-transform:uppercase;color:#505050;flex:1;margin-left:calc(33.3333% - 1.5rem);font-size:1.5rem;font-weight:400;line-height:1.33333;@media screen and (width<=1599px){margin-left:calc(25% - 1.5rem)}}& .thumbs{z-index:2;flex:1;gap:3rem;display:flex;position:relative;& .img{aspect-ratio:1/1.2;flex:1;& a{width:100%;height:100%;display:block}& img{object-fit:cover;width:100%;height:100%}}}}& .more{padding-bottom:3rem;overflow:hidden;&[hidden]{display:none}& .more-row{align-items:flex-start;margin-bottom:3rem;display:flex;&:last-child{margin-bottom:0}}& .spacer{flex:0 0 25%;@media screen and (width<=1919px){flex:0 0 30%}}& .thumbs{z-index:2;flex:1;gap:3rem;display:flex;position:relative;& .img{aspect-ratio:1/1.2;flex:1;& a{width:100%;height:100%;display:block}& img{object-fit:cover;width:100%;height:100%}}}}}