.projects-page{background:0 0;padding:clamp(1.5rem,4vw,3rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:clip}.projects-page__grid-bg{pointer-events:none;height:clamp(30rem,72vh,48rem);position:absolute;inset:0 0 auto}.projects-page__hero{margin-bottom:clamp(2.25rem,4vw,3.25rem)}.projects-page__hero-main{gap:clamp(2rem,4vw,3.5rem);margin-top:1.5rem;display:grid}@media (width>=1024px){.projects-page__hero-main{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center}}.projects-page__hero-copy{min-width:0}.projects-page__crumbs{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground) 40%, transparent);align-items:center;gap:.5rem;font-size:.64rem;display:flex}.projects-page__crumb-link{color:inherit;text-decoration:none;transition:color .3s}.projects-page__crumb-link:hover{color:var(--primary)}.projects-page__crumb-current{color:color-mix(in oklch, var(--primary) 55%, white)}.projects-page__title{letter-spacing:-.035em;text-wrap:balance;margin-top:1.1rem;font-size:clamp(2.4rem,5.5vw,3.9rem);font-weight:700;line-height:1.03}.projects-page__lede{max-width:40rem;color:color-mix(in oklch, var(--foreground) 78%, transparent);margin-top:1.35rem;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.7}.projects-page__stats{background:oklch(100% 5.96046e-8 none/.1);border:1px solid oklch(100% 5.96046e-8 none/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding:1px;display:grid}.projects-page__stat{background:#05070d;flex-direction:column;gap:.35rem;padding:1.25rem 1.4rem;display:flex}.projects-page__stat-value{letter-spacing:-.02em;color:color-mix(in oklch, var(--primary) 45%, white);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;line-height:1}.projects-page__stat-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground) 45%, transparent);margin:0;font-size:.6rem}.projects-page__gallery{padding-bottom:clamp(3rem,6vw,5rem)}.projects-page__bar{z-index:30;border-bottom:1px solid #0000;margin-bottom:clamp(1.5rem,3vw,2.5rem);transition:background-color .25s,border-color .25s;position:sticky;top:calc(3rem - 1px)}@media (width>=768px){.projects-page__bar{top:calc(3.5rem - 1px)}}.projects-page__bar[data-stuck]{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom-color:var(--border);box-shadow:0 4px 24px #0003}.projects-page__bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:.85rem;display:flex}.projects-page__count{align-items:baseline;gap:.5rem;margin:0;display:flex}.projects-page__count-num{letter-spacing:-.02em;color:color-mix(in oklch, var(--primary) 50%, white);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.projects-page__count-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground) 45%, transparent);font-size:.6rem}.projects-page__cta{border-top:1px solid oklch(100% 5.96046e-8 none/.08);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;padding-top:clamp(2rem,4vw,3rem);display:flex}.projects-page__cta-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch, var(--primary) 60%, white);font-size:.64rem}.projects-page__cta-title{letter-spacing:-.025em;text-wrap:balance;margin-top:.6rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.1}@media (prefers-reduced-motion:no-preference){.projects-page__crumbs,.projects-page__eyebrow,.projects-page__title,.projects-page__lede,.projects-page__stats,.projects-page__bar{animation:projects-page-rise .7s var(--ease-out-expo) both}.projects-page__crumbs{animation-delay:20ms}.projects-page__eyebrow{animation-delay:.1s}.projects-page__title{animation-delay:.18s}.projects-page__lede{animation-delay:.28s}.projects-page__stats{animation-delay:.34s}.projects-page__bar{animation-delay:.44s}}@keyframes projects-page-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.projects-page__crumbs,.projects-page__eyebrow,.projects-page__title,.projects-page__lede,.projects-page__stats,.projects-page__bar{animation:none}}
