/* =========================================================
   Портфолио
   Дизайн-система и токены — в css/style.css, здесь только
   то, что встречается исключительно на этой странице.
   ========================================================= */

.works { position: relative; overflow: hidden; }
.works .container { position: relative; z-index: 1; }

/* мягкое свечение за шапкой страницы, как на первом экране главной */
.works__glow {
  position: absolute; inset: 0 0 auto; height: 620px; pointer-events: none; z-index: 0;
  background:
    radial-gradient(40% 44% at 78% 18%, rgba(255, 90, 31, 0.18), transparent 70%),
    radial-gradient(28% 36% at 12% 4%, rgba(255, 138, 61, 0.07), transparent 70%);
}

/* ——— призыв в конце страницы ——— */
.works-cta__in {
  border-radius: var(--r-xl); padding: clamp(28px, 4vw, 48px);
  background: linear-gradient(160deg, #2a1610 0%, #1a110d 100%);
  border: 1px solid rgba(255, 90, 31, 0.35);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 24px 40px;
}
.works-cta__in h2 { margin-bottom: 8px; }
.works-cta__in p { color: var(--muted); max-width: 52ch; }

/* ——— адаптив ——— */
@media (max-width: 640px) {
  .works-cta__in .btn { width: 100%; justify-content: space-between; }
}