.projects-hero { padding: 170px 0 80px; background: var(--v2-paper); }
.projects-hero h1 { max-width: 750px; margin: 0; font-size: clamp(54px, 9vw, 136px); font-weight: 300; line-height: .86; letter-spacing: -.045em; }
.projects-intro { max-width: 540px; margin-top: 30px; color: var(--v2-ink-soft); }
.hero-motion.projects-hero .section-kicker { transition: opacity .9s .2s cubic-bezier(.22, .61, .36, 1), transform .9s .2s cubic-bezier(.22, .61, .36, 1), filter .9s .2s cubic-bezier(.22, .61, .36, 1); }
.hero-motion.projects-hero h1 { transition: opacity .9s .35s cubic-bezier(.22, .61, .36, 1), transform .9s .35s cubic-bezier(.22, .61, .36, 1), filter .9s .35s cubic-bezier(.22, .61, .36, 1); }
.hero-motion.projects-hero .projects-intro { transition: opacity .9s .55s cubic-bezier(.22, .61, .36, 1), transform .9s .55s cubic-bezier(.22, .61, .36, 1), filter .9s .55s cubic-bezier(.22, .61, .36, 1); }
.hero-motion.projects-hero .section-kicker,
.hero-motion.projects-hero h1,
.hero-motion .projects-intro {
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    filter: blur(8px);
}
.hero-motion.hero-motion-ready.projects-hero .section-kicker,
.hero-motion.hero-motion-ready.projects-hero h1,
.hero-motion.hero-motion-ready .projects-intro {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: blur(0);
}
.hero-motion.projects-hero .section-kicker { transition-delay: .2s; }
.hero-motion.projects-hero h1 { transition-delay: .36s; }
.hero-motion.projects-hero .projects-intro { transition-delay: .56s; }
.projects-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.not-found { min-height: 78vh; display: grid; place-items: center; padding: 140px 0 80px; }
.not-found__inner { width: var(--v2-container); }
.not-found h1 { margin: 0 0 24px; font-size: clamp(82px, 18vw, 260px); font-weight: 300; line-height: .78; letter-spacing: -.02em; }
.not-found p { max-width: 420px; margin-bottom: 34px; color: var(--v2-ink-soft); }
@media (max-width: 620px) { .projects-grid { grid-template-columns: 1fr; } .projects-hero { padding-top: 130px; } }

@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
    .hero-motion.projects-hero .section-kicker,
    .hero-motion.projects-hero h1,
    .hero-motion.projects-hero .projects-intro {
        transform: translate3d(0, 22px, 0);
        filter: blur(5px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-motion.projects-hero .section-kicker,
    .hero-motion.projects-hero h1,
    .hero-motion.projects-hero .projects-intro {
        transform: none;
        opacity: 1;
        filter: none;
        transition: none;
    }
}