.hero-values.engagements-premium-v2 {
  --eng-gold: #dca52f;
  --eng-gold-soft: rgba(220, 165, 47, .32);
  position: relative;
  isolation: isolate;
  width: 100%;
  padding: clamp(88px, 10vw, 150px) clamp(24px, 4vw, 72px) clamp(78px, 8vw, 126px);
  overflow: hidden;
  background:
    linear-gradient(rgba(220,165,47,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(220,165,47,.035) 1px, transparent 1px),
    radial-gradient(ellipse at var(--eng-x, 52%) var(--eng-y, 48%), rgba(159,101,26,.18), transparent 48%),
    #050505;
  background-size: 52px 52px, 52px 52px, auto, auto;
}

.engagements-premium-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #050505 0%, transparent 20%, transparent 80%, #050505 100%);
  pointer-events: none;
}

.engagements-premium-v2 .engagements-v2-head,
.engagements-premium-v2 .engagements-v2-line,
.engagements-premium-v2 .engagements-v2-grid {
  width: min(100%, 1540px);
  margin-inline: auto;
}

.engagements-v2-eyebrow {
  margin: 0 0 46px;
  color: var(--eng-gold);
  font-size: clamp(12px, .95vw, 16px);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.engagements-v2-eyebrow::after {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  margin-top: 17px;
  background: var(--eng-gold);
  box-shadow: 0 0 12px rgba(255,181,50,.75);
}

.engagements-v2-title {
  max-width: 1320px;
  margin: 0;
  color: #f2efe9;
  font-size: clamp(48px, 6.2vw, 108px);
  font-weight: 300;
  line-height: .98;
  letter-spacing: 0;
  text-transform: uppercase;
}

.engagements-v2-copy {
  max-width: 880px;
  margin: 30px 0 52px;
  color: rgba(242,239,233,.68);
  font-size: clamp(15px, 1.2vw, 20px);
  line-height: 1.55;
}

.engagements-v2-copy strong { color: var(--eng-gold); font-weight: 500; }

.engagements-v2-line {
  position: relative;
  height: 1px;
  margin-bottom: 28px;
  overflow: visible;
  background: linear-gradient(90deg, transparent, rgba(220,165,47,.42) 8%, rgba(220,165,47,.42) 92%, transparent);
  transform: scaleX(0);
  transform-origin: left;
}

.engagements-v2-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 120px;
  height: 12px;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse, rgba(255,205,102,.95), rgba(220,165,47,.3) 30%, transparent 72%);
  opacity: 0;
}

.engagements-premium-v2 .engagements-v2-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.engagements-premium-v2 .engagements-v2-card {
  position: relative;
  min-width: 0;
  min-height: 390px;
  padding: 52px 30px 34px;
  overflow: hidden;
  border: 1px solid rgba(220,165,47,.42);
  background: linear-gradient(155deg, rgba(43,31,15,.42), rgba(3,3,3,.94) 46%);
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: transform .7s cubic-bezier(.2,.75,.2,1), border-color .5s ease, box-shadow .5s ease, opacity .7s ease;
}

.engagements-v2-card::before {
  content: attr(data-engagement-number);
  position: absolute;
  top: 18px;
  left: 20px;
  color: var(--eng-gold);
  font-size: 14px;
}

.engagements-v2-card::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -45%;
  width: 32%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,217,141,.14), transparent);
  transition: left .85s cubic-bezier(.2,.7,.2,1);
  pointer-events: none;
}

.engagements-v2-card:hover {
  transform: translate3d(0,-7px,0);
  border-color: rgba(239,180,57,.75);
  box-shadow: 0 22px 55px rgba(0,0,0,.38), 0 0 30px rgba(220,165,47,.09), inset 0 1px rgba(255,222,153,.08);
}
.engagements-v2-card:hover::after { left: 120%; }

.engagements-v2-card img,
.engagements-v2-card svg,
.engagements-v2-card .value-icon {
  filter: drop-shadow(0 0 11px rgba(220,165,47,.28));
  transition: filter .5s ease, transform .5s ease;
}
.engagements-v2-card:hover img,
.engagements-v2-card:hover svg,
.engagements-v2-card:hover .value-icon {
  transform: translateY(-2px) scale(1.025);
  filter: drop-shadow(0 0 18px rgba(240,180,53,.48));
}

.engagements-premium-v2.is-visible .engagements-v2-head {
  animation: engagementsHeadIn 1s cubic-bezier(.2,.75,.2,1) both;
}
.engagements-premium-v2.is-visible .engagements-v2-line {
  animation: engagementsLineIn 1.05s .28s cubic-bezier(.25,.75,.2,1) both;
}
.engagements-premium-v2.is-visible .engagements-v2-line::after {
  animation: engagementsLightSweep 1.15s .38s cubic-bezier(.25,.75,.2,1) both;
}
.engagements-premium-v2.is-visible .engagements-v2-card { opacity: 1; transform: none; }
.engagements-premium-v2.is-visible .engagements-v2-card:nth-child(1) { transition-delay: .48s; }
.engagements-premium-v2.is-visible .engagements-v2-card:nth-child(2) { transition-delay: .66s; }
.engagements-premium-v2.is-visible .engagements-v2-card:nth-child(3) { transition-delay: .84s; }
.engagements-premium-v2.is-visible .engagements-v2-card:nth-child(4) { transition-delay: 1.02s; }

@keyframes engagementsHeadIn {
  from { opacity: 0; transform: translateY(-26px); filter: blur(7px); }
  to { opacity: 1; transform: none; filter: blur(0); }
}
@keyframes engagementsLineIn { to { transform: scaleX(1); } }
@keyframes engagementsLightSweep {
  0% { left: 0; opacity: 0; }
  16%, 75% { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}

@media (max-width: 1050px) {
  .engagements-premium-v2 .engagements-v2-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .hero-values.engagements-premium-v2 { padding-inline: 18px; }
  .engagements-v2-title { font-size: clamp(40px, 13vw, 64px); }
  .engagements-premium-v2 .engagements-v2-grid { grid-template-columns: 1fr; }
  .engagements-premium-v2 .engagements-v2-card { min-height: 320px; }
}
@media (prefers-reduced-motion: reduce) {
  .engagements-premium-v2 *, .engagements-premium-v2 *::before, .engagements-premium-v2 *::after {
    animation: none !important; transition-duration: .01ms !important;
  }
  .engagements-premium-v2 .engagements-v2-card { opacity: 1; transform: none; }
  .engagements-v2-line { transform: none; }
}