.award {
  padding-top: 80px;
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: visible;
}

.award__highlight {
  background: linear-gradient(
    100deg,
    #a77427 6.84%,
    #ddb55f 22.38%,
    #f7e3a8 37.91%,
    #fbefc8 50%,
    #f0d48f 63.81%,
    #c79436 79.35%,
    #a77427 93.16%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.award__highlight--group {
  background: linear-gradient(
    100deg,
    #a77427 6.84%,
    #ddb55f 22.38%,
    #f7e3a8 37.91%,
    #fbefc8 50%,
    #f0d48f 63.81%,
    #c79436 79.35%,
    #a77427 93.16%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.award__text {
  position: relative;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  font-family: "Proxima Nova Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: rgba(147, 174, 206, 1);
  margin-bottom: 40px;
}

.award__text::after {
  content: "";
  position: absolute;
  top: 70%;
  left: -15%;
  transform: translateY(-50%);
  width: 300px;
  height: 300px;
  background: url("../img/award-romb.svg") no-repeat center;
  background-size: contain;
  pointer-events: none;
  z-index: -1;
}

/* .award::after {
  content: "";
  position: absolute;
  top: 80%;
  right: 0;
  transform: translateY(-50%);
  width: 1500px;
  height: 1500px;
  background: url("../img/light-right-1920.svg") no-repeat right center;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.award--second::after {
  top: 300px;
} */

/* ============================================================
   Секция «О премии» с лучом
   ============================================================ */

   .award {
    padding-top: 80px;
    color: #ffffff;
    text-align: center;
    position: relative;
    overflow: visible;
  
    /* Параметры луча — единственное, что нужно крутить */
    --beam-len: 92vmax;
    --beam-spread: 35vmax;
    --lit: 0;
    --vis: 0;
  
    /* Позиция источника за правым краем экрана */
    --src-x: 6vw;
    --src-y: 58vh;
  }
  
  /* Убираем статичный SVG-луч, который был раньше */
  .award::after { display: none; }
  
  /* ---------- источник света ---------- */
  .source {
    position: absolute;
    top: var(--src-y);
    width: 0;
    height: 0;
    z-index: 1;
  }
  .award[data-side="left"]  .source { left: calc(0px - var(--src-x)); }
  .award[data-side="right"] .source { left: calc(105vw + var(--src-x)); }
  
  /* ---------- луч ---------- */
  .beam {
    position: absolute;
    left: 0; top: 0;
    width: 0; height: 0;
    transform-origin: 0 0;
    pointer-events: none;
    opacity: var(--vis);
    will-change: transform;
    z-index: 1;
  }
  
  .beam img {
    position: absolute;
    left: 0; top: 0;
    width: var(--beam-len);
    height: var(--beam-spread);
    display: block;
    object-fit: fill;
    max-width: none;
    mix-blend-mode: screen;
  
    /* Координаты вершины конуса в SVG. Подгоните под свой SVG!
       В референсе вершина находилась в 1.594% по X и 51.065% по Y.
       Если у вас другая картинка — измените эти значения. */
    transform: translate(-1.594%, -51.065%);
    transform-origin: center center;
  }
  
  .award[data-side="right"] .beam img {
    transform: translate(-1.594%, -48.935%) scaleY(-1);
  }
  
  /* ---------- световое пятно под заголовком ---------- */
  .pool {
    position: absolute;
    top: 30%;
    left: 50%;
    width: min(980px, 92vw);
    height: 340px;
    transform: translate(-50%, -38%);
    border-radius: 50%;
    background: radial-gradient(
      closest-side,
      rgba(247, 227, 168, 0.18) 0%,
      rgba(221, 181, 95, 0.08) 45%,
      rgba(221, 181, 95, 0) 78%
    );
    filter: blur(30px);
    opacity: calc(max(0, (var(--lit) - 0.5) * 2) * var(--vis));
    pointer-events: none;
    z-index: 0;
  }
  
  /* ---------- подсветка заголовка ---------- */
  .award__title {
    font-family: "Proxima Nova Bold", sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 40px;
    letter-spacing: -2px;
    position: relative;
    z-index: 2;
  
    /* Белый цвет становится ярче по мере --lit + glow */
    color: color-mix(in srgb,
      #FFFFFF calc(var(--lit) * 100%),
      rgba(237, 244, 252, 0.55)
    );
    text-shadow: 0 0 calc(var(--lit) * 60px)
      rgba(255, 255, 255, calc(var(--lit) * 0.5));
    transition: color 0.1s linear;
  }
  
  /* Адаптив: на узких экранах источник отводим дальше */
  @media (max-width: 768px) {
    .award.scene .source,
    .award.scene .beam,
    .award.scene .pool {
      display: none;
    }
    .award {
      padding: 0;
    }
    .award__text::after,
    .award::after,
    .award--second {
      display: none;
    }
    .award__title {
      text-shadow: unset;
    }
  }

  @media (max-width: 512px) {
    .award__title {
      font-size: 30px;
      line-height: 40px;
    }
    .award__text {
      font-size: 15px;
      line-height: 25px;
    }
  }


  
  @media (prefers-reduced-motion: reduce) {
    .beam { transition: none; }
  }