/* Completed roof project: Nadvirna community, Retro RAL 8019. */
.home-case--nadvirna .home-case-photo img{object-position:50% 65%}
.roof-project{padding:80px 0;background:#f4f7f8}
.roof-project>.wrap{scroll-margin-top:8px}
.roof-project-heading{max-width:850px;margin-bottom:32px}
.roof-project-heading .section-kicker{margin-bottom:14px}
.roof-project h2{font-size:clamp(1.9rem,3.6vw,3.25rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}
.roof-project-heading>p:last-child{margin:0;color:#52636e;font-size:1.05rem;max-width:760px}
.roof-project-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;align-items:start}
.roof-project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.roof-project-photo{position:relative;display:block;overflow:hidden;background:#dce4e8;min-width:0}
.roof-project-photo--overview{grid-column:1/-1}
.roof-project-photo img{display:block;width:100%;height:235px;object-fit:cover;object-position:center 60%}
.roof-project-photo--overview img{height:auto;aspect-ratio:4/3;object-position:center 64%}
.roof-project-photo>span{display:block;padding:10px 13px;color:#243844;background:#e6edf0;font-size:.82rem;line-height:1.45}
.roof-project-photo:focus-visible{outline:3px solid #f6a51c;outline-offset:4px}
.roof-project-details{padding:30px;background:#fff;border:1px solid #d3dde2;border-top:4px solid #f6a51c}
.roof-project-facts{margin:0 0 25px}
.roof-project-facts>div{padding:13px 0;border-bottom:1px solid #e0e6e9}
.roof-project-facts>div:first-child{padding-top:0}
.roof-project-facts dt{font-size:.8rem;color:#657783}
.roof-project-facts dd{margin:4px 0 0;font-size:1.08rem;line-height:1.45;font-weight:750;color:#172c3a}
.roof-project-details h3{font-size:1.2rem;line-height:1.3;margin:0 0 12px}
.roof-project-details ul{padding-left:20px;margin:0 0 25px;color:#465e6d}
.roof-project-details li+li{margin-top:8px}
.roof-project-cost{padding:20px;background:#f3f6f8;border-left:3px solid #f6a51c;margin-bottom:18px}
.roof-project-cost>span{display:block;color:#52636e;font-size:.84rem}
.roof-project-cost strong{display:block;margin-top:3px;font-size:1.9rem;line-height:1.3;color:#111b24}
.roof-project-cost p{margin:10px 0 0;color:#536975;font-size:.83rem;line-height:1.6}
.roof-project-details .button{width:100%;white-space:normal;text-align:center}
.roof-project-hint{font-size:.83rem;color:#60727e;margin:14px 0 0}
@media(max-width:900px){.roof-project-layout{grid-template-columns:1fr;gap:26px}.roof-project-photo img{height:280px}.roof-project-photo--overview img{height:auto}}
@media(max-width:560px){.roof-project{padding:56px 0}.roof-project-gallery{gap:10px}.roof-project-photo img{height:210px}.roof-project-photo--overview img{height:auto}.roof-project-photo>span{padding:9px;font-size:.76rem}.roof-project-details{padding:24px 20px}.roof-project h2{font-size:2rem}}