/* DK Logistic | Scroll parcels and progressive, accessible entrances */
.dk-red-hero{isolation:isolate}
.dk-hero-box-scene{
  position:absolute;
  z-index:0;
  top:49%;
  right:max(1.8vw,calc((100vw - 1660px)/2));
  width:clamp(400px,37vw,580px);
  height:440px;
  transform:translateY(-50%);
  perspective:1200px;
  pointer-events:none;
  user-select:none;
  overflow:visible;
}
.dk-hero-box-scene::before{
  content:"";
  position:absolute;
  width:75%;
  height:22%;
  left:15%;
  bottom:7%;
  background:radial-gradient(ellipse,rgba(1,2,5,.65),transparent 69%);
  filter:blur(19px);
}
.dk-hero-box-scene::after{
  content:"";
  position:absolute;
  width:75%;
  height:88%;
  inset:4% 0 auto 20%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,15,52,.11),transparent 66%);
  filter:blur(18px);
  z-index:-1;
}
.dk-hero-parcel{
  position:absolute;
  left:50%;
  top:49%;
  width:clamp(200px,18vw,268px);
  height:auto;
  transform-origin:center 65%;
  will-change:transform;
  backface-visibility:hidden;
}
.dk-hero-parcel img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  filter:drop-shadow(0 14px 19px rgba(0,0,0,.30));
}
.dk-hero-parcel--rear{z-index:1;transform:translate3d(22px,-195px,0) rotate(-5deg) scale(.86);opacity:.90}
.dk-hero-parcel--middle{z-index:2;transform:translate3d(61px,-104px,0) rotate(4deg) scale(.93);opacity:.98}
.dk-hero-parcel--front{z-index:3;transform:translate3d(-49px,-12px,0) rotate(-3deg) scale(1)}
.dk-hero-scene-line{
  position:absolute;
  left:8%;
  bottom:8%;
  height:1px;
  width:80%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
}
.dk-red-hero .dk-red-hero-grid{z-index:2}
@media(min-width:1101px){
  .dk-red-hero .dk-red-hero-content{max-width:750px}
}
@media(max-width:1250px){
  .dk-hero-box-scene{right:-5vw;opacity:.63;transform:translateY(-50%) scale(.92)}
}
@media(max-width:1100px){
  .dk-hero-box-scene{right:-12vw;opacity:.28;transform:translateY(-50%) scale(.88)}
  .dk-hero-parcel{will-change:auto}
}
@media(max-width:760px){
  .dk-hero-box-scene{display:none}
}
/* JS-enabled reveals never affect the visible fallback / SEO content. */
@media(prefers-reduced-motion:no-preference){
  .dk-motion-ready .dk-reveal:not(.dk-visible){
    opacity:0;
    transform:translate3d(0,24px,0);
  }
  .dk-motion-ready .dk-reveal{
    transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--dk-delay,0ms);
  }
  .dk-motion-ready .dk-reveal.dk-visible{opacity:1;transform:translate3d(0,0,0)}
  .dk-red-hero-content .dk-red-eyebrow{animation:dk-hero-enter .7s both}
  .dk-red-hero-content h1{animation:dk-hero-enter .8s .08s both}
  .dk-red-hero-content .dk-red-hero-slogan{animation:dk-hero-enter .8s .17s both}
  .dk-red-hero-content .dk-red-hero-actions{animation:dk-hero-enter .8s .25s both}
  @keyframes dk-hero-enter{
    from{opacity:0;transform:translate3d(0,17px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
}
@media(prefers-reduced-motion:reduce){
  .dk-hero-parcel{transition:none!important;animation:none!important;will-change:auto}
  .dk-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .dk-red-hero-content *{animation:none!important}
}