.projects-page{max-width:100vw;background:var(--paper);overflow-x:clip}.projects-page .site-nav a[aria-current=page]:after{right:0}.projects-hero{position:relative;min-height:108svh;color:#fff;background:var(--ink);overflow:hidden}.projects-hero__media,.projects-hero__shade{position:absolute;inset:0}.projects-hero__media{overflow:hidden}.projects-hero__media img{transform:scale(1.1);filter:saturate(.7) contrast(1.06)}.projects-hero__shade{background:linear-gradient(90deg,#101213ab,#10121314 75%),linear-gradient(180deg,rgba(16,18,19,.3),transparent 38%,rgba(16,18,19,.72))}.projects-hero__topline{position:absolute;top:5.7rem;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase}.projects-hero__copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(5rem,9vw,9rem)}.projects-hero__copy h1{width:min(100%,92rem);margin:0;font-size:clamp(4.6rem,10.7vw,12.8rem);font-weight:300;line-height:.78;letter-spacing:-.075em}.projects-hero__copy h1>span{display:block;height:.9em;overflow:hidden}.projects-hero__copy h1 i{display:block;font-style:normal}.projects-hero__line--indent{padding-left:15vw}.projects-hero__arabic{position:absolute;right:var(--pad);bottom:1.8rem;margin:0;font-size:.76rem;font-weight:300}.projects-hero__scroll{position:absolute;left:var(--pad);bottom:1.65rem;display:flex;gap:1.1rem;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}.projects-hero__scroll i{font-size:.8rem;font-style:normal}.projects-intro{padding-bottom:clamp(7rem,12vw,13rem);background:var(--paper)}.projects-intro__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(19rem,.55fr);gap:8vw;align-items:end;padding:clamp(5.5rem,10vw,11rem) 0 0}.projects-display{max-width:82rem;margin:0;font-size:clamp(3.4rem,7.7vw,9rem);font-weight:300;line-height:.92;letter-spacing:-.065em}.projects-intro__copy{max-width:33rem}.projects-intro__copy p{margin:0 0 1.35rem;font-size:clamp(1rem,1.22vw,1.24rem);line-height:1.7}.projects-intro__copy p:first-child{font-size:clamp(1.2rem,1.55vw,1.62rem);line-height:1.55}.project-archive{padding-top:0;background:var(--paper)}.project-filter{position:sticky;z-index:50;top:4.75rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;margin:0 calc(var(--pad) * -1) clamp(5rem,8vw,8rem);padding:1rem var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3f1ece0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-filter__label{display:flex;gap:1.2rem;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}.project-filter__label span:first-child{opacity:.5}.project-filter__buttons{display:flex;justify-content:center;gap:.45rem}.project-filter__buttons button{padding:.55rem .8rem;color:var(--ink);border:1px solid var(--line);border-radius:99rem;background:transparent;font-size:.54rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease)}.project-filter__buttons button:hover,.project-filter__buttons button[aria-pressed=true]{color:#fff;border-color:var(--ink);background:var(--ink)}.project-filter__buttons sup{margin-left:.28rem;font-size:.42rem;opacity:.6}.project-filter__result{margin:0;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.project-filter__result span{display:inline-block;min-width:1.4rem;font-variant-numeric:tabular-nums}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(3.5rem,7vw,8rem) clamp(1.2rem,2.8vw,3rem);align-items:start}.archive-card{grid-column:span 6;min-width:0}.archive-card[data-project]{cursor:pointer}.archive-card[data-project]:focus-visible{outline:2px solid var(--blue);outline-offset:.5rem}.archive-card--wide{grid-column:span 7}.archive-card--tall,.archive-card--portrait{grid-column:span 5}.archive-card[hidden]{display:none}.archive-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--grey)}.archive-card--wide .archive-card__media{aspect-ratio:16 / 10}.archive-card--tall .archive-card__media,.archive-card--portrait .archive-card__media{aspect-ratio:4 / 5}.archive-card--arch .archive-card__media{border-radius:50% 50% 0 0/24% 24% 0 0;box-shadow:0 1.4rem 4rem #25282a14}.archive-card__media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);pointer-events:none}.archive-card__media img{transform:scale(1.055);transition:transform 1.25s var(--ease),filter 1.25s var(--ease)}.archive-card:hover .archive-card__media img{transform:scale(1);filter:saturate(.82)}.archive-card__meta{display:grid;grid-template-columns:2.8rem 1fr auto;gap:1rem;align-items:end;padding-top:1rem;border-top:1px solid transparent}.archive-card__meta>span{align-self:start;padding-top:.38rem;font-size:.54rem;opacity:.5}.archive-card__meta h2{margin:0;font-size:clamp(1.55rem,2.5vw,3rem);font-weight:300;line-height:1;letter-spacing:-.05em}.archive-card__meta p,.archive-card__meta small{margin:.35rem 0 0;font-size:.54rem;font-weight:400;letter-spacing:.09em;line-height:1.45;text-transform:uppercase}.archive-card__meta p{opacity:.62}.archive-card__meta small{max-width:10rem;text-align:right;opacity:.58}.projects-closing{position:relative;min-height:104svh;margin-top:clamp(8rem,15vw,16rem);color:#fff;background:var(--ink);overflow:hidden}.projects-closing__media,.projects-closing__shade{position:absolute;inset:0}.projects-closing__media img{transform:scale(1.12);filter:saturate(.72) contrast(1.04)}.projects-closing__shade{background:linear-gradient(180deg,#12141538,#121415cc)}.projects-closing__copy{position:relative;z-index:1;min-height:104svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:7rem var(--pad) 4rem}.projects-closing__copy>p{margin:0 0 2rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.projects-closing h2{margin:0;font-size:clamp(4rem,9.4vw,11rem);font-weight:300;line-height:.8;letter-spacing:-.073em}.projects-closing h2 span{display:block}.projects-closing h2 span:last-child{padding-left:10vw}.projects-closing__copy a{align-self:flex-end;display:flex;gap:3rem;margin-top:3rem;padding-bottom:.65rem;border-bottom:1px solid currentColor;font-size:clamp(.9rem,1.3vw,1.25rem)}.projects-closing__copy a i{font-style:normal}.projects-page .footer__nav a:first-child{color:inherit}.projects-page .footer__nav a:nth-child(4){color:#ffffff4d}.projects-page .footer__nav a:hover{color:var(--blue)}@media(max-width:980px){.project-filter{grid-template-columns:1fr auto;top:4rem}.project-filter__buttons{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.project-filter__buttons::-webkit-scrollbar{display:none}.project-filter__buttons button{flex:0 0 auto}}@media(max-width:800px){.projects-hero{min-height:100svh}.projects-hero__topline span:first-child{display:none}.projects-hero__topline{justify-content:flex-end}.projects-hero__copy h1{font-size:clamp(3.8rem,16vw,7rem);line-height:.82}.projects-hero__line--indent{padding-left:0}.projects-hero__scroll{display:none}.projects-hero__arabic{bottom:1rem}.projects-intro__grid{grid-template-columns:1fr;padding-top:5rem}.projects-intro__copy{margin-left:14vw}.project-filter{margin-bottom:4rem;padding-top:.8rem;padding-bottom:.8rem}.project-filter__label{gap:.75rem}.project-filter__result{justify-self:end}.project-grid{grid-template-columns:1fr;gap:4.5rem}.archive-card,.archive-card--wide,.archive-card--tall,.archive-card--portrait{grid-column:1}.archive-card__media,.archive-card--wide .archive-card__media{aspect-ratio:4 / 3}.archive-card--tall .archive-card__media,.archive-card--portrait .archive-card__media{aspect-ratio:4 / 5}.archive-card__meta{grid-template-columns:2rem 1fr}.archive-card__meta small{grid-column:2;max-width:none;text-align:left}.projects-closing h2{font-size:17vw}.projects-closing h2 span:last-child{padding-left:0}.projects-closing__copy a{align-self:flex-start}}@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .projects-hero__media img,html:not(.motion-preview) .projects-closing__media img{transform:none}}
