/* подстраницы: то же видео на фоне, размытое и затемнённое, обычный скролл */
:root{--b:1}
body.page{min-height:100vh}
body.page .shade{background:
  linear-gradient(rgba(14,8,4,.45),rgba(14,8,4,.45)),
  radial-gradient(120% 90% at 50% 50%,transparent 30%,rgba(10,6,3,.6) 100%)}
.wrap{
  position:relative;z-index:5;max-width:1120px;margin:0 auto;
  padding:clamp(130px,20vh,200px) var(--pad) 80px;
}
.pg-h{font:800 clamp(34px,6vw,84px)/1 "Unbounded",sans-serif;letter-spacing:-.035em;margin-bottom:22px;text-shadow:0 2px 24px rgba(10,5,2,.45)}
.pg-lead{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--dim);max-width:560px;margin-bottom:clamp(36px,6vw,72px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.pcard{
  padding:28px;border-radius:24px;border:1px solid rgba(255,247,238,.16);background:rgba(22,13,7,.28);
  display:flex;flex-direction:column;gap:10px;transition:border-color .4s,transform .6s var(--ease),background .4s;
}
.pcard:hover{border-color:var(--accent);background:rgba(22,13,7,.45);transform:translateY(-4px)}
.pcard__n{font:500 12px "Unbounded",sans-serif;color:var(--accent);letter-spacing:.14em}
.pcard h3{font:800 20px/1.15 "Unbounded",sans-serif;letter-spacing:-.02em}
.pcard p{font-size:15px;line-height:1.55;color:var(--dim)}
.pcard b{margin-top:auto;padding-top:10px;font:700 18px "Manrope",sans-serif;color:var(--accent)}
.foot{
  position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  max-width:1120px;margin:0 auto;padding:24px var(--pad) 40px;border-top:1px solid rgba(255,247,238,.12);
  font-size:14px;color:var(--dim)
}
.foot a{color:var(--ink);text-decoration:none}
.foot__links{display:flex;gap:6px 22px;flex-wrap:wrap}
.foot__links a{color:var(--dim);font-size:13px}
.foot a:hover{color:var(--accent)}
/* появление при загрузке и при прокрутке */
.pg,.pg-h{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease),border-color .4s,background .4s}
.pg.in,.pg-h.in{opacity:1;transform:none;filter:none}
.pcard.pg.in:hover{transform:translateY(-4px)}
.pcard b a{color:inherit;text-decoration:none}
.pcard b a:hover{color:var(--ink)}
.cta{margin-top:clamp(28px,5vw,56px)}
/* шапка при прокрутке темнеет и размывает то, что под ней */
.page .top{
  transition:background .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease,padding .5s var(--ease);
}
.page .top.scrolled{
  background:rgba(14,8,4,.55);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding-top:16px;padding-bottom:16px;
}

/* документы */
.wrap--doc{max-width:860px}
.doc-h{font-size:clamp(28px,4.4vw,56px)}
.doc h2{font:800 clamp(18px,2vw,22px) "Unbounded",sans-serif;letter-spacing:-.02em;margin:36px 0 12px}
.doc p{font-size:16px;line-height:1.7;color:var(--dim);margin-bottom:12px}