﻿.projects-hero{background:#151515;color:#fff;padding:28px 0 84px}.projects-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.06;letter-spacing:-.025em;max-width:700px;margin:0 0 22px}.projects-hero p:last-child{color:#aaa;line-height:1.7;max-width:500px;font-size:15px}.project-filter{background:#fff;border-bottom:1px solid #ddd}.project-filter .wrap{display:flex;gap:34px;overflow:auto}.project-filter button{border:0;border-bottom:2px solid transparent;background:none;padding:25px 0;font:700 11px Montserrat;white-space:nowrap;color:#555}.project-filter button.active{color:var(--orange);border-color:var(--orange)}.projects-list{padding:100px 0 150px}.projects-list .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:82px 26px}.project-card[hidden]{display:none}.project-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.45fr .55fr;gap:34px;align-items:end}.project-image{height:480px;background-position:center;background-size:cover}.featured .project-image{height:640px}.image-mountain{background-image:linear-gradient(transparent 55%,rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=85')}.image-terrace{background-image:linear-gradient(transparent 55%,rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1100&q=85')}.image-urban{background-image:linear-gradient(transparent 55%,rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1100&q=85')}.image-lounge{background-image:linear-gradient(transparent 55%,rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1100&q=85')}.project-meta p{color:var(--orange);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.project-meta h2{font-size:32px;margin:12px 0}.project-meta span{font-size:13px;color:#777}.projects-statement{padding:135px 0;background:#111;color:#fff}.projects-statement h2{font-size:clamp(34px,5vw,58px);line-height:1.1;margin:0 0 40px}.projects-statement .button{margin-top:6px}@media(max-width:700px){.projects-hero{padding:24px 0 62px}.projects-hero h1{font-size:42px}.projects-list{padding:70px 0 90px}.projects-list .wrap{grid-template-columns:1fr;gap:58px}.project-card.featured{grid-column:auto;display:block}.project-image,.featured .project-image{height:390px}.project-meta h2{font-size:27px}.projects-statement{padding:90px 0}}

