.references-hero{padding-block:clamp(6rem,13vw,12rem);background:var(--color-black);color:#fff}.references-hero .eyebrow{color:var(--color-primary)}.references-hero h1{max-width:11ch}.references-hero>div>p:not(.eyebrow){max-width:39rem;font-size:clamp(1.05rem,1.8vw,1.35rem)}.references-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:end}.references-intro h2{max-width:14ch}.references-intro>p{max-width:38rem;color:var(--color-gray-700);font-size:1.15rem}.references-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;border:1px solid var(--color-gray-200);background:var(--color-gray-200)}.references-categories__grid span{padding:1.5rem;background:#fff;font-weight:800}.references-projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.reference-card{text-decoration:none;border:1px solid var(--color-gray-200)}.reference-card__media{aspect-ratio:1.4;background:var(--color-gray-50);display:grid;place-items:center;color:var(--color-gray-700)}.reference-card__media img{width:100%;height:100%;object-fit:cover}.reference-card__content{padding:1.25rem}.reference-card__content h3{font-size:1.4rem}.references-empty{margin-top:2.5rem;padding:clamp(2rem,5vw,5rem);border:1px solid var(--color-gray-200);background:linear-gradient(135deg,var(--color-gray-50),#fff);max-width:52rem}.references-empty h3{font-size:clamp(1.8rem,3vw,2.75rem);max-width:14ch}.references-empty>p:not(.eyebrow){max-width:38rem;color:var(--color-gray-700);margin-bottom:1.75rem}
@media(max-width:900px){.references-hero .container,.references-intro,.references-categories .container,.references-projects{width:calc(100vw - 2rem)!important;margin-inline:auto}.references-intro{grid-template-columns:1fr}.references-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.references-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.references-hero{padding-block:4.5rem}.references-hero h1{font-size:clamp(2.45rem,11vw,3.2rem)}.references-categories__grid,.references-projects__grid{grid-template-columns:1fr}.references-categories__grid span{padding:1.25rem}.references-empty{padding:2rem}}