/* Start:/css/projects.css?17853046001244*/
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;max-width:1020px;margin:0 auto}
.catalog-grid .proj{display:block;flex:none;transition:border-color .18s,transform .18s}
.catalog-grid .proj:hover{border-color:var(--orange-border);transform:translateY(-3px)}
@media(max-width:760px){
    .catalog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
    .catalog-grid{grid-template-columns:1fr}
}
.proj-visual{border:1px solid rgba(232,100,26,.4)}
.breadcrumb{font-size:12.5px;color:var(--text-muted);padding:1.25rem 2rem 0}
.breadcrumb a{color:var(--text-muted)}
.breadcrumb a:hover{color:var(--orange)}
.pd-hero{padding:1.5rem 2rem 2.5rem}
.pd-hero-inner{max-width:1020px;margin:0 auto}
.pd-tag{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:600;padding:4px 11px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem}
.pd-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem}
.pd-hero-sub{font-size:15.5px;color:var(--text-secondary);max-width:620px}
@media(max-width:760px){
    .breadcrumb,.pd-hero{padding-left:1rem;padding-right:1rem}
}

/* End */


/* Start:/css/project.css?17854863703613*/
/* ── PROJECT DETAIL PAGE ── */
.breadcrumb{font-size:12.5px;color:var(--text-muted);padding:1.25rem 2rem 0}
.breadcrumb a{color:var(--text-muted)}
.breadcrumb a:hover{color:var(--orange)}
.pd-hero{padding:1.5rem 2rem 2.5rem}
.pd-hero-inner{max-width:1020px;margin:0 auto}
.pd-tag{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:600;padding:4px 11px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem}
.pd-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem}
.pd-hero-sub{font-size:15.5px;color:var(--text-secondary);max-width:620px;margin-bottom:1.5rem}
.pd-stats{display:flex;flex-wrap:wrap;gap:2rem}
.pd-stat-n{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700}
.pd-stat-l{font-size:12px;color:var(--text-muted)}

.pd-gallery{max-width:1020px;margin:0 auto;padding:0 2rem 1rem;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem;height:440px}
.pd-gallery-main{grid-row:1/3;border-radius:var(--radius-lg);overflow:hidden}
.pd-gph{width:100%;height:100%;background:var(--black);border:2px dashed rgba(232,100,26,.4);display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--radius-lg);overflow:hidden}
.pd-gph .photo-marker{font-size:12px}
.pd-gallery-main .pd-gph{border-radius:0}

.pd-back{max-width:1020px;margin:0 auto;padding:0.5rem 2rem 3.5rem;text-align:center}
.pd-back a{font-size:17px;font-weight:600;color:var(--orange)}

@media(max-width:760px){
    .breadcrumb,.pd-hero,.pd-gallery,.pd-back{padding-left:1rem;padding-right:1rem}
    .pd-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}
    .pd-gallery-main{grid-column:1/3;height:220px;grid-row:auto}
    .pd-gallery>*:not(.pd-gallery-main){height:110px}
    .pd-gallery>.pd-gph:last-child:nth-child(even){grid-column:1/3;height:170px}
}
/* ── LIGHTBOX ── */
.pd-gph img{cursor:zoom-in}
.lightbox{position:fixed;inset:0;background:rgba(20,20,20,.9);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:opacity .2s;z-index:1000}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.lightbox-close{position:absolute;top:20px;right:28px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lightbox-close:hover{background:rgba(255,255,255,.18)}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lightbox-arrow:hover{background:rgba(255,255,255,.18)}
.lightbox-prev{left:16px}
.lightbox-next{right:16px}
.lightbox.single .lightbox-arrow{display:none}

/* Десктоп: у каждого второго (чётного) блока pd-gallery
   большая картинка справа, две маленькие — слева */
@media (min-width: 761px){
    .pd-gallery + .pd-gallery{
        grid-template-columns: 1fr 1.6fr;
    }
    .pd-gallery + .pd-gallery .pd-gallery-main{
        grid-column: 2;
    }
}
/* End */
/* /css/projects.css?17853046001244 */
/* /css/project.css?17854863703613 */