/* EntryLap V8 — soft logo interaction
   The logo keeps its original size. Hover adds a quiet signal orbit, a small
   pointer-aware parallax and a quick light sweep instead of a hard zoom. */

.brand.entrylap-brand-motion{
  --el-logo-mark-x:0px;
  --el-logo-mark-y:0px;
  --el-logo-mark-r:0deg;
  --el-logo-word-x:0px;
  --el-logo-word-y:0px;
  position:relative;
  isolation:isolate;
  perspective:560px;
  transform:none!important;
  transition:filter .42s cubic-bezier(.2,.75,.2,1);
  will-change:auto;
}

.brand.entrylap-brand-motion::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-11px;
  top:50%;
  width:58px;
  height:58px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,78,68,.12) 0,rgba(181,74,224,.055) 42%,transparent 72%);
  opacity:0;
  transform:translateY(-50%) scale(.72);
  transition:opacity .4s ease,transform .62s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}

.brand.entrylap-brand-motion::after{
  content:"";
  position:absolute;
  left:48px;
  right:0;
  bottom:-6px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(239,78,68,.9),rgba(245,108,89,.58),rgba(181,74,224,0));
  opacity:0;
  transform:scaleX(.08);
  transform-origin:left center;
  transition:opacity .25s ease,transform .58s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}

.brand.entrylap-brand-motion .brand-mark{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  transform:translate3d(var(--el-logo-mark-x),var(--el-logo-mark-y),0) rotate(var(--el-logo-mark-r))!important;
  transform-origin:50% 52%;
  transition:transform .3s cubic-bezier(.2,.8,.2,1)!important;
  will-change:transform;
}

.brand.entrylap-brand-motion .brand-mark::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-5px;
  border-radius:50%;
  background:conic-gradient(
    from 215deg,
    transparent 0 41%,
    rgba(239,78,68,.12) 49%,
    rgba(239,78,68,.95) 61%,
    rgba(245,108,89,.58) 69%,
    rgba(181,74,224,.72) 77%,
    transparent 88% 100%
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  opacity:0;
  transform:rotate(-92deg) scale(.94);
  transition:opacity .24s ease,transform .68s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}

.brand.entrylap-brand-motion .brand-mark::after{
  content:""!important;
  position:absolute!important;
  z-index:-3!important;
  inset:-7px!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(239,78,68,.16)!important;
  border-radius:50%!important;
  background:transparent!important;
  opacity:.55!important;
  transform:scale(.96)!important;
  animation:none!important;
  transition:opacity .36s ease,transform .58s cubic-bezier(.16,1,.3,1),border-color .36s ease!important;
  pointer-events:none!important;
}

body .brand.entrylap-brand-motion .brand-mark img{
  transform:translateZ(0) rotate(0deg)!important;
  filter:none!important;
  transition:transform .58s cubic-bezier(.16,1,.3,1),filter .4s ease!important;
  will-change:transform;
}

.brand.entrylap-brand-motion .brand-wordmark,
.brand.entrylap-brand-motion .entrylap_logo{
  position:relative;
  overflow:hidden;
  transform:translate3d(var(--el-logo-word-x),var(--el-logo-word-y),0)!important;
  transition:transform .4s cubic-bezier(.2,.8,.2,1)!important;
  will-change:transform;
}

.brand.entrylap-brand-motion .brand-wordmark::after,
.brand.entrylap-brand-motion .entrylap_logo::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-32%;
  bottom:-32%;
  left:-42%;
  width:25%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);
  opacity:0;
  transform:skewX(-18deg) translateX(0);
  pointer-events:none;
}

body .brand.entrylap-brand-motion .brand-wordmark img,
body .brand.entrylap-brand-motion .entrylap_logo img{
  transform:none!important;
  filter:none!important;
  transition:filter .4s ease!important;
}

.brand.entrylap-brand-motion:hover::before,
.brand.entrylap-brand-motion:focus-visible::before{
  opacity:1;
  transform:translateY(-50%) scale(1);
}

.brand.entrylap-brand-motion:hover::after,
.brand.entrylap-brand-motion:focus-visible::after{
  opacity:.9;
  transform:scaleX(1);
}

.brand.entrylap-brand-motion:hover .brand-mark::before,
.brand.entrylap-brand-motion:focus-visible .brand-mark::before{
  opacity:1;
  transform:rotate(224deg) scale(1);
}

.brand.entrylap-brand-motion:hover .brand-mark::after,
.brand.entrylap-brand-motion:focus-visible .brand-mark::after{
  opacity:.95!important;
  transform:scale(1.08)!important;
  border-color:rgba(239,78,68,.28)!important;
}

body .brand.entrylap-brand-motion:hover .brand-mark img,
body .brand.entrylap-brand-motion:focus-visible .brand-mark img{
  transform:translateZ(0) rotate(-2.2deg)!important;
  filter:drop-shadow(0 4px 8px rgba(239,78,68,.13))!important;
}

.brand.entrylap-brand-motion:hover .brand-wordmark::after,
.brand.entrylap-brand-motion:hover .entrylap_logo::after,
.brand.entrylap-brand-motion:focus-visible .brand-wordmark::after,
.brand.entrylap-brand-motion:focus-visible .entrylap_logo::after{
  animation:entrylapLogoSheen .82s cubic-bezier(.2,.75,.2,1) 1;
}

.brand.entrylap-brand-motion:focus-visible{
  outline:2px solid rgba(239,78,68,.5);
  outline-offset:7px;
  border-radius:5px;
}

.brand.entrylap-brand-motion.is-logo-active .brand-mark::before{
  opacity:1;
}

.brand.entrylap-brand-motion.brand-footer::after{
  left:44px;
  bottom:-7px;
}

@keyframes entrylapLogoSheen{
  0%{left:-42%;opacity:0}
  18%{opacity:.52}
  66%{opacity:.24}
  100%{left:118%;opacity:0}
}

@media (hover:none),(pointer:coarse){
  .brand.entrylap-brand-motion{
    --el-logo-mark-x:0px!important;
    --el-logo-mark-y:0px!important;
    --el-logo-mark-r:0deg!important;
    --el-logo-word-x:0px!important;
    --el-logo-word-y:0px!important;
  }
  .brand.entrylap-brand-motion:hover::before,
  .brand.entrylap-brand-motion:hover::after,
  .brand.entrylap-brand-motion:hover .brand-mark::before{
    opacity:0;
  }
  .brand.entrylap-brand-motion:hover .brand-mark::after{
    opacity:.55!important;
    transform:scale(.96)!important;
  }
  body .brand.entrylap-brand-motion:hover .brand-mark img{
    transform:none!important;
    filter:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .brand.entrylap-brand-motion,
  .brand.entrylap-brand-motion::before,
  .brand.entrylap-brand-motion::after,
  .brand.entrylap-brand-motion .brand-mark,
  .brand.entrylap-brand-motion .brand-mark::before,
  .brand.entrylap-brand-motion .brand-mark::after,
  .brand.entrylap-brand-motion .brand-mark img,
  .brand.entrylap-brand-motion .brand-wordmark,
  .brand.entrylap-brand-motion .entrylap_logo{
    animation:none!important;
    transition:none!important;
  }
  .brand.entrylap-brand-motion .brand-wordmark::after,
  .brand.entrylap-brand-motion .entrylap_logo::after{
    display:none!important;
  }
}