.projects-page{background-color:var(--color-bg-primary);padding-top:0;padding-bottom:0;position:relative}.projects-cinema{background-color:var(--color-bg-primary);height:420vh;position:relative}.projects-cinema__viewport{background-color:var(--color-bg-primary);width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.projects-cinema__intro{z-index:4;padding:var(--nav-height) var(--gutter) 10vh;mix-blend-mode:difference;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.projects-cinema__kicker,.projects-page__kicker{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.16em;color:var(--color-accent);font-weight:900}.projects-cinema__kicker{background-color:var(--color-bg-primary);width:fit-content;color:var(--color-text-primary);border-left:.25rem solid var(--color-accent);padding:.2rem .35rem;display:inline-block}.projects-cinema__title{width:max-content;max-width:100%;margin-top:var(--space-lg);font-family:var(--font-display);text-transform:uppercase;color:var(--color-text-primary);transform-origin:0;text-wrap:balance;overflow-wrap:normal;word-break:normal;font-size:clamp(5rem,14vw,13rem);font-weight:900;line-height:.96}.projects-cinema__wash{z-index:1;background-color:var(--color-accent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.projects-cinema__wash:before{content:"";background:linear-gradient(transparent 50%, rgb(var(--color-bg-primary-rgb) / .2) 50%), linear-gradient(90deg, rgb(var(--color-bg-primary-rgb) / .35), transparent 24%, transparent 76%, rgb(var(--color-bg-primary-rgb) / .35));mix-blend-mode:multiply;background-size:100% .55rem,100% 100%;position:absolute;inset:0}.projects-cinema__wash:after{content:"";background-image:linear-gradient(rgb(var(--color-bg-primary-rgb) / .16) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--color-bg-primary-rgb) / .16) 1px, transparent 1px);opacity:.5;background-size:5rem 5rem;position:absolute;inset:0}.projects-cinema__ghost{z-index:1;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;color:var(--color-bg-primary);font-size:clamp(8rem,32vw,30rem);font-weight:900;line-height:.9;position:relative}.projects-cinema__track-stage{z-index:3;padding-top:var(--nav-height);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.projects-cinema__heading-wrap{width:100%;margin-bottom:var(--space-2xl);overflow:visible}.projects-cinema__heading.outline-text{color:var(--color-bg-primary);-webkit-text-fill-color:var(--color-bg-primary);-webkit-text-stroke:0;text-shadow:0 1px 0 rgb(var(--color-text-primary-rgb) / .16), 0 .65rem 2rem rgb(var(--color-bg-primary-rgb) / .48);font-size:clamp(3.5rem,9vw,8rem)}.projects-cinema__track{align-items:center;width:100vw;height:56vh;padding:2vh 0;display:flex;position:relative;overflow:hidden}.projects-cinema__track-inner{gap:var(--space-3xl);pointer-events:auto;will-change:transform;width:max-content;padding:0 10vw;display:flex;transform:translateZ(0)}.projects-cinema__track-inner:has(.project-showcase-card:hover,.project-showcase-card:focus-visible) .project-showcase-card:not(:hover,:focus-visible){opacity:.78;transform:scale(.965)}.project-showcase-card{min-width:38rem;height:52vh;padding:var(--space-xl);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid rgb(var(--color-bg-primary-rgb) / .55);transform-origin:50%;will-change:transform;transition:border-color var(--duration-base) var(--ease-out-expo), opacity var(--duration-base) var(--ease-out-expo), transform .54s var(--ease-out-expo);flex:0 0 54vw;align-items:flex-end;display:flex;position:relative;overflow:hidden}.project-showcase-card:before{content:"";z-index:2;background:linear-gradient(110deg, transparent 12%, rgb(var(--color-text-primary-rgb) / .35), transparent 48%);opacity:0;transition:opacity var(--duration-base) var(--ease-out-expo), transform .9s var(--ease-out-expo);position:absolute;inset:0;transform:translate(-110%)skew(-14deg)}.project-showcase-card:hover,.project-showcase-card:focus-visible{z-index:5;border-color:rgb(var(--color-text-primary-rgb) / .36);transform:scale(1.06)}.project-showcase-card:hover:before,.project-showcase-card:focus-visible:before{opacity:1;transform:translate(120%)skew(-14deg)}.project-showcase-card__media{z-index:0;background:radial-gradient(circle at 30% 30%, rgb(var(--color-text-primary-rgb) / .18), transparent 28%), radial-gradient(circle at 78% 64%, rgb(var(--color-accent-rgb) / .75), transparent 36%), linear-gradient(135deg, var(--color-bg-primary), var(--color-bg-elevated));filter:grayscale();mix-blend-mode:screen;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:-28%;transform:translateZ(0)}.project-showcase-card__media--image{filter:none;mix-blend-mode:normal}.project-visual{width:100%;height:100%;padding:var(--space-xl);color:var(--color-text-primary);background:linear-gradient(transparent 50%, rgb(var(--color-text-primary-rgb) / .045) 50%), radial-gradient(circle at 78% 18%, rgb(var(--color-accent-rgb) / .42), transparent 34%), radial-gradient(circle at 18% 86%, rgb(var(--color-text-primary-rgb) / .1), transparent 26%), linear-gradient(135deg, rgb(var(--color-accent-rgb) / .18), var(--color-bg-elevated)), url(/media/ui/hover-preview-texture.webp);background-size:100% .48rem,100% 100%,100% 100%,100% 100%,cover;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.project-visual--has-image{background:var(--color-bg-primary);padding:0}.project-visual--has-image:before{z-index:1;background:linear-gradient(to top, rgb(var(--color-bg-primary-rgb) / .58), transparent 54%), radial-gradient(circle at 72% 20%, rgb(var(--color-accent-rgb) / .16), transparent 38%);opacity:1;border:0;inset:0}.project-visual__image{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.project-visual:before{content:"";border:1px solid rgb(var(--color-text-primary-rgb) / .16);opacity:.5;position:absolute;inset:12%}.project-visual__eyebrow,.project-visual__meta,.project-visual__tools span{z-index:1;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;font-weight:900;position:relative}.project-visual__eyebrow{color:var(--color-accent)}.project-visual__title{z-index:1;max-width:8ch;font-family:var(--font-display);text-transform:uppercase;opacity:.16;font-size:clamp(3rem,7vw,8rem);font-weight:900;line-height:.96;position:relative}.project-visual__meta{max-width:26ch;color:var(--color-text-secondary)}.project-visual__tools{z-index:1;gap:var(--space-xs);flex-wrap:wrap;display:flex;position:relative}.project-visual__tools span{color:var(--color-text-secondary);border:1px solid rgb(var(--color-text-primary-rgb) / .18);padding:.35rem .5rem}.project-visual--card{padding:var(--space-lg)}.project-visual--showcase{justify-content:center;padding:0}.project-visual--showcase .project-visual__eyebrow,.project-visual--showcase .project-visual__meta,.project-visual--showcase .project-visual__tools,.project-visual--showcase .project-visual__title{display:none}.project-visual--card .project-visual__title{font-size:clamp(2.4rem,5vw,4.2rem)}.project-showcase-card__ghost{top:16%;right:var(--space-xl);z-index:1;font-family:var(--font-display);color:rgb(var(--color-text-primary-rgb) / .12);text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:clamp(4rem,7.2vw,7.75rem);font-weight:900;line-height:.96;position:absolute;left:clamp(5.5rem,14%,10rem);overflow:hidden}.project-showcase-card__overlay{z-index:2;background:linear-gradient(to top, rgb(var(--color-bg-primary-rgb) / .98), rgb(var(--color-bg-primary-rgb) / .72) 38%, transparent 72%), linear-gradient(90deg, rgb(var(--color-bg-primary-rgb) / .68), transparent 48%, rgb(var(--color-bg-primary-rgb) / .38)), linear-gradient(transparent 50%, rgb(var(--color-text-primary-rgb) / .04) 50%);background-size:100% 100%,100% 100%,100% .5rem;position:absolute;inset:0}.project-showcase-card__index{top:var(--space-lg);left:var(--space-xl);z-index:4;font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.16em;color:var(--color-accent);font-weight:900;position:absolute}.project-showcase-card__content{z-index:4;text-shadow:0 .2rem 1rem #000000b8;max-width:42rem;position:relative}.project-showcase-card__category{margin-bottom:var(--space-md);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-weight:900}.project-showcase-card h2{margin-bottom:var(--space-md);font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;font-size:clamp(3rem,6vw,6rem);font-weight:900;line-height:.96}.project-showcase-card p:last-child{max-width:48ch;color:rgb(var(--color-text-primary-rgb) / .78);line-height:1.55}.projects-archive{z-index:2;padding:var(--space-section) 0;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);margin-top:-1px;position:relative}.projects-archive__header{gap:var(--space-3xl);margin-bottom:var(--space-4xl);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:end;display:grid}.projects-archive__title{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:1}.projects-page__intro{gap:var(--space-3xl);grid-template-columns:minmax(0,.9fr) minmax(18rem,.7fr);align-items:end;display:grid}.projects-page__subtitle{max-width:52ch}.projects-page__stats{border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.projects-page__stats div{padding:var(--space-lg);border-right:1px solid var(--color-border);position:relative;overflow:hidden}.projects-page__stats div:before{content:"";background:linear-gradient(120deg, transparent, rgb(var(--color-accent-rgb) / .14), transparent);transition:transform .8s var(--ease-out-expo);position:absolute;inset:0;transform:translate(-110%)skew(-14deg)}.projects-page__stats div:hover:before{transform:translate(110%)skew(-14deg)}.projects-page__stats div:last-child{border-right:0}.projects-page__stats dt{margin-bottom:var(--space-sm);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.projects-page__stats dd{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--color-text-primary);font-weight:900}.projects-grid{gap:var(--space-xl);isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(min(100%,28rem),1fr));display:grid}.projects-grid:has(.project-card:hover,.project-card:focus-visible) .project-card:not(:hover,:focus-visible){opacity:.62;transform:scale(.975)}.project-card{border:1px solid var(--color-border);background-color:var(--color-bg-card);transform-origin:50%;will-change:transform;min-height:100%;transition:border-color var(--duration-base) var(--ease-out-expo), opacity var(--duration-base) var(--ease-out-expo), transform var(--duration-base) var(--ease-out-expo);display:block;position:relative;overflow:hidden}.project-card:before{content:"";z-index:2;background:linear-gradient(105deg, transparent 18%, rgb(var(--color-accent-rgb) / .28), transparent 64%);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-expo), transform .85s var(--ease-out-expo);position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.project-card:hover,.project-card:focus-visible{z-index:4;border-color:var(--color-border-strong);transform:scale(1.04)}.project-card:hover:before,.project-card:focus-visible:before{opacity:1;transform:translate(120%)skew(-18deg)}.project-card__cover{aspect-ratio:16/10;background-color:var(--color-bg-secondary);position:relative;overflow:hidden}.project-card__cover:after{content:"";background:linear-gradient(transparent 50%, rgb(var(--color-text-primary-rgb) / .04) 50%), radial-gradient(circle at 70% 30%, rgb(var(--color-accent-rgb) / .28), transparent 38%);mix-blend-mode:screen;opacity:.45;transition:transform var(--duration-slow) var(--ease-out-expo);background-size:100% .45rem,100% 100%;position:absolute;inset:0;transform:translateY(-18%)}.project-card:hover .project-card__cover:after,.project-card:focus-visible .project-card__cover:after{transform:translateY(0)}.project-card__index{top:var(--space-md);left:var(--space-md);z-index:var(--z-base);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-accent);font-weight:900;position:absolute}.project-card__cover-inner{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo)}.project-card:hover .project-card__cover-inner,.project-card:focus-visible .project-card__cover-inner{transform:scale(1.05)}.project-card__body{z-index:3;padding:var(--space-lg) var(--space-xl);position:relative}.project-card__meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.project-card__category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:700}.project-card__year{font-size:var(--text-xs);color:var(--color-text-muted)}.project-card__title{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:0;margin-bottom:var(--space-sm);transition:color var(--duration-base) var(--ease-out-expo);font-weight:900}.project-card:hover .project-card__title,.project-card:focus-visible .project-card__title{color:var(--color-accent)}.project-card__summary{font-size:var(--text-sm);color:var(--color-text-secondary);min-height:4.8em;line-height:1.6}.project-card__tools{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.project-card__cue{margin-top:var(--space-lg);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-out-expo);font-weight:900;display:inline-block}.project-card:hover .project-card__cue,.project-card:focus-visible .project-card__cue{color:var(--color-accent)}@media (width<=900px){.projects-archive__header,.projects-page__intro,.projects-page__stats{grid-template-columns:1fr}.projects-page__stats div{border-right:0;border-bottom:1px solid var(--color-border)}.projects-page__stats div:last-child{border-bottom:0}}@media (width<=768px),(pointer:coarse){.projects-cinema{height:auto}.projects-cinema__viewport{height:auto;padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-2xl);position:relative;overflow:visible}.projects-cinema__intro{padding:0 var(--gutter) var(--space-2xl);mix-blend-mode:normal;position:relative;inset:auto}.projects-cinema__wash{display:none}.projects-cinema__track-stage{pointer-events:auto;padding-top:0;position:relative;inset:auto}.projects-cinema__title{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:clamp(3.25rem,14.5vw,5.5rem);line-height:1}.projects-cinema__heading{font-size:clamp(2.75rem,15vw,5rem)}.projects-cinema__ghost{white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:clamp(5.5rem,30vw,10rem)}.projects-cinema__track{width:100%;height:auto;padding:0;overflow:visible}.projects-cinema__track-inner{gap:var(--space-xl);width:100%;padding:0 var(--gutter);will-change:auto;flex-direction:column}.project-showcase-card{width:100%;min-width:0;height:56vh;padding:var(--space-lg);will-change:auto;flex:0 0 56vh}.projects-cinema__track-inner:has(.project-showcase-card:hover,.project-showcase-card:focus-visible) .project-showcase-card:not(:hover,:focus-visible),.project-showcase-card:hover,.project-showcase-card:focus-visible,.projects-grid:has(.project-card:hover,.project-card:focus-visible) .project-card:not(:hover,:focus-visible),.project-card:hover,.project-card:focus-visible{transform:none}.projects-cinema__wash:before,.project-showcase-card__media,.project-visual,.project-card__cover:after{filter:none;mix-blend-mode:normal}.project-showcase-card:before,.project-card:before,.project-showcase-card h2{overflow-wrap:anywhere;font-size:clamp(2.5rem,12vw,4.25rem)}.project-showcase-card__ghost{display:none}.project-showcase-card__content{min-width:0}.project-visual__title{overflow-wrap:anywhere;white-space:normal;max-width:100%}.projects-archive{padding:var(--space-4xl) 0}.project-card__summary{min-height:0}.project-showcase-card__overlay{background:linear-gradient(to top, rgb(var(--color-bg-primary-rgb) / .98), rgb(var(--color-bg-primary-rgb) / .72) 38%, transparent 72%);background-size:100% 100%}.project-visual--has-image:before{background:linear-gradient(to top, rgb(var(--color-bg-primary-rgb) / .58), transparent 54%)}.project-showcase-card__content{text-shadow:none}.project-card__cover:after{display:none}}@media (prefers-reduced-motion:reduce){.projects-cinema{height:auto}.projects-cinema__viewport{height:auto;padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-2xl);position:relative;overflow:visible}.projects-cinema__intro{padding:0 var(--gutter) var(--space-2xl);mix-blend-mode:normal;position:relative;inset:auto}.projects-cinema__wash{display:none}.projects-cinema__track-stage{padding-top:0;position:relative;inset:auto}.projects-cinema__track{width:100%;overflow-x:auto}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.projects-cinema__intro,.projects-cinema__heading,.projects-cinema__track-inner,.projects-archive{transform:none!important}.projects-cinema__track-stage,.projects-archive{opacity:1!important}.project-showcase-card__media{inset:0!important;transform:none!important}}@media (prefers-reduced-motion:reduce){.projects-grid>div{opacity:1!important;transform:none!important}}