.project{width:100vw;min-height:100vh;padding:calc(var(--design-pixel-size) * 48 + max(44px, var(--design-pixel-size) * 64) + var(--design-pixel-size) * 60) calc(var(--design-pixel-size) * 60) calc(var(--design-pixel-size) * 60);color:var(--primary-white);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.project__photo{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project__scrim{z-index:1;background:linear-gradient(#00000073 0%,#00000026 35%,#0000008c 100%);position:absolute;inset:0}.project__head{z-index:2;align-items:flex-start;gap:calc(var(--design-pixel-size) * 80);display:flex;position:relative}.project__meta{width:calc(var(--column-width) * 3 + var(--gutter) * 2);flex-shrink:0}.project__metaLabel{font-size:var(--text-body);letter-spacing:-.033em;font-weight:600}.project__metaValue{opacity:.9}.project__headline{letter-spacing:-.04em;text-wrap:pretty;font-size:max(28px,3.3333vw);font-weight:500;line-height:1.08em}.project__specs{z-index:2;gap:calc(var(--design-pixel-size) * 60) calc(var(--design-pixel-size) * 80);margin-top:calc(var(--design-pixel-size) * 120);padding-left:calc(var(--column-width) * 3 + var(--gutter) * 2 + var(--design-pixel-size) * 80);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.project__closing{grid-column:1/-1}.project__closingLabel{margin-bottom:calc(var(--design-pixel-size) * 4);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:max(11px,.7292vw)}@media (width<=768px){.project{padding:32vw 6.4vw 12.8vw}.project__head{flex-direction:column;gap:6.4vw}.project__meta{width:100%}.project__specs{grid-template-columns:1fr 1fr;gap:8.5333vw 4.2667vw;margin-top:12.8vw;padding-left:0}}
