.projects-page{background:#fff}.projects-top{background:var(--black);color:#fff}.projects-page .site-header{position:relative;z-index:5}.projects-page .site-header img{filter:brightness(0) invert(1)}.projects-page .site-header nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.projects-page .site-header>.btn{background:#fff;color:var(--black)}.projects-page .hamb i{background:#fff}.projects-page .hamb i:nth-child(2){background:var(--yellow)}
.projects-intro{min-height:690px;padding:105px 0 75px;display:flex;flex-direction:column;justify-content:space-between}.projects-intro>p{max-width:1210px;margin:0;font-size:clamp(48px,5.1vw,96px);font-weight:700;line-height:1.01;letter-spacing:-.055em}.projects-intro>p em{font-weight:900;color:var(--yellow)}
.filter-area{margin-top:95px;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.35)}.filter-prompt{display:grid;grid-template-columns:36px auto 1fr;align-items:center;gap:12px;margin-bottom:22px}.filter-prompt>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #fff;border-radius:50%;font-size:15px}.filter-prompt strong{text-transform:uppercase;font-size:12px;letter-spacing:.13em}.filter-prompt small{color:#aaa;font-size:13px}.project-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px}.project-filters button{appearance:none;border:0;background:transparent;padding:0;color:#fff;font:700 17px/1.3 Inter,Arial,sans-serif;cursor:pointer}.project-filters button::after{content:"";display:block;width:0;height:3px;background:var(--yellow);transition:width .2s ease}.project-filters button:hover::after,.project-filters button.active::after{width:100%}.project-filters>span{color:#777}
.projects-list{background:#fff;padding-top:80px}.projects-list-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:35px}.projects-list-heading h1{margin:0;font-size:clamp(45px,5vw,82px);line-height:1;letter-spacing:-.055em}.projects-list-heading p{margin:0 0 7px;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.projects-empty{grid-column:1/-1;padding:100px 7vw;background:var(--off)}
.work-card{position:relative;display:block;overflow:hidden;background:var(--black);color:#fff}.work-card.is-hidden{display:none}.work-square{aspect-ratio:1}.work-landscape{aspect-ratio:4/3}.work-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .4s ease}.work-art>img{width:100%;height:100%;object-fit:cover}.work-art>span{font-size:clamp(74px,11vw,210px);font-weight:900;letter-spacing:-.08em}.work-hover{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:45px;background:var(--yellow);color:var(--black);opacity:0;transition:opacity .3s ease}.work-hover p,.work-hover h2,.work-hover strong,.work-hover>span{margin:0}.work-hover p{margin-bottom:auto;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.work-hover h2{max-width:80%;font-size:clamp(38px,4.2vw,78px);line-height:.94;letter-spacing:-.055em}.work-hover strong{margin-top:13px;font-size:18px}.work-hover>span{max-width:580px;margin-top:9px;font-size:16px;line-height:1.45}.work-hover i{position:absolute;right:42px;bottom:38px;font-size:38px;font-style:normal}.work-card:hover .work-art,.work-card:focus-visible .work-art{transform:scale(1.035);filter:grayscale(.3)}.work-card:hover .work-hover,.work-card:focus-visible .work-hover{opacity:1}
.visual-one .work-art{color:var(--black);background:var(--yellow)}.visual-one .work-art span{font-size:30vw;line-height:.7;transform:translate(-9%,-5%)}.visual-two .work-art{background:radial-gradient(circle at 74% 32%,#ffda37 0 11%,transparent 11.3%),linear-gradient(135deg,#ecece8 0 50%,#181616 50%)}.visual-two .work-art span{color:#fff;mix-blend-mode:difference}.visual-three .work-art{background:repeating-linear-gradient(90deg,#161414 0 8%,#f5f5f5 8% 16%,#fc0 16% 24%)}.visual-three .work-art span{padding:16px 28px;background:#fff;color:var(--black);font-size:clamp(45px,7vw,125px);letter-spacing:-.06em}.visual-four .work-art{background:radial-gradient(circle at 50% 35%,var(--yellow) 0 18%,transparent 18.5%),radial-gradient(circle at 30% 63%,#fff 0 20%,transparent 20.5%),var(--black)}.visual-five .work-art{background:linear-gradient(27deg,var(--black) 0 45%,var(--yellow) 45% 62%,#e3e3df 62%)}.visual-five .work-art span{color:#fff;transform:rotate(-27deg)}.visual-six .work-art{background:radial-gradient(circle at center,var(--yellow) 0 20%,#fff 20.3% 34%,var(--black) 34.3% 53%,#d7d7d4 53.3%)}.visual-six .work-art span{color:#fff;font-size:18vw}.visual-seven .work-art{background:linear-gradient(145deg,#161414 0 50%,#fc0 50%)}.visual-seven .work-art span{color:#fff;font-size:24vw;transform:rotate(90deg);mix-blend-mode:difference}.visual-eight .work-art{background:linear-gradient(90deg,#efefeb 49.6%,var(--black) 49.6% 50.4%,#efefeb 50.4%)}.visual-eight .work-art::before{content:"";position:absolute;width:52%;aspect-ratio:1;border:34px solid var(--yellow);border-radius:50%}.visual-eight .work-art span{position:relative;color:var(--black);font-size:10vw}.projects-page .cta{position:relative;z-index:2;margin-top:120px}.projects-page footer{position:relative;z-index:1}
@media(max-width:700px){.projects-page{border-width:8px}.projects-page .site-header nav.mobile-open{background:var(--black);border-color:#333}.projects-intro{width:calc(100% - 70px);min-height:650px;padding:50px 0 45px}.projects-intro>p{font-size:42px;line-height:1.04}.filter-area{margin-top:60px;padding-top:19px}.filter-prompt{grid-template-columns:30px 1fr}.filter-prompt small{grid-column:1/-1;line-height:1.45}.project-filters{gap:8px 10px}.project-filters button{font-size:14px}.projects-list{padding-top:55px}.projects-list-heading{align-items:end;padding-bottom:24px}.projects-list-heading h1{font-size:42px}.projects-list-heading p{font-size:13px}.projects-grid{grid-template-columns:1fr}.work-square,.work-landscape{aspect-ratio:1/.84}.work-hover{padding:28px;opacity:1;background:linear-gradient(transparent 20%,rgba(0,0,0,.88));color:#fff}.work-hover p{color:var(--yellow)}.work-hover h2{font-size:38px}.work-hover i{right:25px;bottom:23px}.projects-page .cta{margin-top:70px}.visual-one .work-art span{font-size:55vw}.visual-six .work-art span{font-size:42vw}.visual-seven .work-art span{font-size:52vw}.visual-eight .work-art span{font-size:25vw}}
@media(prefers-reduced-motion:reduce){.work-art,.work-hover,.project-filters button::after{transition:none}}
.filter-prompt{grid-template-columns:auto 1fr}.work-hover p{font-size:clamp(25px,2.6vw,45px);line-height:.95;letter-spacing:-.035em;text-transform:none}
@media(max-width:700px){.filter-prompt{grid-template-columns:1fr}.filter-prompt small{grid-column:auto}.work-hover p{display:none}}