.projects-page{background:var(--black)}.projects-page .primary-nav a[aria-current=page]{color:var(--acid-green)}.portfolio{min-height:100vh;padding:clamp(13rem,22vh,18rem) 4vw clamp(9rem,18vh,15rem);overflow:hidden;background:var(--black)}.portfolio__inner{width:min(100%,112rem);margin:0 auto}.portfolio__title{width:min-content;margin:0 0 clamp(7rem,15vh,12rem) 10%;color:var(--acid-green);font-family:var(--display-font);font-size:clamp(5rem,10vw,11rem);font-weight:400;letter-spacing:.08em;line-height:.85;text-transform:uppercase}.portfolio__list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(10rem,24vh,20rem)}.work{position:relative;display:grid;min-width:0;align-items:end;column-gap:clamp(2rem,4vw,5rem)}.work--one{grid-column:2 / 13;grid-template-columns:minmax(14rem,.55fr) minmax(0,1.45fr);grid-template-areas:"index media" "meta media"}.work--two{grid-column:1 / 12;grid-template-columns:minmax(0,1.65fr) minmax(16rem,.55fr);grid-template-areas:"media index" "media meta"}.work--three{grid-column:2 / 13;grid-template-columns:minmax(0,1.65fr) minmax(16rem,.55fr);grid-template-areas:"media index" "media meta"}.work--four{grid-column:1 / 12;margin-top:clamp(10rem,22vh,18rem);grid-template-columns:minmax(16rem,.55fr) minmax(0,1.65fr);grid-template-areas:"index media" "meta media"}.work--five{grid-column:2 / 13;grid-template-columns:minmax(0,1.65fr) minmax(16rem,.55fr);grid-template-areas:"media index" "media meta"}.work--six{grid-column:1 / 12;grid-template-columns:minmax(0,1.65fr) minmax(16rem,.55fr);grid-template-areas:"media index" "media meta"}.work--seven{grid-column:2 / 12;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.55fr);grid-template-areas:"meta media" "meta media"}.work--eight{grid-column:1 / 12;grid-template-columns:minmax(0,1.55fr) minmax(16rem,.6fr);grid-template-areas:"media index" "media meta"}.work--additional{grid-column:2 / 12;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.55fr);grid-template-areas:"index media" "meta media"}.work__index{grid-area:index;align-self:start;color:var(--acid-green);font-family:var(--display-font);font-size:clamp(1.8rem,2.25vw,3rem);letter-spacing:.08em;line-height:1}.work__media{position:relative;grid-area:media;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#191919;isolation:isolate}.work__media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.002);transition:filter .7s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:transform}.work:hover .work__media img,.work:focus-within .work__media img{filter:saturate(1.08) contrast(1.02);transform:scale(1.045)}.work__cta{position:absolute;z-index:2;right:0;bottom:6%;display:flex;width:clamp(15rem,24vw,29rem);min-height:3rem;padding:.9rem 1.4rem;color:var(--white);background-image:linear-gradient(100deg,var(--acid-green) 0%,#6ca447 24%,#102947 50%,#6ca447 76%,var(--acid-green) 100%);background-position:0 50%;background-size:200% 100%;align-items:center;justify-content:space-between;font-family:var(--display-font);font-size:clamp(.72rem,.82vw,1rem);font-weight:400;letter-spacing:.12em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-position .65s cubic-bezier(.16,1,.3,1),filter .22s ease,transform .3s cubic-bezier(.16,1,.3,1)}.work__cta:hover,.work__cta:focus-visible{background-position:100% 50%;filter:saturate(1.16) brightness(1.04);transform:translateY(-.2rem)}.work__cta span:last-child{transition:transform .3s cubic-bezier(.16,1,.3,1)}.work__cta:hover span:last-child,.work__cta:focus-visible span:last-child{transform:translate(.4rem)}.work__meta{display:flex;grid-area:meta;align-items:center;gap:clamp(1rem,1.8vw,2rem);padding-bottom:.5rem}.work__slash{display:block;width:clamp(.25rem,.4vw,.5rem);height:clamp(3.5rem,5vw,6rem);flex:0 0 auto;background:var(--acid-green);transform:skew(-16deg);transform-origin:center;transition:height .5s cubic-bezier(.16,1,.3,1)}.work:hover .work__slash,.work:focus-within .work__slash{height:clamp(4.5rem,6.2vw,7rem)}.work__meta h2,.work__meta p{margin:0;font-family:var(--display-font);font-weight:400;text-transform:uppercase}.work__meta h2{max-width:24ch;font-size:clamp(1.35rem,2vw,2.6rem);letter-spacing:.1em;line-height:1.04}.work__meta p{margin-top:.55rem;font-size:clamp(.76rem,.9vw,1.1rem);letter-spacing:.12em;line-height:1.15}.project-reveal{opacity:0;transform:translateY(3rem);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.project-reveal .work__media{clip-path:inset(12% 0 12% 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1) .1s}.project-reveal .work__index,.project-reveal .work__meta{opacity:0;transform:translateY(1.25rem);transition:opacity .6s ease .26s,transform .7s cubic-bezier(.16,1,.3,1) .26s}.project-reveal.is-visible{opacity:1;transform:translateY(0)}.project-reveal.is-visible .work__media{clip-path:inset(0)}.project-reveal.is-visible .work__index,.project-reveal.is-visible .work__meta{opacity:1;transform:translateY(0)}@media(max-width:1000px){.portfolio__title{margin-left:4%}.portfolio__list{row-gap:clamp(8rem,16vh,12rem)}.work--one,.work--two,.work--three,.work--four,.work--five,.work--six,.work--seven,.work--eight,.work--additional{grid-column:1 / -1;margin-top:0}}@media(max-width:700px){.portfolio{padding:10rem 1.25rem 8rem}.portfolio__title{width:100%;max-width:100%;margin:0 0 6rem;font-size:clamp(2.65rem,13.8vw,4.75rem);letter-spacing:.045em;line-height:.9;white-space:nowrap}.portfolio__list{display:flex;flex-direction:column;gap:7rem}.work,.work--one,.work--two,.work--three,.work--four,.work--five,.work--six,.work--seven,.work--eight,.work--additional{display:grid;width:100%;margin:0;grid-template-columns:clamp(3.5rem,12.5vw,4rem) minmax(0,1fr);grid-template-areas:"index meta" "media media";align-items:center;column-gap:1.5rem;row-gap:1.5rem}.work__index{align-self:center}.work__meta{width:100%;justify-self:start;padding:0}.work__meta h2{font-size:clamp(1rem,4.8vw,1.45rem)}.work__meta p{font-size:.7rem}.work__slash{height:3.5rem}.work__media{aspect-ratio:var(--mobile-project-ratio, 4 / 5)}.work--one .work__media,.work--two .work__media,.work--three .work__media,.work--four .work__media,.work--five .work__media,.work--six .work__media,.work--seven .work__media,.work--eight .work__media,.work--additional .work__media{--mobile-project-ratio: 16 / 10}.work__cta{right:.75rem;bottom:.75rem;width:calc(100% - 1.5rem);min-height:2.8rem;padding:.8rem 1rem}}@media(prefers-reduced-motion:reduce){.project-reveal,.project-reveal .work__index,.project-reveal .work__meta{opacity:1;transform:none}.project-reveal .work__media{clip-path:none}}