@layer module{.kh-projects{background:#fff;padding:var(--kh-section-y) var(--kh-gutter)}.kh-projects__head-wrap .kh-section-head{margin-bottom:48px}.kh-projects__grid{display:grid;gap:clamp(20px,2.4vw,32px);grid-template-columns:repeat(var(--kh-project-columns,3),minmax(0,1fr))}.kh-project-banner[hidden],.kh-project-card[hidden]{display:none}.kh-project-card{display:flex;flex-direction:column;gap:18px;text-decoration:none}.kh-project-card__media{aspect-ratio:4/3;background:#efede8;overflow:hidden;position:relative;width:100%}.kh-project-card__media img{object-position:var(--kh-project-focal,50% 50%);transition:transform .5s ease}a.kh-project-card:focus-visible .kh-project-card__media img,a.kh-project-card:hover .kh-project-card__media img{transform:scale(1.04)}.kh-project-card__body{display:flex;flex-direction:column;gap:9px}.kh-project-card__category{color:var(--kh-muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.kh-project-card__title{color:var(--kh-navy);font-size:19px;font-weight:600}.kh-projects__banners{display:flex;flex-direction:column}.kh-projects__banners--spaced{gap:clamp(24px,3vw,40px)}.kh-projects__banners--flush{gap:0}.kh-project-banner{aspect-ratio:21/10;display:block;overflow:hidden;position:relative;text-decoration:none}.kh-project-banner>img{object-position:var(--kh-project-focal,50% 50%)}.kh-project-banner__scrim{background:linear-gradient(0deg,rgba(12,18,28,.86) 0,rgba(12,18,28,.55) 42%,rgba(12,18,28,0));bottom:0;height:62%;left:0;pointer-events:none;position:absolute;right:0}.kh-project-banner__body{align-items:center;bottom:0;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;left:0;padding:clamp(28px,3vw,44px) var(--kh-gutter);position:absolute;right:0}.kh-project-banner__category{color:hsla(0,0%,100%,.72);font-size:11.5px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.kh-project-banner__title{color:#fff;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.2;margin:0}.kh-project-banner__button{flex:none}.kh-projects--banner{padding-inline:0}.kh-projects--banner .kh-projects__head-wrap{padding-inline:var(--kh-gutter)}.kh-projects--banner .kh-projects__banners:not(.kh-bleed){margin-inline:auto;max-width:var(--kh-max-width);padding-inline:var(--kh-gutter)}@media (max-width:960px){.kh-projects__grid{grid-template-columns:minmax(0,1fr)}.kh-project-banner{aspect-ratio:4/3}}}