.projects-page{--turquoise:#63c1cb}
.projects-page header nav a.active,.projects-page .eyebrow{color:var(--orange)}
.projects-page .button{border-radius:0}
.projects-hero{min-height:580px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--ink)}
.projects-hero>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.projects-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(24,18,15,.88),rgba(24,18,15,.5) 52%,rgba(24,18,15,.12))}
.projects-hero-content{padding-block:86px 72px}
.projects-hero h1{font-size:clamp(52px,7vw,90px);letter-spacing:-5px;line-height:1.02;margin:0 0 24px}
.projects-hero h1 em{color:var(--orange)}
.projects-hero .eyebrow{color:#fff}
.projects-hero-content>p:not(.eyebrow){max-width:680px;font-size:17px;line-height:1.7;color:#f5efeb}
.projects-index-wrap{background:#fff;border-bottom:1px solid var(--line)}
.projects-index{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.projects-index a{min-height:94px;padding:18px 15px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-right:1px solid var(--line);font-size:13px;font-weight:700;line-height:1.35;transition:background .2s,color .2s}
.projects-index a:first-child{border-left:1px solid var(--line)}
.projects-index a:hover{background:#e8f7f8;color:#17636b}
.projects-index a span{font-size:12px;letter-spacing:1.2px;color:var(--orange)}
.project-detail{padding-block:82px}
.project-row{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.project-row.reverse .project-art{order:2}
.project-row.reverse .project-copy{order:1}
.project-copy h2{font-size:clamp(30px,3.3vw,41px);line-height:1.17;letter-spacing:-1.4px;margin:0 0 22px}
.project-copy h2 em{font-style:normal;color:var(--orange)}
.project-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.project-art{position:relative;overflow:hidden;margin:0;background:#e7e1da}
.project-art img{display:block;width:100%;aspect-ratio:1.38;object-fit:cover;transition:transform .45s}
.project-art:hover img{transform:scale(1.025)}
.project-art figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 15px;background:#262321bd;color:#fff;font-size:11px;letter-spacing:.7px;text-transform:uppercase}
.project-progettomondo{background:#fff}
.project-racism{background:#262321;color:#fff}
.project-racism .eyebrow{color:var(--orange)}
.project-racism .project-copy h2{color:#fff}
.project-racism .project-copy>p:not(.eyebrow){color:#e3ddd7}
.project-racism .project-copy h2 em{color:#f5a515}
.project-lgbtq{background:var(--paper)}
.project-violence{background:var(--magenta);color:#fff}
.project-violence .eyebrow{color:#fff}
.project-violence .project-copy h2{color:#fff}
.project-violence .project-copy h2 em{color:var(--orange)}
.project-violence .project-copy>p:not(.eyebrow){color:#ffe6f0}
.project-afro{background:#fff}
.project-youth{background:#e8f7f8}
.project-youth .project-copy h2 em{color:var(--orange)}
.projects-cta{padding-block:72px;background:var(--paper)}
.projects-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.projects-cta .eyebrow{margin-bottom:12px}
.projects-cta h2{font-size:clamp(31px,3.5vw,44px);line-height:1.2;letter-spacing:-1.5px;margin:0}
.projects-cta h2 em{color:var(--orange);font-style:normal}
.projects-cta .button{background:var(--orange);border-color:var(--orange)}
@media(max-width:1050px){.projects-index{grid-template-columns:repeat(3,1fr)}.projects-index a:nth-child(4){border-left:1px solid var(--line)}.project-row{gap:42px}}
@media(max-width:760px){.projects-hero{min-height:550px}.projects-hero-content{padding-block:72px 56px}.projects-hero h1{font-size:58px;letter-spacing:-3.5px}.projects-hero-content>p:not(.eyebrow){font-size:15px}.projects-index{grid-template-columns:repeat(2,1fr)}.projects-index a{min-height:76px;padding:14px 12px;border-bottom:1px solid var(--line)}.projects-index a:nth-child(odd){border-left:1px solid var(--line)}.projects-index a:nth-child(4){border-left:0}.project-detail{padding-block:55px}.project-row,.project-row.reverse{grid-template-columns:1fr;gap:28px}.project-row .project-art,.project-row.reverse .project-art{order:-1}.project-row .project-copy,.project-row.reverse .project-copy{order:1}.project-copy h2{font-size:29px}.project-copy>p:not(.eyebrow){font-size:15px}.project-art img{aspect-ratio:1.35}.projects-cta-inner{align-items:flex-start;flex-direction:column}.projects-cta h2{font-size:32px}.projects-cta .button{min-width:250px}}