.b-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center;padding:20px 0 35px}.b-intro{font-size:17px;line-height:1.8;color:#63716c;margin:24px 0 28px}.b-hero-note{font-size:12px;color:#78857d;margin:25px 0 0}.b-hero-photo{height:450px;position:relative;border-radius:25px;overflow:hidden;background:#d9e0d8}.b-hero-photo>img{width:100%;height:100%;object-fit:cover;display:block}.b-hero-photo>div{position:absolute;inset:auto 0 0;padding:70px 25px 26px;background:linear-gradient(transparent,#182723d9);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px}.b-hero-photo span{max-width:170px;font-size:10px;letter-spacing:.13em;line-height:1.8}.b-hero-photo a{font-size:12px;font-weight:600;padding:10px 0}.b-nav{display:flex;flex-wrap:wrap;gap:8px}.b-nav a{border:1px solid #d2dcd2;border-radius:30px;padding:12px 17px;font-size:12px;line-height:1.5;min-height:44px}.b-nav a[aria-current]{background:#2d433a;color:white;border-color:#2d433a}.b-nav a:hover{border-color:#c61f30}.b-solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.b-solutions article{display:flex;flex-direction:column;align-items:start;background:white;border:1px solid #dce3da;border-radius:20px;padding:30px}.b-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#edf1e9;color:#5d7661;font-size:12px;margin-bottom:28px}.b-solutions article:nth-child(2) .b-number{background:#f0e9df;color:#92774e}.b-solutions article:nth-child(3) .b-number{background:#f7e8e5;color:#b2534b}.b-solutions p{font-size:14px;line-height:1.8;color:#63716c;margin:16px 0 22px}.b-solutions button{margin-top:auto;font-weight:600;font-size:12px;min-height:44px;color:#bd2636;text-align:left}.b-project{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:start}.b-diagram{position:sticky;top:160px;border-radius:22px;background:linear-gradient(135deg,#e4e9df,#f0e8d8);padding:30px 20px}.b-diagram svg{display:block;width:100%;height:auto}.b-diagram span{display:block;text-align:center;font-size:11px;line-height:1.7;color:#69776c;padding:20px}.b-project article{border-bottom:1px solid #d9e0d5;padding:24px 0}.b-project article p{font-size:14px;line-height:1.8;color:#63716c;margin:12px 0 0}.b-project h2{margin-bottom:15px}.b-albums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.b-albums>a{border:1px solid #d9e1d5;border-radius:20px;overflow:hidden;background:white}.b-albums img{display:block;width:100%;height:270px;object-fit:cover;transition:transform .25s}.b-albums a:hover img{transform:scale(1.025)}.b-albums a>div{padding:22px}.b-albums h3{font-size:18px}.b-albums span{font-size:12px;color:#707e72;display:block;margin-top:12px}.b-directory{border-top:1px solid #d4dfd4;padding-top:35px}.b-directory>div{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:25px;align-items:start}.b-directory details{border-bottom:1px solid #d4dfd4;padding:17px 0}.b-directory summary{cursor:pointer;font-size:15px;font-weight:600;min-height:30px}.b-directory ul{list-style:none;margin:12px 0 0;padding:0}.b-directory a{display:block;font-size:13px;color:#5e7064;padding:10px 0;line-height:1.6}.b-directory a[aria-current]{color:#b71c30;font-weight:600}.ol-balconies .d-request textarea{min-height:120px}.ol-balconies #balcony-solutions,.ol-balconies #balcony-request{scroll-margin-top:165px}.b-hero-photo :focus-visible{outline-color:white}
@media(max-width:1000px){.b-hero{gap:25px}.b-hero-photo{height:420px}.b-hero .c-actions{flex-direction:column;align-items:stretch;text-align:center}.b-project{gap:25px}.b-solutions article{padding:24px}.b-albums img{height:220px}}
@media(max-width:760px){.b-hero{grid-template-columns:1fr;gap:28px}.b-hero-photo{height:350px}.b-intro{font-size:16px}.b-solutions,.b-project{grid-template-columns:1fr}.b-diagram{position:static;max-width:600px}.b-albums{grid-template-columns:1fr}.b-albums img{height:300px}.b-directory>div{grid-template-columns:1fr}.b-hero .c-actions{flex-direction:row}.b-hero-photo>div{padding:60px 20px 20px}.b-number{margin-bottom:20px}}
@media(max-width:460px){.b-hero .c-actions{flex-direction:column}.b-hero-photo{height:300px}.b-intro{font-size:15px;margin:20px 0}.b-nav a{font-size:11px;padding:11px 13px}.b-hero-photo span{max-width:135px}.b-albums img{height:240px}.ol-balconies #balcony-solutions,.ol-balconies #balcony-request{scroll-margin-top:110px}.b-diagram{padding:20px 10px}}
@media(prefers-reduced-motion:reduce){.b-albums img{transition:none}}