.ddb-project-story{color:#171717;background:#fff;padding-block:clamp(54px,7vw,100px)}.project-story-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.project-story-heading>.text-link{flex-shrink:0;min-height:44px}.project-story-heading h2{font:400 clamp(2.8rem,5vw,5rem)/1.02 var(--serif);letter-spacing:-.045em;margin:0}.project-detail-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(90px,9vw,138px);grid-auto-flow:dense;gap:12px;margin-top:36px;display:grid}.project-detail-card{min-width:0;color:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:0;grid-area:span 2/span 2;padding:0;display:block}.project-detail-card[data-shape=square]{grid-row:span 3}.project-detail-card[data-shape=wide]{grid-area:span 3/span 4}.project-detail-card[data-shape=tall]{grid-row:span 4}.project-detail-image{width:100%;height:100%;display:block;position:relative;overflow:hidden}.project-detail-image img{object-fit:cover;transition:transform .6s,filter .3s}.project-detail-card:hover img{filter:brightness(1.03);transform:scale(1.025)}.project-detail-card:focus-visible{outline-offset:3px;outline:3px solid #8b6b16}.project-story-more{justify-content:flex-end;margin-top:32px;display:flex}.project-photo-dialog:not([open]){display:none}.project-photo-dialog{color:#fff;background:#101210;border:0;grid-template-rows:minmax(0,1fr) auto;gap:16px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:68px 24px 20px;display:grid}.project-photo-dialog::backdrop{background:#101210}.project-photo-full{width:100%;min-height:0;position:relative}.project-photo-close{z-index:1;position:absolute;top:14px;right:18px}.project-photo-dialog button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff60;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:inline-flex}.project-photo-dialog button:hover{background:#ffffff18}.project-photo-dialog button:focus-visible{outline-offset:3px;outline:3px solid #ffd633}.project-photo-controls{justify-content:center;gap:20px;display:flex}@media (max-width:1119px){.project-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(84px,11vw,130px)}}@media (max-width:700px){.project-story-heading{flex-direction:column;align-items:flex-start;gap:16px}.project-detail-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;margin-top:28px}.project-detail-card,.project-detail-card[data-shape=wide]{grid-area:auto}.project-detail-card[data-shape=square],.project-detail-card[data-shape=tall]{grid-row:auto}.project-detail-image{aspect-ratio:4/3;height:auto}.project-detail-card[data-shape=wide] .project-detail-image{aspect-ratio:16/10}.project-detail-card[data-shape=square] .project-detail-image{aspect-ratio:1}.project-detail-card[data-shape=tall] .project-detail-image{aspect-ratio:4/5}.project-photo-dialog{padding:66px 10px 16px}}@media (prefers-reduced-motion:reduce){.project-detail-image img{transition:none}.project-detail-card:hover img{transform:none}}
