.freestanding-case .project-detail-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(11,13,16,.83),rgba(11,13,16,.24)),url("images/projects/freestanding-glass-pergola/glass-enclosure-at-dusk.jpg");background-position:center;background-size:cover}
.freestanding-case .project-detail-hero>*{position:relative;z-index:1}.freestanding-case .project-detail-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 50%,rgba(7,8,10,.22));z-index:-1}
.project-photo{margin:0;min-height:430px;overflow:hidden;background:#272a28}.project-photo img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.project-photo figcaption{padding:10px 14px;background:#fff;color:#5f625d;font-size:11px;line-height:1.45}.freestanding-case .project-story-image{padding:0}.freestanding-case .project-story-image .project-photo{width:100%;height:100%}.freestanding-case .project-story-image .project-photo img{min-height:430px}.freestanding-case .project-gallery{grid-template-columns:2fr 1fr 1fr}.freestanding-case .project-gallery .project-photo{min-height:260px}.freestanding-case .project-gallery .project-photo:first-child{min-height:540px;grid-row:span 2}.freestanding-case .project-gallery .project-photo img{min-height:220px}.freestanding-case .project-gallery .project-photo:first-child img{min-height:500px}.freestanding-case .project-gallery .project-photo:nth-child(2) img{object-position:center 35%}.freestanding-case .project-gallery .project-photo:nth-child(3) img{object-position:center}.freestanding-case .project-gallery .project-photo:nth-child(4) img{object-position:center 42%}@media(max-width:850px){.freestanding-case .project-gallery{grid-template-columns:1fr 1fr}.freestanding-case .project-gallery .project-photo:first-child{grid-column:1/-1;grid-row:auto}.freestanding-case .project-gallery .project-photo:first-child img{min-height:360px}}@media(max-width:520px){.freestanding-case .project-gallery{grid-template-columns:1fr}.freestanding-case .project-gallery .project-photo:first-child{grid-column:auto}.freestanding-case .project-gallery .project-photo img,.freestanding-case .project-gallery .project-photo:first-child img{min-height:300px}}
/* Fixed project-photo frames: portrait source images crop consistently with other project cases. */
.freestanding-case .project-detail-hero{background-image:linear-gradient(90deg,rgba(11,13,16,.83),rgba(11,13,16,.24)),url("images/projects/freestanding-glass-pergola/glass-enclosure-at-dusk.jpg")!important}
.freestanding-case .project-gallery .project-photo{height:260px;min-height:0!important;aspect-ratio:auto}
.freestanding-case .project-gallery .project-photo:first-child{height:540px;min-height:0!important}
.freestanding-case .project-gallery .project-photo img{height:100%!important;min-height:0!important;object-fit:cover}
.freestanding-case .project-story-image{height:540px;min-height:540px}
.freestanding-case .project-story-image .project-photo,.freestanding-case .project-story-image .project-photo img{height:100%;min-height:0!important;object-fit:cover}
@media(max-width:850px){.freestanding-case .project-gallery .project-photo:first-child{height:360px}.freestanding-case .project-story-image{height:420px;min-height:420px}}
@media(max-width:520px){.freestanding-case .project-gallery .project-photo,.freestanding-case .project-gallery .project-photo:first-child{height:300px}.freestanding-case .project-story-image{height:320px;min-height:320px}}
/* Balance the project overview copy without shortening it. */
.freestanding-case .story-intro{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(36px,5vw,84px);align-items:center}
.freestanding-case .story-intro .lead{max-width:850px;font-size:clamp(32px,3.35vw,48px);line-height:1.1}
.freestanding-case .story-intro>div:last-child{max-width:540px}
.freestanding-case .story-intro>div:last-child h2{margin-top:0}
@media(max-width:900px){.freestanding-case .story-intro{grid-template-columns:1fr;gap:26px;align-items:start}.freestanding-case .story-intro>div:last-child{max-width:760px}}