@layer components{.project-intro__headline{text-indent:1.35em;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:600;line-height:.95;display:block}.project-intro__word{vertical-align:baseline;text-indent:0;margin-bottom:-.02em;padding-bottom:.04em;display:inline-block;overflow:hidden}.project-intro__word-inner{will-change:transform;padding-top:.02em;display:inline-block}.project-intro__line{display:block;overflow:hidden}.project-intro__line-inner{will-change:transform;display:block}.project-intro__stack{border-radius:var(--radius-sm);clip-path:inset(0 round var(--radius-sm));-webkit-clip-path:inset(0 round var(--radius-sm));font-family:var(--font-mono);letter-spacing:normal;text-transform:uppercase;color:#fff;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-flex;position:relative;overflow:hidden}.project-intro__stack-mask{z-index:0;background-color:var(--color-accent);transform-origin:50%;will-change:transform;position:absolute;inset:0}.project-intro__stack-label{z-index:1;display:block;position:relative;overflow:hidden}.project-intro__stack-label-inner{will-change:transform;display:block}.project-intro__collab{margin:0}@media (prefers-reduced-motion:no-preference){[data-project-intro]:not(.is-intro-revealed) [data-project-intro-headline],[data-project-intro]:not(.is-intro-revealed) [data-project-intro-collab],[data-project-intro]:not(.is-intro-revealed) [data-project-intro-stacks]{opacity:0}}}