.projects-hero,.project-detail-hero{background:#111;color:#fff;padding:clamp(5rem,10vw,9rem) 0}.projects-hero h1,.project-detail-hero h1{font-size:clamp(3.5rem,9vw,7.5rem);line-height:.9;margin:.4rem 0 1.25rem}.projects-hero p,.project-detail-hero p{max-width:760px;font-size:1.15rem;line-height:1.65}.projects-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.projects-toolbar label{font-weight:700}.projects-toolbar select{min-width:240px;padding:.8rem;border:1px solid #bbb;background:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.project-card{border:1px solid #ddd;background:#fff}.project-card a{color:inherit;text-decoration:none}.project-card img{display:block;width:100%;height:260px;object-fit:cover}.project-card div{padding:1.4rem}.project-card span{color:#f10b0b;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-card h2{font-size:1.45rem;line-height:1.1;margin:.6rem 0}.project-card p{color:#505050;line-height:1.55}.project-card strong{display:inline-block;margin-top:.75rem;color:#ed1010}.project-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.project-detail-hero figure{margin:0}.project-detail-hero img{display:block;width:100%;max-height:650px;object-fit:cover}.project-detail-hero figcaption{font-size:.8rem;color:#bbb;margin-top:.55rem}.project-back{color:#fff}.project-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.project-outline{border:1px solid #f10b0b;color:#fff}.project-story{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.project-story p,.project-story li{font-size:1.05rem;line-height:1.7}.project-story aside{border-left:4px solid #f10b0b;padding-left:2rem}.project-answer{background:#f5f5f5;padding:5rem 0}.project-answer p{max-width:780px;font-size:1.15rem;line-height:1.65}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-detail-grid,.project-story{grid-template-columns:1fr}.project-detail-grid{gap:2rem}.project-detail-hero figure{order:-1}}@media(max-width:620px){.projects-grid{grid-template-columns:1fr}.projects-toolbar{align-items:stretch;flex-direction:column}.project-card img{height:230px}.project-detail-hero{padding-top:2rem}.project-detail-hero h1{font-size:3.1rem}}