.project-details{width:100%;max-width:var(--container-width);padding:80px var(--container-pad);grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:clamp(2rem,4vw,4rem);margin:0 auto;display:grid}main:has(>.project-details){background:#f5f5ef}.project-details__sidebar,.project-details__main{flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);display:flex}.project-overview__info{background:#fff;border-radius:20px;overflow:hidden}.project-overview__info-title{background:var(--accent);color:var(--accent-contrast);margin:0;padding:18px 40px;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);font-weight:600}.project-overview__info-list{padding:8px 20px 16px}.project-overview__info-list li{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:1rem;padding:20px 0;display:flex}.project-overview__info-list li:last-child{border-bottom:none}.project-overview__info-label{color:var(--foreground);white-space:nowrap;align-items:center;gap:.75rem;font-weight:600;display:inline-flex}.project-overview__info-label i{height:1.3rem;color:var(--accent);font-size:1.3rem}.project-overview__info-value{color:var(--muted);text-align:right}.project-overview__content{flex-direction:column;gap:1.25rem;display:flex}.project-overview__title{margin:0 0 .5rem;font-size:clamp(2rem,1.4rem + 2.5vw,3.25rem)}.project-overview__content p{margin:0}.project-details .project-contact__card{flex:1}.project-details .project-contact__logo{width:clamp(130px,12vw,160px);height:auto}.project-details .project-contact__card-image{aspect-ratio:auto;flex:1 1 0;min-height:0;container-type:size}@container (max-height:70px){.project-contact__card-image img{display:none}}.project-contact__gallery{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.project-contact__photo{border-radius:20px;position:relative;overflow:hidden}.project-contact__photo img{display:block}@media (max-width:900px){.project-details{padding:48px var(--container-pad);grid-template-columns:1fr}.project-overview__info-title{padding:18px 24px}.project-overview__info-list{padding:8px 15px 16px}.project-details .project-contact__card-image{aspect-ratio:16/9;flex:none;container-type:normal}}@media (max-width:560px){.project-contact__gallery{grid-template-columns:1fr}}