/* SCARM Interaction System V75
   Motion is progressive enhancement: content remains readable without JS. */
:root{
  --v75-progress:0;
  --v75-pointer-x:50%;
  --v75-pointer-y:50%;
}
#scarmScrollProgressV75{
  position:fixed;
  inset:0 0 auto 0;
  z-index:5000;
  height:3px;
  pointer-events:none;
  transform:scaleX(var(--v75-progress));
  transform-origin:left center;
  background:#d4ff3d;
  box-shadow:0 0 18px rgba(212,255,61,.25);
}
.v75-motion-ready [data-v75-reveal]{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .68s cubic-bezier(.2,.7,.2,1),transform .68s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--v75-delay,0ms);
}
.v75-motion-ready [data-v75-reveal="left"]{transform:translate3d(-28px,0,0)}
.v75-motion-ready [data-v75-reveal="right"]{transform:translate3d(28px,0,0)}
.v75-motion-ready [data-v75-reveal].is-v75-visible{opacity:1;transform:none}
[data-v75-spotlight]{position:relative;isolation:isolate;overflow:hidden}
[data-v75-spotlight]::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(520px circle at var(--v75-local-x,50%) var(--v75-local-y,50%),rgba(212,255,61,.09),transparent 46%);
  transition:opacity .25s ease;
}
[data-v75-spotlight]:hover::before{opacity:1}
@supports (animation-timeline:view()){
  [data-v75-viewline]::after{
    animation:v75-line-grow linear both;
    animation-timeline:view();
    animation-range:entry 15% cover 55%;
  }
  @keyframes v75-line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  #scarmScrollProgressV75{display:none}
  .v75-motion-ready [data-v75-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  [data-v75-spotlight]::before{display:none}
}