/* v82 — disciplined timeline warmth: less red, more mahogany / tobacco / oxblood undertone */

#works .timeline.card.timeline--cinematic{
  background:
    radial-gradient(960px 420px at 14% 4%, rgba(120,62,34,.18), transparent 60%),
    radial-gradient(860px 520px at 88% 18%, rgba(96,33,26,.16), transparent 66%),
    radial-gradient(920px 620px at 50% 88%, rgba(84,38,22,.12), transparent 70%),
    linear-gradient(180deg,
      rgba(34,14,12,.985) 0%,
      rgba(38,16,13,.982) 20%,
      rgba(40,17,14,.980) 44%,
      rgba(37,15,13,.982) 70%,
      rgba(33,13,12,.986) 100%) !important;
  background-color: #25110f !important;
  border-color: rgba(216,180,93,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 120px rgba(103,48,30,.07),
    0 22px 54px rgba(0,0,0,.22) !important;
}

#works .timeline.card.timeline--cinematic .timelineParallax{
  opacity: .46 !important;
  background:
    radial-gradient(920px 420px at 12% 12%, rgba(152,95,58,.14), transparent 62%),
    radial-gradient(760px 460px at 84% 22%, rgba(112,44,36,.12), transparent 64%),
    radial-gradient(900px 540px at 50% 94%, rgba(109,74,45,.08), transparent 68%),
    linear-gradient(180deg, rgba(118,63,39,.035), rgba(0,0,0,0)) !important;
  filter: saturate(104%) !important;
}

#works .timeline.card.timeline--cinematic .timelineParallax::before{
  opacity: .12 !important;
}

#works .timeline.card.timeline--cinematic .timelineParallax::after{
  background:
    radial-gradient(closest-side at 50% 46%, rgba(0,0,0,0), rgba(18,8,7,.28) 74%, rgba(9,3,3,.40) 100%) !important;
  opacity: .56 !important;
}

#works .timeline.card.timeline--cinematic > .row,
#works .timeline.card.timeline--cinematic > details{
  background: linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.004));
}

#works .timeline.card.timeline--cinematic .year{
  color: rgba(216,180,93,.90) !important;
}

#works .timeline.card.timeline--cinematic .year::before{
  background: rgba(216,180,93,.12) !important;
}

#works .timeline.card.timeline--cinematic .year::after{
  border-color: rgba(216,180,93,.22) !important;
  background: rgba(216,180,93,.10) !important;
  box-shadow: 0 0 0 6px rgba(216,180,93,.03) !important;
}

#works .timeline.card.timeline--cinematic.is-enhanced .row.in-view .year::after{
  background: rgba(216,180,93,.62) !important;
  border-color: rgba(216,180,93,.42) !important;
  box-shadow:
    0 0 0 6px rgba(216,180,93,.05),
    0 0 16px rgba(216,180,93,.12) !important;
}

@media (min-width: 821px){
  #works .timeline.card.timeline--cinematic.is-enhanced .row::before{
    background:
      radial-gradient(920px 220px at 18% 50%, rgba(182,130,78,.055), transparent 62%),
      radial-gradient(760px 250px at 86% 40%, rgba(118,56,40,.05), transparent 66%),
      linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,0)) !important;
  }
}

/* Mobile: visible warmth, but more disciplined than wine-red */
@media (max-width: 760px){
  #works .timeline.card.timeline--cinematic{
    background:
      radial-gradient(620px 260px at 14% 2%, rgba(126,70,38,.18), transparent 62%),
      radial-gradient(560px 300px at 86% 18%, rgba(98,36,28,.16), transparent 64%),
      radial-gradient(680px 420px at 54% 92%, rgba(92,48,28,.11), transparent 70%),
      linear-gradient(180deg,
        rgba(35,14,12,.988) 0%,
        rgba(39,16,13,.984) 24%,
        rgba(40,17,14,.982) 50%,
        rgba(37,15,13,.984) 76%,
        rgba(33,13,12,.988) 100%) !important;
    background-color: #261210 !important;
  }

  #works .timeline.card.timeline--cinematic .timelineParallax{
    opacity: .52 !important;
    background:
      radial-gradient(560px 240px at 10% 10%, rgba(158,98,60,.15), transparent 62%),
      radial-gradient(500px 240px at 90% 20%, rgba(116,46,36,.13), transparent 64%),
      radial-gradient(640px 340px at 50% 88%, rgba(109,73,45,.09), transparent 70%) !important;
  }

  #works .timeline.card.timeline--cinematic .timelineParallax::after{
    background:
      radial-gradient(closest-side at 50% 48%, rgba(0,0,0,0), rgba(16,7,6,.22) 76%, rgba(8,3,3,.32) 100%) !important;
    opacity: .52 !important;
  }
}