.portfolio-page{background:#f8f5f1}.portfolio-page .section{padding:52px 0}.portfolio-page .section-soft{background:#f1ece6}.portfolio-hero .hero-image{background-position:center}.lead-text{max-width:1040px;margin:0;color:#5e534b;font-size:18px;line-height:1.75}.project-counter{color:#766a61;font-weight:750}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{overflow:hidden;border:1px solid #e2d7cc;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(48,35,25,.07)}.before-after{--position:50%;position:relative;aspect-ratio:16/10;overflow:hidden;background:#d9d1c9;touch-action:pan-y}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-before{position:absolute;z-index:2;inset:0 auto 0 0;width:var(--position);overflow:hidden;border-right:2px solid #fff}.compare-before img{max-width:none}.compare-handle{position:absolute;z-index:5;top:0;bottom:0;left:var(--position);width:3px;padding:0;border:0;background:#fff;transform:translateX(-50%);cursor:ew-resize}.compare-handle span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:#d9780e;color:#fff;font-size:18px;transform:translate(-50%,-50%);box-shadow:0 5px 16px rgba(0,0,0,.25)}.compare-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-label{position:absolute;z-index:4;top:15px;padding:7px 11px;border-radius:999px;background:rgba(28,20,15,.74);color:#fff;font-size:12px;font-weight:850}.label-before{left:15px}.label-after{right:15px}.project-copy{padding:20px 22px 23px}.project-copy h3{margin:0 0 10px;color:#2c211b;font-size:22px;line-height:1.2}.project-copy p{margin:0;color:#6b5f56;font-size:15px;line-height:1.65}.portfolio-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:32px}.portfolio-pagination a{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:1px solid #d8cabc;border-radius:12px;background:#fff;color:#382a22;font-weight:850;text-decoration:none}.portfolio-pagination a:hover,.portfolio-pagination a.active{border-color:#d8780c;background:#d8780c;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portfolio-item{overflow:hidden;border-radius:18px;background:#fff;border:1px solid #e4dbd1;box-shadow:0 10px 28px rgba(48,35,25,.06)}.portfolio-item img{width:100%;height:230px;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover img{transform:scale(1.04)}.portfolio-item span{display:block;padding:13px 15px;font-size:13px;font-weight:800}.portfolio-page .consultation-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:40px}.portfolio-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portfolio-form label{display:grid;gap:7px;font-weight:750}.portfolio-form input,.portfolio-form textarea{width:100%;box-sizing:border-box;border:1px solid #d7cabd;border-radius:12px;padding:14px;font:inherit}.portfolio-form .wide{grid-column:1/-1}.privacy-consent{display:flex!important;align-items:flex-start;gap:9px!important;font-size:14px}.privacy-consent input{width:auto;margin-top:3px}.consultation-phone a{color:#c96e0c;font-weight:850}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.portfolio-page .section{padding:38px 0}.comparison-grid{grid-template-columns:1fr;gap:16px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.portfolio-item img{height:180px}.portfolio-page .consultation-card{grid-template-columns:1fr;padding:25px}.lead-text{font-size:16px}.project-copy h3{font-size:19px}.project-copy{padding:17px}}@media(max-width:430px){.portfolio-item img{height:145px}.portfolio-item span{font-size:11px;padding:10px}.portfolio-form{grid-template-columns:1fr}.portfolio-form label{grid-column:1}}