.project-intro.project-intro{box-sizing:border-box;background:var(--white);width:100%;color:var(--text-primary);margin:0}.project-intro .project-intro__inner{width:calc(100% - var(--pad-x) * 2);max-width:var(--max-w);margin-inline:auto;padding:clamp(2rem,4vw,4rem) 0 clamp(2.5rem,4vw,4rem)}.project-intro .project-intro__back{color:var(--text-secondary);font:400 .7rem/1.5 var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.project-intro .project-intro__title{text-align:center;text-wrap:balance;overflow-wrap:break-word;font:400 clamp(3rem, 7vw, 6rem)/1.3 var(--font-accent);color:var(--text-primary);margin:2.5rem 0 0;padding:.15em .18em}.project-intro .project-intro__subtitle{text-align:center;max-width:45rem;color:var(--text-secondary);font:300 .85rem/1.7 var(--font-body);margin:.5rem auto 2.5rem}.project-intro .project-intro__meta{text-align:center;color:var(--text-secondary);font:400 .7rem/1.6 var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #e7e2db;flex-wrap:wrap;justify-content:center;gap:.75rem 2.5rem;padding:1.5rem 0;display:flex}.project-intro .project-intro__links{flex-wrap:wrap;justify-content:center;gap:.75rem 2.5rem;padding-top:1.5rem;display:flex}.project-intro .project-intro__links a{color:#704953;font:400 .72rem/1.6 var(--font-display);text-decoration:none}.project-intro .project-intro__links a:hover{text-underline-offset:4px;text-decoration:underline}.project-intro a:focus-visible{outline-offset:5px;outline:2px solid #704953}:is([id^=project-],[id^=ecp-project-],[id^=cd-project-]){scroll-margin-top:6rem}@media (width<=600px){.project-intro .project-intro__inner{width:calc(100% - 2.5rem)}.project-intro .project-intro__title{margin-top:1.75rem;font-size:clamp(2.5rem,10vw,3.75rem)}.project-intro .project-intro__meta{flex-direction:column;gap:.5rem}.project-intro .project-intro__links{gap:.8rem 1.5rem}}