.page-projects{background:var(--dp-white);color:var(--dp-text);overflow-x:clip}.projects-hero{position:relative;min-height:clamp(520px,48vw,700px);display:flex;align-items:flex-end;overflow:hidden;background:var(--dp-black);color:#fff}.projects-hero__bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,7,.90),rgba(5,4,7,.58) 55%,rgba(5,4,7,.20)),url('../images/projects/featured-projects-bg.webp') center/cover}.projects-hero__inner{position:relative;z-index:1;width:100%;padding-block:74px 88px}.projects-hero__copy{max-width:820px}.projects-hero__copy .hero-subtitle-mask{justify-content:flex-start;margin-bottom:10px}.projects-hero__copy .eyebrow{color:#fff}.projects-hero h1{max-width:800px;color:#fff;font-size:var(--dp-h1);line-height:.9}.projects-hero h1 .dp-title-accent{color:var(--dp-purple-soft)}.projects-hero p:last-child{max-width:690px;margin-top:17px;color:rgba(255,255,255,.76);font-size:var(--dp-body-lg);line-height:1.65}.projects-list{background:var(--dp-paper)}.projects-list__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,500px);gap:40px;align-items:end;margin-bottom:42px}.projects-list__head h2{margin-top:7px;color:var(--dp-black)}.projects-list__head>p{color:var(--dp-muted);font-size:.93rem;line-height:1.7}.projects-list .featured-project-card{background:#0b0910;border-color:rgba(255,255,255,.12)}.projects-list .featured-project-card__body h3{color:#fff}.projects-list .featured-project-card__category{color:rgba(255,255,255,.72)}.projects-list .featured-project-card__button{margin-top:auto}@media (max-width:900px){.projects-list__head{grid-template-columns:1fr}}@media (max-width:680px){.projects-hero{min-height:570px}.projects-hero__inner{padding-block:60px 72px}.projects-hero h1{font-size:var(--dp-h1)}}

.projects-list .featured-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.projects-list .featured-project-card__media{aspect-ratio:1.45/1}.projects-list .featured-project-card__body{min-height:206px}
@media (max-width:680px){.projects-list .featured-projects-grid{grid-template-columns:1fr;gap:12px}.projects-list .featured-project-card__media{aspect-ratio:1.24/1}.projects-list .featured-project-card__body{min-height:208px}}