.project-gallery{gap:1vw;width:100%;margin-top:10dvh;padding-bottom:12dvh;display:grid}.project-gallery__row{width:100%;min-height:70dvh;transition:grid-template-columns var(--transition-smooth);gap:1vw;display:grid}.project-gallery__item{min-width:0;height:100%;transition:transform var(--transition-smooth);outline:0;position:relative;overflow:hidden}.project-gallery__image{object-fit:cover;transform:translate(-50%);width:100%!important;max-width:none!important;height:100%!important;inset:0 auto auto 50%!important}.project-gallery__item:focus-visible{outline:1px solid var(--color-white);outline-offset:.25rem}@media (max-width:760px){.project-gallery{gap:var(--site-padding)}.project-gallery__row{gap:var(--site-padding);min-height:auto;transition:none;grid-template-columns:1fr!important}.project-gallery__item{height:58svh}.project-gallery__image{transform:none;width:calc(100vw - (var(--site-padding) * 2))!important;left:0!important}}
.project-hero{width:100%;height:calc(100dvh - var(--navbar-height));margin-top:var(--navbar-height);position:relative}.project-hero__visual{width:100%;height:100%;position:relative;overflow:hidden}.project-hero__image{object-fit:cover;width:100%;height:100%}.project-hero__caption{text-align:left;gap:.35rem;max-width:min(36rem,70vw);display:grid;position:absolute;bottom:clamp(5rem,10dvh,8rem);left:2rem}.project-hero__category{color:var(--color-white);transform:translate(6px)}@media (max-width:760px){.project-hero{margin-top:calc(var(--navbar-height) * 2);height:calc(100svh - var(--navbar-height) * 3)}.project-hero__caption{max-width:none;bottom:clamp(4rem,9svh,6rem);left:1.25rem;right:1.25rem}}
.project-colors{place-items:center;width:80%;min-height:100dvh;margin-left:auto;margin-right:auto;display:grid;position:relative}.project-colors__inner{z-index:1;align-items:center;width:100%;min-height:100dvh;display:grid;position:relative}.project-colors__palette{z-index:1;width:100%;height:15dvh;transition:grid-template-columns var(--transition-smooth);gap:1vw;display:grid}.project-colors__swatch{border:1px solid var(--project-colors-swatch-border,transparent);border-radius:var(--media-radius);background:var(--project-colors-swatch);will-change:transform;outline:0;min-width:0;height:100%;padding:0;transition:border-color .12s,filter .12s}.project-colors__swatch:hover,.project-colors__swatch:focus-visible,.project-colors__swatch[aria-pressed=true]{border-color:var(--color-white);filter:saturate(1.08)}.project-colors__swatch:focus-visible{outline:1px solid var(--color-white);outline-offset:.35rem}.project-colors__caption{z-index:2;color:var(--project-colors-caption-color,var(--color-white));text-align:center;pointer-events:none;opacity:0;gap:.75rem;transition:opacity .12s,transform .16s;display:grid;position:absolute;bottom:2vw;left:0;right:0;transform:translateY(1rem)}.project-colors__caption .site-subtitle,.project-colors__caption .site-text{color:currentColor}.project-colors__caption--visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.project-colors{width:calc(100vw - (var(--site-padding) * 2));min-height:100svh}.project-colors__inner{min-height:100svh}}@media (max-width:760px){.project-colors__palette{gap:.75rem;height:12svh}.project-colors__caption{bottom:12svh}}
.project-info{grid-template-columns:1fr;width:80%;min-height:40dvh;margin-top:10dvh;margin-left:auto;margin-right:auto;display:grid}.project-info__item{border-top:1px solid var(--color-gray);grid-template-columns:minmax(8rem,20%) minmax(0,1fr);align-items:center;gap:2rem;min-height:8dvh;padding:1.5rem 0;display:grid}.project-info__item:last-child{border-bottom:1px solid var(--color-gray)}@media (max-width:760px){.project-info{width:calc(100vw - (var(--site-padding) * 2));min-height:40svh}.project-info__item{grid-template-columns:1fr;gap:.75rem;min-height:8svh}}