.portfolio-page{background:#f7f6f2}.portfolio-intro{padding:78px 6vw 62px;text-align:center;background:#ebe7e0}.portfolio-intro h1{margin:0 0 22px;font-size:clamp(3.6rem,6vw,6.5rem)}.portfolio-intro p{max-width:880px;margin:auto;color:#4f4c47;font-size:17px;line-height:1.75}.transformation{display:grid;grid-template-columns:.72fr 1.45fr;gap:45px;align-items:center;max-width:1380px;margin:auto;padding:70px 5vw}.transformation-copy h2{margin:8px 0 18px;font-size:clamp(2.5rem,4vw,4.5rem)}.transformation-copy>p:last-child{margin:0;color:#59554f;line-height:1.75}.comparison{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.comparison figure{position:relative;margin:0}.comparison img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.comparison figure+figure{border-left:2px solid #fff}.comparison figcaption{position:absolute;right:14px;bottom:14px;padding:7px 12px;background:#191919;color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-section{padding:68px 5vw 90px;background:#fff}.project-filters{display:flex;justify-content:center;gap:30px;margin:0 auto 38px;color:#6c6862;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-filters .active{color:#b48a55;border-bottom:2px solid #b48a55}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1320px;margin:auto}.project-card{overflow:hidden;background:#f7f6f2;border:1px solid #e0ddd7}.project-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.project-card>div{padding:27px}.project-type{margin:0 0 10px;color:#9a7447;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.project-card h2{margin:0 0 14px;font-size:clamp(1.7rem,2.2vw,2.35rem);line-height:1.15}.project-card>div>p:last-child{margin:0;color:#5a5650;font-size:15px;line-height:1.7}.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:66px 8vw;background:#eee8dd}.portfolio-cta h2{margin:0 0 12px;font-size:clamp(2.3rem,3.7vw,4rem)}.portfolio-cta p{max-width:760px;margin:0;color:#5b5751}.portfolio-cta .button{flex:0 0 auto}@media(max-width:980px){.transformation{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.portfolio-intro{padding:52px 7vw 44px}.comparison{grid-template-columns:1fr}.comparison figure+figure{border-top:2px solid #fff;border-left:0}.project-filters{flex-wrap:wrap;gap:18px 24px}.project-grid{grid-template-columns:1fr}.portfolio-cta{align-items:flex-start;flex-direction:column}}