.projects-hero{background:var(--navy-deep);color:#fff;padding:155px 0 65px}.projects-heading{padding-top:0;padding-bottom:0}.projects-heading h1{letter-spacing:-.035em;max-width:850px;margin:0;font-size:clamp(42px,5.5vw,72px);line-height:1.07}.projects-intro{color:#c9d7e2;max-width:690px;margin:25px 0 0;font-size:18px;line-height:1.7}.project-dossiers{padding-top:32px;padding-bottom:90px}.projects-note{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:0 0 28px;font-size:14px;line-height:1.6}.project-dossier{padding-top:52px}.project-dossier+.project-dossier{border-top:1px solid var(--line);margin-top:62px}.project-title{align-items:flex-start;gap:25px;margin-bottom:30px;display:flex}.project-number{color:var(--red);letter-spacing:-.04em;font-size:46px;font-weight:700;line-height:1}.project-title .eyebrow{margin:0 0 12px;font-size:14px}.project-title h2{letter-spacing:-.025em;max-width:750px;margin:0;font-size:clamp(28px,3.1vw,40px);line-height:1.18}.project-content{grid-template-columns:1.15fr 1fr;align-items:start;gap:42px;display:grid}.project-content figure{margin:0}.project-content img{aspect-ratio:3/2;object-fit:cover;background:var(--paper);width:100%;height:auto;display:block}.project-content figcaption{color:var(--muted);max-width:560px;margin-top:14px;font-size:14px;line-height:1.6}.project-brief{background:var(--paper);border-top:3px solid var(--red);padding:28px 30px}.project-file{color:var(--navy);margin:0 0 24px;font-size:14px;font-weight:700}.project-brief dl{margin:0}.project-brief dl>div+div{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.project-brief dt{color:var(--navy);margin-bottom:7px;font-size:16px;font-weight:750}.project-brief dd{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.project-tags{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.project-tags li{border:1px solid var(--line);color:var(--navy);background:#fff;padding:7px 10px;font-size:14px;line-height:1.4}@media (min-width:961px){.project-dossier:nth-of-type(2n) .project-content figure{order:2}.project-dossier:nth-of-type(2n) .project-content{grid-template-columns:1fr 1.15fr}}@media (max-width:960px){.project-content{grid-template-columns:1fr;gap:24px}.projects-hero{padding-top:145px}}@media (max-width:640px){.projects-hero{padding:125px 0 45px}.project-title{gap:16px}.project-number{font-size:34px}.project-title h2{font-size:28px}.project-brief{padding:24px 20px}.project-dossier{padding-top:35px}.project-dossier+.project-dossier{margin-top:38px}.project-dossiers{padding-bottom:55px}}
