/* Finite holographic entrances. Semantic text is visible without JavaScript. */
#local-web-design > .shell { position:relative; }
#local-web-design .intro-hologram-canvas { position:absolute; inset:0; z-index:3; width:100%; height:100%; pointer-events:none; }
#local-web-design .holo-heading { position:relative; isolation:isolate; }
#local-web-design .holo-word { position:relative; display:inline-block; white-space:nowrap; }
#local-web-design .holo-letter { display:inline-block; }
#local-web-design .holo-word::before,
#local-web-design .holo-word::after { content:attr(data-holo-word); position:absolute; inset:0; opacity:0; pointer-events:none; }
#local-web-design .holo-word::before { color:#86eaff; clip-path:inset(15% 0 52%); }
#local-web-design .holo-word::after { color:#bca4ff; clip-path:inset(53% 0 12%); }
#local-web-design .holo-heading::after { content:""; position:absolute; left:-2%; top:0; width:104%; height:1px; opacity:0; pointer-events:none; background:linear-gradient(90deg,transparent,#83e7ff 24%,#fff 50%,#b7a3ff 76%,transparent); box-shadow:0 0 12px #8ce9ff,0 0 30px #8574ff88; }

@media (prefers-reduced-motion:no-preference) {
  #local-web-design [data-intro-motion="copy"].intro-motion-ready { opacity:0; }
  #local-web-design [data-intro-motion="copy"].intro-motion-ready.is-intro-visible { animation:intro-copy-resolve .9s var(--intro-delay,0ms) cubic-bezier(.16,1,.3,1) both; }
  #local-web-design .holo-heading.intro-motion-ready .holo-letter { opacity:0; }
  #local-web-design .holo-heading.intro-motion-ready.is-intro-visible .holo-letter { animation:intro-glyph-resolve 1.12s calc(var(--intro-delay,0ms) + var(--holo-index) * 11ms) cubic-bezier(.16,1,.3,1) both; }
  #local-web-design .holo-heading.intro-motion-ready.is-intro-visible .holo-word::before { animation:intro-prism-upper 1.65s calc(var(--intro-delay,0ms) + var(--holo-word-index) * 65ms) ease-out both; }
  #local-web-design .holo-heading.intro-motion-ready.is-intro-visible .holo-word::after { animation:intro-prism-lower 1.65s calc(var(--intro-delay,0ms) + var(--holo-word-index) * 65ms) ease-out both; }
  #local-web-design .holo-heading.intro-motion-ready.is-intro-visible::after { animation:intro-light-scan 1.8s var(--intro-delay,0ms) cubic-bezier(.22,.61,.36,1) both; }
  #local-web-design .search-proof.is-intro-visible .intro-divider::after { animation:intro-divider-charge 2.6s .1s ease-in-out both; }
  #local-web-design [data-intro-motion="copy"].intro-motion-ready:focus-within { opacity:1; transform:none; animation:none; }

  @keyframes intro-copy-resolve {
    from { opacity:0; transform:translate3d(0,18px,0); }
    to { opacity:1; transform:none; }
  }
  @keyframes intro-glyph-resolve {
    0% { opacity:0; transform:translate3d(var(--holo-offset),22px,0) rotateX(65deg) scale(.94); filter:blur(5px); color:#88eaff; text-shadow:-5px 0 #58d7ff,5px 0 #a287ff; }
    32% { opacity:.85; color:#b0f0ff; text-shadow:-2px 0 #58d7ff,2px 0 #a287ff,0 0 13px #80dcff88; }
    65% { opacity:1; transform:translate3d(0,-1px,0); filter:blur(0); color:inherit; }
    100% { opacity:1; transform:none; filter:none; color:inherit; text-shadow:none; }
  }
  @keyframes intro-prism-upper {
    0% { opacity:0; transform:translate3d(-22px,-6px,0); }
    18% { opacity:.7; }
    52% { opacity:.25; transform:translate3d(4px,0,0); }
    78%,100% { opacity:0; transform:none; }
  }
  @keyframes intro-prism-lower {
    0% { opacity:0; transform:translate3d(22px,7px,0); }
    23% { opacity:.5; }
    55% { opacity:.2; transform:translate3d(-3px,0,0); }
    78%,100% { opacity:0; transform:none; }
  }
  @keyframes intro-light-scan {
    0% { opacity:0; top:0; transform:scaleX(.3); }
    18% { opacity:.9; transform:scaleX(1); }
    74% { opacity:.65; }
    100% { opacity:0; top:100%; transform:scaleX(.7); }
  }
  @keyframes intro-divider-charge {
    0% { opacity:0; background-position:50% 100%; }
    28%,68% { opacity:1; }
    100% { opacity:0; background-position:50% 0%; }
  }
  @media (max-width:1024px) {
    @keyframes intro-divider-charge {
      0% { opacity:0; background-position:100% 50%; }
      28%,68% { opacity:1; }
      100% { opacity:0; background-position:0% 50%; }
    }
  }
}

@media (prefers-reduced-motion:reduce), print {
  #local-web-design [data-intro-motion],#local-web-design .holo-letter { opacity:1!important; transform:none!important; filter:none!important; animation:none!important; text-shadow:none!important; }
  #local-web-design .holo-word::before,#local-web-design .holo-word::after,#local-web-design .holo-heading::after,#local-web-design .intro-hologram-canvas,#local-web-design .intro-divider::after { display:none; }
  #local-web-design .search-button { transition:none; }
}
@media (forced-colors:active) {
  #local-web-design .intro-hologram-canvas,#local-web-design .holo-word::before,#local-web-design .holo-word::after,#local-web-design .holo-heading::after { display:none; }
  #local-web-design .intro-divider { background:CanvasText; }
}