.projects-block{background:#f5f4f1}.projects-block .center{max-width:1200px;margin:0 auto;padding:72px 28px 96px}.projects-block .head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:44px}.projects-block .intro{margin:0;max-width:380px;color:#5a5d63;font-size:15px;line-height:1.65}.projects-block h2{margin:14px 0 0;font-size:clamp(30px,3.4vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.08}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px}.project-card{display:block;text-decoration:none;color:#17181a;background:#fff;border:1px solid #E9E8E4;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1414161a}.project-card img{width:100%;height:260px;object-fit:cover;display:block}.project-card .body{padding:22px 24px 24px}.project-card .cat{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d0111d}.project-card .title{margin-top:8px;font-size:18px;font-weight:750;line-height:1.25}.project-card .text{margin:8px 0 0;font-size:14px;line-height:1.6;color:#5a5d63}.project-detail{background:#fff}.project-detail .meta{max-width:1200px;margin:0 auto;padding:44px 28px 0;display:flex;flex-wrap:wrap;gap:24px 40px}.project-detail .meta .item .label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8c91}.project-detail .meta .item .value{margin-top:4px;font-size:15px;font-weight:700}.project-detail .photo{max-width:1200px;margin:28px auto 0;padding:0 28px}.project-detail .photo img{width:100%;max-height:560px;object-fit:cover;border-radius:14px;display:block}.project-detail .body{max-width:860px;margin:0 auto;padding:44px 28px 88px;font-size:16px;line-height:1.75;color:#3e4045}.project-detail .body p{margin:0 0 14px}.project-detail .nav{max-width:1200px;margin:0 auto;padding:0 28px 88px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-detail .nav a{text-decoration:none;color:#17181a;background:#f5f4f1;border-radius:14px;padding:20px;display:block}.project-detail .nav a .direction{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#d0111d}.project-detail .nav a .title{display:block;margin-top:6px;font-size:16px;font-weight:700}.project-detail .nav a.next{text-align:right}.project-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:1200px;margin:28px auto 0;padding:0 28px}.project-gallery .thumb{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-gallery .thumb:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1414161f}.project-gallery .thumb img{width:100%;height:160px;object-fit:cover;display:block}@media(max-width:600px){.project-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.project-gallery .thumb img{height:130px}}.project-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.project-lightbox[hidden]{display:none}.project-lightbox .lightbox-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0beb}.project-lightbox .lightbox-inner{position:relative;z-index:1;max-width:92vw;max-height:92vh;display:flex;align-items:center;justify-content:center}.project-lightbox .lightbox-image{max-width:92vw;max-height:88vh;border-radius:14px;display:block}.project-lightbox button{border:0;background:#ffffff1a;color:#fff;cursor:pointer;border-radius:999px;transition:background .15s}.project-lightbox button:hover{background:#d0111d}.project-lightbox .lightbox-close{position:fixed;top:24px;right:24px;width:40px;height:40px;font-size:22px;line-height:1}.project-lightbox .lightbox-prev,.project-lightbox .lightbox-next{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:20px}.project-lightbox .lightbox-prev{left:24px}.project-lightbox .lightbox-next{right:24px}.project-lightbox .lightbox-counter{position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#b9bbc0;font-size:13px;font-weight:700}@media(max-width:600px){.project-lightbox .lightbox-close{top:10px;right:10px}.project-lightbox .lightbox-prev{left:10px}.project-lightbox .lightbox-next{right:10px}.project-lightbox .lightbox-prev,.project-lightbox .lightbox-next{width:50px;height:50px}.project-lightbox .lightbox-counter{bottom:10px}}