/* Кастомные проекты: страница /kastomnye-proekty/ (данные — из админки, data/content.json → customProjects) */
.pcp{--g1:#b8902c;--g2:#f3d77a;--ff:var(--font-unbounded),"Unbounded",system-ui,sans-serif;color:#111;overflow:hidden}
.pcp *{box-sizing:border-box}
.pcp h1,.pcp h2,.pcp h3{font-family:var(--ff);letter-spacing:-.02em;margin:0}
.pcp p{margin:0}
.pcp-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.pcp-hero{position:relative;background:radial-gradient(900px 520px at 85% 20%,rgba(243,215,122,.18),transparent 62%),radial-gradient(700px 500px at 0% 100%,rgba(225,29,46,.16),transparent 60%),linear-gradient(135deg,#0b0b0b,#1b1b1b);color:#fff;padding:34px 0 64px}
.pcp-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.55);margin-bottom:34px}
.pcp-crumbs a{color:rgba(255,255,255,.7);text-decoration:none}
.pcp-crumbs a:hover{color:#fff}
.pcp-crumbs i{font-style:normal;opacity:.4}
.pcp-tag{display:inline-block;font-family:var(--ff);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:8px 14px;line-height:1;background:linear-gradient(90deg,#b8902c,#f3d77a);color:#1a1204}
.pcp-hero h1{font-size:clamp(30px,4.4vw,56px);line-height:1.04;font-weight:800;margin:20px 0 20px}
.pcp-lead{max-width:640px;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:rgba(255,255,255,.78)}
.pcp-list{padding:56px 0 76px;background:#fff}
.pcp-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.pcp-grid.one{grid-template-columns:1fr}
.pcp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ece7d9;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.08)}
.pcp-media{position:relative;width:100%;aspect-ratio:9/16;max-height:82vh;background:#0b0b0b;overflow:hidden}
.pcp-media video,.pcp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pcp-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1204;background:linear-gradient(135deg,#b8902c,#f3d77a);box-shadow:0 12px 34px rgba(0,0,0,.45);transition:transform .25s,opacity .25s}
.pcp-play svg{margin-left:4px}
.pcp-play::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid rgba(243,215,122,.55);animation:pcpPulse 2.2s ease-out infinite}
.pcp-play:hover{transform:scale(1.07)}
.pcp-media.is-on .pcp-play{opacity:0;pointer-events:none}
.pcp-body{display:flex;flex-direction:column;gap:12px;padding:26px 26px 28px;flex:1}
.pcp-car{font-family:var(--ff);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a6d1f}
.pcp-body h2{font-size:clamp(20px,2.2vw,28px);line-height:1.15;font-weight:800}
.pcp-text{color:#333;line-height:1.65;font-size:16px;white-space:pre-line}
.pcp-works{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px}
.pcp-works li{position:relative;padding-left:22px;color:#222;line-height:1.5}
.pcp-works li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#b8902c,#f3d77a)}
.pcp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:14px}
.pcp-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;border-radius:999px;font-weight:700;font-size:14px;line-height:1;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s,color .2s;white-space:nowrap}
.pcp-btn:hover{transform:translateY(-2px)}
.pcp-gold{background:linear-gradient(90deg,#b8902c,#f3d77a);color:#1a1204!important;box-shadow:0 10px 26px rgba(184,144,44,.35)}
.pcp-gold:hover{box-shadow:0 14px 32px rgba(184,144,44,.5)}
.pcp-line{border:1.5px solid #111;color:#111!important}
.pcp-line:hover{background:#111;color:#fff!important}
.pcp-empty{padding:30px 0;text-align:center;color:#666;font-size:17px}
@keyframes pcpPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media(min-width:860px){
  .pcp-grid.one .pcp-card{flex-direction:row}
  .pcp-grid.one .pcp-media{width:min(400px,40%);flex:none;max-height:none;aspect-ratio:9/16}
  .pcp-grid.one .pcp-body{padding:40px 44px;justify-content:center}
  .pcp-grid.one .pcp-cta{margin-top:20px}
}
@media(max-width:640px){.pcp-hero{padding:24px 0 48px}.pcp-list{padding:36px 0 56px}.pcp-body{padding:22px 20px 24px}.pcp-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pcp-play::before{animation:none}.pcp-btn,.pcp-play{transition:none}}