.hero-project{background:var(--background);color:var(--foreground);padding-block:48px 64px}.hero-project .eyebrow{margin-top:28px}.hero-project .h1{max-width:20ch;margin-top:20px}.hero-project .outcome{color:var(--muted-foreground);text-wrap:pretty;max-width:40ch;margin:20px 0 0}.hero-project .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:40px 0 0;padding-top:20px;display:grid;position:relative}.hero-project .facts:before{content:"";background:var(--border);transform-origin:0;height:1px;animation:hero-project-draw .9s var(--ease-in-out) .3s both;position:absolute;top:0;left:0;right:0}.hero-project .facts dt{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:12px}.hero-project .facts dd{margin:6px 0 0;font-size:15px;line-height:1.5}.hero-project .facts .wide{grid-column:1/-1}.hero-project .hero-cover{aspect-ratio:16/9;border:1px solid var(--border);background:var(--muted);border-radius:8px;margin-top:48px;position:relative;overflow:hidden}@container (min-width:768px){.hero-project{padding-block:96px 104px}.hero-project .facts{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-project .facts .wide{grid-column:span 2}}@keyframes hero-project-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hero-project-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-project-cover-in{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:none}}.hero-project .crumbs{animation:hero-project-fade-up .5s var(--ease-out) both}.hero-project .eyebrow,.hero-project .h1{animation:hero-project-fade-up .6s var(--ease-out) 80ms both}.hero-project .outcome{animation:hero-project-fade-up .6s var(--ease-out) .2s both}.hero-project .facts>div{animation:hero-project-fade-up .56s var(--ease-out) .38s both}.hero-project .hero-cover{animation:hero-project-cover-in .7s var(--ease-in-out) .26s both}