/* page.css — стили внутренних страниц (uslugi/ и demos/) */
.p-header{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.p-header-in{display:flex;align-items:center;justify-content:space-between;height:72px}
.p-main{padding-block:clamp(40px,6vw,72px) clamp(60px,8vw,110px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.crumbs a:hover{color:var(--accent)}
.crumbs b{color:var(--ink);font-weight:500}
.p-title{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:16px}
.p-lead{max-width:60ch;color:var(--muted);font-size:16.5px;margin-bottom:clamp(36px,5vw,56px)}

.ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ex{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s}
.ex:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(11,11,12,.08)}
.ex-media{display:grid;place-items:center;aspect-ratio:16/10;background:linear-gradient(150deg,#F4F4EF,#E8E8E1);border-bottom:1px solid var(--line)}
.ex-media img{width:100%;height:100%;object-fit:cover}
.ex-ph{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ex-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.ex-body h2{font-family:var(--font-d);font-size:17px;font-weight:600}
.ex-body p{font-size:14px;color:var(--muted);flex:1}
.ex-link{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--accent)}
.ex-link svg{width:14px;height:14px;transition:transform .35s var(--ease)}
.ex-link:hover svg{transform:translateX(4px)}

.p-cta{margin-top:clamp(56px,7vw,88px);padding:clamp(32px,5vw,52px);border-radius:24px;background:var(--ink);color:var(--dark-text);text-align:center}
.p-cta h2{font-size:clamp(1.4rem,3vw,2.1rem);margin-bottom:10px}
.p-cta p{color:var(--dark-muted);margin-bottom:24px}
.p-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.p-back{display:inline-block;margin-top:34px;font-size:14px;color:var(--muted)}
.p-back:hover{color:var(--accent)}
.p-footer{border-top:1px solid var(--line);padding-block:26px;color:var(--muted);font-size:12px}

@media (max-width:900px){ .ex-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .ex-grid{grid-template-columns:1fr} }

/* заглушка демо */
.soon{max-width:640px;padding-block:clamp(60px,10vw,120px)}
.soon-k{color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}

.ex-none{padding:44px 0;color:var(--muted);font-size:12px;letter-spacing:.05em}
.ex-live{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ex-live:hover{color:var(--accent)}