/*
 * Den-SHOW Motion Layer v0.7.0
 * Animations and transitions only.
 */
.ds-hero-light-trails{
  position:absolute;
  inset:0;
  z-index:var(--ds-z-motion);
  pointer-events:none;
  overflow:hidden;
  display:block;
}

.ds-hero-light-trail{
  position:absolute;
  left:-48vw;
  width:var(--ds-trail-width, 44vw);
  height:var(--ds-trail-height);
  border-radius:var(--ds-radius-pill);
  background:linear-gradient(90deg, transparent 0%, var(--ds-trail-color, var(--ds-motion-corporate)) 48%, transparent 100%);
  opacity:var(--ds-trail-opacity, .34);
  filter:blur(var(--ds-trail-blur, .7px));
  box-shadow:0 0 18px color-mix(in srgb, var(--ds-trail-color, var(--ds-motion-corporate)) 45%, transparent);
  transform:translate3d(0,0,0);
  animation:ds-trail-horizontal var(--ds-trail-duration, 10s) linear infinite;
  will-change:transform;
}

.ds-hero-light-trail--one{top:22%;--ds-trail-width:38vw;--ds-trail-opacity:.30;--ds-trail-duration:9.2s;animation-delay:-7.4s;}
.ds-hero-light-trail--two{top:32%;--ds-trail-width:54vw;--ds-trail-opacity:.42;--ds-trail-duration:10.8s;animation-delay:-2.0s;}
.ds-hero-light-trail--three{top:45%;--ds-trail-width:42vw;--ds-trail-opacity:.25;--ds-trail-duration:8.8s;animation-delay:-5.7s;}
.ds-hero-light-trail--four{top:57%;--ds-trail-width:62vw;--ds-trail-opacity:.36;--ds-trail-duration:11.6s;animation-delay:-8.9s;}
.ds-hero-light-trail--five{top:69%;--ds-trail-width:46vw;--ds-trail-opacity:.22;--ds-trail-duration:10.2s;animation-delay:-1.1s;}
.ds-hero-light-trail--six{top:79%;--ds-trail-width:58vw;--ds-trail-opacity:.31;--ds-trail-duration:9.8s;animation-delay:-4.6s;}

.ds-page--hero-final{--ds-trail-color:var(--ds-motion-corporate);}
.ds-page--technology{--ds-trail-color:var(--ds-motion-technology);}
.ds-page--place{--ds-trail-color:var(--ds-motion-place);}
.ds-page--commerce .ds-hero-light-trails{display:none;}
.ds-page--social-value{--ds-trail-color:var(--ds-motion-social-purple);}
.ds-page--social-value .ds-hero-light-trail:nth-child(even){--ds-trail-color:var(--ds-motion-social-emerald);}

@keyframes ds-trail-horizontal{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(185vw,0,0);}
}

@media (max-width:760px){
  .ds-hero-light-trail{
    left:-76vw;
    height:var(--ds-trail-height);
  }
  .ds-hero-light-trail--one{top:25%;--ds-trail-width:74vw;}
  .ds-hero-light-trail--two{top:35%;--ds-trail-width:84vw;}
  .ds-hero-light-trail--three{top:47%;--ds-trail-width:72vw;}
  .ds-hero-light-trail--four{top:58%;--ds-trail-width:82vw;}
  .ds-hero-light-trail--five{top:70%;--ds-trail-width:68vw;}
  .ds-hero-light-trail--six{top:80%;--ds-trail-width:78vw;}
}

@media (prefers-reduced-motion:reduce){
  .ds-hero-light-trail,
  .ds-reveal,
  .ds-scroll-progress span{
    animation:none;
    transition:none;
  }
}

/* v0.7.0 hard guarantee: six trails on both PC and mobile. */
.ds-page--hero-final .ds-hero-v23 .ds-hero-light-trails,
.ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail{
  display:block !important;
}
@media (max-width:760px){
  .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--four,
  .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--five,
  .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--six{
    display:block !important;
  }
}

@media (max-width:760px){
  body.denshow-theme.home .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--four,
  body.denshow-theme.home .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--five,
  body.denshow-theme.home .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--six{
    display:block !important;
  }
}

/* ============================================================
   v0.7.1 fix: remove legacy two-line fallback and guarantee six
   real Horizontal Light Trails.
   ============================================================ */
body.denshow-theme .ds-page--hero-final .ds-hero-v23::before,
body.denshow-theme .ds-page--hero-final .ds-hero-v23::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  opacity:0 !important;
}

body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trails{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  inset:0 !important;
  z-index:var(--ds-z-motion, 5) !important;
  pointer-events:none !important;
  overflow:hidden !important;
  mix-blend-mode:screen !important;
}

body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail,
body.denshow-theme.home .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail{
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  left:-66vw !important;
  height:1px !important;
  border-radius:999px !important;
  opacity:.01 !important;
  background:linear-gradient(90deg, transparent 0%, rgba(116,230,92,.14) 18%, rgba(255,255,255,.96) 48%, rgba(116,230,92,.30) 72%, transparent 100%) !important;
  box-shadow:0 0 18px rgba(116,230,92,.48), 0 0 54px rgba(116,230,92,.25) !important;
  filter:blur(.65px) !important;
  transform:translate3d(0,0,0) !important;
  animation-name:ds-v071-six-trails !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  will-change:transform, opacity !important;
}

body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail::after{
  content:"" !important;
  position:absolute !important;
  right:42% !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  transform:translate(50%,-50%) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 0 18px rgba(255,255,255,.82), 0 0 38px rgba(116,230,92,.82) !important;
}

body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--one{top:22% !important;width:38vw !important;animation-duration:9.2s !important;animation-delay:-7.4s !important;}
body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--two{top:32% !important;width:54vw !important;animation-duration:10.8s !important;animation-delay:-2.0s !important;}
body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--three{top:45% !important;width:42vw !important;animation-duration:8.8s !important;animation-delay:-5.7s !important;}
body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--four{top:57% !important;width:62vw !important;animation-duration:11.6s !important;animation-delay:-8.9s !important;}
body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--five{top:69% !important;width:46vw !important;animation-duration:10.2s !important;animation-delay:-1.1s !important;}
body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--six{top:79% !important;width:58vw !important;animation-duration:9.8s !important;animation-delay:-4.6s !important;}

@keyframes ds-v071-six-trails{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.22;}
  18%{opacity:.45;}
  74%{opacity:.36;}
  100%{transform:translate3d(188vw,0,0);opacity:0;}
}

@media (max-width:760px){
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail,
  body.denshow-theme.home .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail{
    left:-86vw !important;
    display:block !important;
  }
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--one{top:24% !important;width:72vw !important;}
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--two{top:34% !important;width:84vw !important;}
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--three{top:46% !important;width:70vw !important;}
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--four{top:58% !important;width:82vw !important;display:block !important;}
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--five{top:70% !important;width:68vw !important;display:block !important;}
  body.denshow-theme .ds-page--hero-final .ds-hero-v23 .ds-hero-light-trail--six{top:80% !important;width:78vw !important;display:block !important;}
}
