/* Aria Recording Studio — site styles
   Static assets use long-lived caching; increment this filename when deploying changes. */

:root {
      --bg: #11100f;
      --surface: #1c1917;
      --text: #f7f2ea;
      --muted: #d2c6b8;
      --accent: #9ad1cf;
      --shadow: 0 24px 70px rgba(0,0,0,.35);
      --max: 1180px;
    }
    @media (pointer: fine) and (prefers-reduced-motion: no-preference) {
      html,
      body,
      a,
      button,
      input,
      textarea,
      select,
      * {
        cursor: none !important;
      }
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at top left, rgba(154,209,207,.18), transparent 34rem),
        radial-gradient(circle at 92% 12%, rgba(154,209,207,.08), transparent 28rem),
        var(--bg);
      line-height: 1.6;
      text-rendering: optimizeLegibility;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .14;
      background-image:
        linear-gradient(rgba(247,242,234,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(247,242,234,.06) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: linear-gradient(to bottom, black, transparent 75%);
    }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; }
    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible {
      outline: 3px solid var(--accent);
      outline-offset: 4px;
    }
 .skip-link {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;

  transform: translate(-50%, -50%) scale(.92);
  opacity: 0;

  /*
   * Keep the link focusable while visually hiding it.
   * Do not use visibility:hidden or display:none.
   */
  pointer-events: none;

  padding: .9rem 1.35rem;
  border: 1px solid rgba(247,242,234,.35);
  border-radius: 999px;

  background: var(--accent);
  color: #071112;

  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;

  box-shadow:
    0 18px 50px rgba(0,0,0,.5),
    0 0 30px rgba(154,209,207,.28);

  transition:
    opacity .18s ease,
    transform .18s ease;
}

.skip-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;

  background: rgba(7, 8, 8, .78);

  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity .18s ease,
    visibility 0s linear .18s;
}

.skip-link:focus,
.skip-link:focus-visible {
  opacity: 1;
  pointer-events: auto;

  transform: translate(-50%, -50%) scale(1);

  outline: 3px solid #f7f2ea;
  outline-offset: 5px;
}

/* The backdrop immediately follows the skip link in the HTML. */
.skip-link:focus + .skip-backdrop,
.skip-link:focus-visible + .skip-backdrop {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

    .wrap { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }

    header {
      padding: .9rem 0;
      border-bottom: 1px solid rgba(247,242,234,.12);
      background: rgba(17,16,15,.82);
      backdrop-filter: blur(14px);
      position: sticky;
      top: 0;
      z-index: 10;
    }
    .nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
    .brand { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
    .brand img { width: 54px; height: 54px; object-fit: contain; background: #fff; border-radius: 50%; }
    .nav-cta,
    .button,
    .booking-form button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: .82rem 1.05rem;
      border: 1px solid transparent;
      border-radius: 999px;
      background: var(--accent);
      color: #071112;
      text-decoration: none;
      font: inherit;
      font-weight: 850;
      line-height: 1;
      box-shadow: 0 10px 24px rgba(154,209,207,.16);
      transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
      white-space: nowrap;
    }

    .nav-cta:hover,
    .button:hover,
    .booking-form button:hover,
    .nav-cta:focus-visible,
    .button:focus-visible,
    .booking-form button:focus-visible {
      transform: translateY(-2px);
      background: #f7f2ea;
      border-color: #f38420;
      color: #111111;
      box-shadow:
        0 0 0 1px rgba(243,132,32,.35),
        0 0 24px rgba(243,132,32,.25),
        0 16px 34px rgba(154,209,207,.22);
    }

    .nav-cta:disabled,
    .button:disabled,
    .booking-form button:disabled {
      cursor: wait;
      opacity: .62;
      transform: none;
      box-shadow: none;
    }

    main { overflow: clip; }

    main:focus {
      outline: none;
    }
    section { position: relative; padding: clamp(4rem, 8vw, 7rem) 0; }
    .hero { padding: clamp(2.75rem, 7vw, 6.5rem) 0 clamp(3rem, 7vw, 6rem); }
    .hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(320px, .68fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; }
    .eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .16em; font-size: .83rem; font-weight: 850; }
    h1 { font-size: clamp(2.7rem, 7vw, 5.8rem); line-height: .94; margin: .75rem 0 1rem; max-width: 15ch; letter-spacing: -.06em; }
    .lede { font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--muted); max-width: 58ch; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 2rem; }
    .hero-image { position: relative; min-height: 420px; isolation: isolate; }
    .hero-image img {
      width: 100%; min-height: 420px; object-fit: cover;
      clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
      box-shadow: var(--shadow);
      filter: saturate(.9) contrast(1.04);
    }
    .hero-image::before {
      content: ""; position: absolute; inset: -1.5rem -1rem -1rem 18%; z-index: -1;
      background: linear-gradient(135deg, rgba(154,209,207,.24), rgba(255,255,255,.04));
      transform: rotate(-2deg);
    }

    .section-title { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; margin: 0 0 1rem; letter-spacing: -.04em; }
    .section-intro { max-width: 85ch; color: var(--muted); font-size: 1.1rem; }
    .section-kicker {
      position: absolute;
      inset: 0 0 auto;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(154,209,207,.30), transparent);
      opacity: .52;
    }
    .full-bleed {
      background:
        radial-gradient(80rem 28rem at 50% 0%, rgba(154,209,207,.10), transparent 65%),
        linear-gradient(180deg, rgba(247,242,234,.018), rgba(154,209,207,.045) 52%, rgba(247,242,234,.018));
    }
    .instagram-section {
      background:
        radial-gradient(56rem 24rem at 18% 4%, rgba(154,209,207,.08), transparent 62%),
        linear-gradient(180deg, rgba(247,242,234,.012), rgba(247,242,234,.028));
    }

    .services { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, 3vw, 2rem); margin-top: 2.25rem; }
    .service { padding-block: .35rem; }
    .service::before { content: ""; display: block; width: 3.5rem; height: 3px; background: var(--accent); margin-bottom: 1rem; }
    .service h3 { margin: 0 0 .45rem; font-size: clamp(1.2rem, 2vw, 1.5rem); }
    .service p { margin: 0; color: var(--muted); }

    .sound-wave {
      width: 100vw;
      min-height: clamp(240px, 28vw, 340px);
      margin: clamp(2.4rem, 5vw, 4rem) calc(50% - 50vw) 0;
      background: transparent;
      overflow: hidden;
      position: relative;
      isolation: isolate;
    }
    .sound-wave::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .18;
      background-image:
        linear-gradient(rgba(247,242,234,.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(247,242,234,.09) 1px, transparent 1px);
      background-size: 100% 42px, 72px 100%;
      mask-image: linear-gradient(90deg, transparent, black 9%, black 91%, transparent);
    }
    .sound-wave::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .32;
      background: radial-gradient(circle at 50% 50%, rgba(154,209,207,.09), transparent 38%);
      mix-blend-mode: screen;
    }
    .sound-wave canvas {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: clamp(240px, 28vw, 340px);
    }


    .insta-note { margin-top: 1.25rem; color: var(--muted); }
    .insta-note a { color: var(--accent); font-weight: 850; text-underline-offset: .22em; }

.facebook-photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(.75rem, 2vw, 1.25rem);
  margin-top: 2.25rem;
}

.facebook-photo {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--surface);
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
}

.facebook-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}

/* Keep subtle motion without implying that the photo is a link. */
.facebook-photo:hover img {
  transform: scale(1.035);
  filter: contrast(1.04) saturate(1.04);
}

 
    .photo-skeleton {
  aspect-ratio: 1 / 1;
  background:
    linear-gradient(
      110deg,
      rgba(247,242,234,.06) 8%,
      rgba(154,209,207,.14) 18%,
      rgba(247,242,234,.06) 33%
    );
  background-size: 220% 100%;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  animation: photoSkeleton 1.8s linear infinite;
}

.photo-skeleton::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3px;
  margin: 1rem;
  background: var(--accent);
  opacity: .55;
}

@keyframes photoSkeleton {
  to {
    background-position-x: -220%;
  }
}

    
    .insta-note a {
    transition: color .25s ease, text-shadow .25s ease;
    }

    .insta-note a:hover,
    .insta-note a:focus-visible {
    color: #f7f2ea;
    text-shadow: 0 0 18px rgba(247,242,234,.35);
    }
    .booking-layout {
  display:grid;
  grid-template-columns:.8fr 1fr;
  gap:clamp(2rem,6vw,5rem);
  align-items:start;
}


.booking-form {
  background:
    linear-gradient(
      145deg,
      rgba(247,242,234,.08),
      rgba(154,209,207,.06)
    );

  padding:clamp(1.5rem,4vw,2.5rem);

  box-shadow:
    0 30px 80px rgba(0,0,0,.32);

  border:1px solid rgba(247,242,234,.12);
}


.booking-form label {
  display:block;
  color:var(--muted);
  font-weight:800;
  margin-bottom:1.2rem;
}


.booking-form input,
.booking-form textarea,
.booking-form select {

  width:100%;
  margin-top:.4rem;
  padding:.9rem 1rem;

  background:#11100f;
  color:var(--text);

  border:
    1px solid rgba(247,242,234,.18);

  font:inherit;
}


.booking-form input:focus,
.booking-form textarea:focus,
.booking-form select:focus {

  outline:none;

  border-color:var(--accent);

  box-shadow:
    0 0 0 3px rgba(154,209,207,.22);
}


.website-field {
  display:none;
}


.form-status {
  color:var(--accent);
  font-weight:800;
}
@media(max-width:860px){

  .booking-layout{
    grid-template-columns:1fr;
  }

}

    .cta {
  text-align: left;
  background:
    radial-gradient(48rem 24rem at 50% 20%, rgba(154,209,207,.18), transparent 68%),
    linear-gradient(180deg, rgba(247,242,234,.018), rgba(154,209,207,.10));
}

.cta h2 {
  max-width: 12ch;
}

.cta p {
  margin-inline: 0;
}

    footer { 
  padding: 2rem 0; 
  color: var(--muted); 
  border-top: 1px solid rgba(247,242,234,.12); 
}

.footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.copyright {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 42px;
  line-height: 1;
}

.social-links {
  display: flex;
  align-items: center;
  gap: .85rem;
}

.social-links a {
  width: 42px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  color: var(--muted);
  background: rgba(247,242,234,.045);
  border: 1px solid rgba(247,242,234,.12);

  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.social-links svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.social-links a:hover,
.social-links a:focus-visible {
  color: #111111;
  background: #f7f2ea;
  border-color: #f38420;

  transform: translateY(-2px);

  box-shadow:
    0 0 0 1px rgba(243,132,32,.35),
    0 0 22px rgba(243,132,32,.25);
}


    .signal-prehero {
      display: none;
    }

    @keyframes recPulse {
      50% { opacity: .45; transform: scale(.82); }
    }

    @keyframes idleLightningMain {
      0%, 86%, 100% { opacity: 0; transform: scale(.7); }
      88% { opacity: .75; transform: scale(1); }
      91% { opacity: .25; transform: scale(.85); }
      94% { opacity: .65; transform: scale(1.05); }
    }

    @keyframes idleLightningAlt {
      0%, 88%, 100% { opacity: 0; transform: scale(.7) translateY(4px); }
      90% { opacity: .45; transform: scale(1) translateY(0); }
      93% { opacity: .18; transform: scale(.8) translateY(3px); }
      96% { opacity: .5; transform: scale(1.05) translateY(-1px); }
    }


    @media (min-width: 861px) {
      .facebook-photo-grid > :nth-child(10) {
        display: none;
      }
    }

    @media (max-width: 860px) {
      .hero-grid { grid-template-columns: 1fr; }
      .hero-actions { margin-bottom: 2rem; }
      h1 { max-width: 11ch; }
      .services { grid-template-columns: 1fr; }
      .facebook-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .brand span { font-size: .9rem; }
      .hero-image { min-height: 330px; }
      .hero-image img { min-height: 330px; clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%); }
    }
    @media (max-width: 560px) {
      .nav { align-items: center; }
      .nav-cta { min-height: 42px; padding: .65rem .85rem; font-size: .85rem; }
      .brand span { display: none; }
      .facebook-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
      }


      .signal-prehero {
        position: relative;
        overflow: hidden;
        min-height: 76px;
        display: grid;
        align-items: center;
        border-bottom: 1px solid rgba(247,242,234,.08);
        background:
          radial-gradient(20rem 8rem at 0% 50%, rgba(154,209,207,.13), transparent 70%),
          linear-gradient(180deg, rgba(247,242,234,.025), rgba(17,16,15,0));
      }

      .signal-content {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .signal-status {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        color: var(--text);
        font-size: .78rem;
        font-weight: 900;
        letter-spacing: .16em;
        text-transform: uppercase;
      }

      .rec-dot {
        width: .58rem;
        height: .58rem;
        border-radius: 50%;
        background: #f38420;
        box-shadow: 0 0 18px rgba(243,132,32,.8);
        animation: recPulse 1.35s ease-in-out infinite;
      }

      .corner-explorer {
        position: absolute;
        left: 100px;
      top: 37px;
      bottom: 0;
      height: 70%;
      width: auto;
      opacity: .78;
      transform: rotate(-90deg) translateX(-8%);
      transform-origin: bottom left;
      pointer-events: none;
      filter:
        drop-shadow(0 0 10px rgba(255,255,255,.10))
        drop-shadow(0 12px 22px rgba(0,0,0,.55));
    }
    
    .corner-explorer img {
      height: 100%;
      width: auto;
      object-fit: contain;
    }

  .corner-explorer {
    --bolt-main-x: 45px;
    --bolt-main-y: 47px;
    --bolt-main-width: 72px;
    --bolt-main-height: 34px;
    --bolt-main-rotate: 70deg;

    --bolt-alt-x: 45px;
    --bolt-alt-y: 47px;
    --bolt-alt-width: 58px;
    --bolt-alt-height: 28px;
    --bolt-alt-rotate: 120deg;

    --bolt-main-speed: 4.5s;
    --bolt-alt-speed: 3.2s;
  }

  .corner-explorer::before,
  .corner-explorer::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: left center;
  }

  .corner-explorer::before {
    left: var(--bolt-main-x);
    top: var(--bolt-main-y);
    width: var(--bolt-main-width);
    height: var(--bolt-main-height);

    background-image:
      url("data:image/svg+xml,%3Csvg viewBox='0 0 160 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 31 L35 18 L29 31 L67 13 L57 29 L106 8 L89 30 L155 17' fill='none' stroke='%239ad1cf' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 34 L39 25 L32 37 L74 21 L62 37 L112 18 L95 39 L150 30' fill='none' stroke='%23f7f2ea' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    animation:
      cornerLightningMain var(--bolt-main-speed) steps(2, end) infinite;
  }

  .corner-explorer::after {
    left: var(--bolt-alt-x);
    top: var(--bolt-alt-y);
    width: var(--bolt-alt-width);
    height: var(--bolt-alt-height);

    background-image:
      url("data:image/svg+xml,%3Csvg viewBox='0 0 160 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24 L28 32 L23 21 L64 36 L54 22 L101 43 L85 25 L155 37' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    animation:
      cornerLightningAlt var(--bolt-alt-speed) steps(2, end) infinite;
  }

  @keyframes cornerLightningMain {
    0%,
    84%,
    100% {
      opacity: 0;
      transform:
        rotate(var(--bolt-main-rotate))
        scaleX(.15)
        translateY(0);
    }

    87% {
      opacity: .85;
      transform:
        rotate(var(--bolt-main-rotate))
        scaleX(1)
        translateY(-2px);
      filter: drop-shadow(0 0 8px rgba(154,209,207,.95));
    }

    91% {
      opacity: .3;
      transform:
        rotate(var(--bolt-main-rotate))
        scaleX(.7)
        translateY(2px);
    }

    95% {
      opacity: .72;
      transform:
        rotate(var(--bolt-main-rotate))
        scaleX(1.06)
        translateY(-1px);
    }
  }

  @keyframes cornerLightningAlt {
    0%,
    87%,
    100% {
      opacity: 0;
      transform:
        rotate(var(--bolt-alt-rotate))
        scaleX(.1)
        translateY(5px);
    }

    90% {
      opacity: .55;
      transform:
        rotate(var(--bolt-alt-rotate))
        scaleX(.9)
        translateY(0);
    }

    94% {
      opacity: .2;
      transform:
        rotate(var(--bolt-alt-rotate))
        scaleX(.55)
        translateY(4px);
    }

    97% {
      opacity: .5;
      transform:
        rotate(var(--bolt-alt-rotate))
        scaleX(.95)
        translateY(1px);
    }
  }
      
     .footer-row {
        justify-content: center;
        text-align: center;
  }
}
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
    }

/* Explorer cursor */

.explorer-cursor {
    position: fixed;
    left: 0;
    top: 0;
    width: 190px;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: translate3d(-999px, -999px, 0);
    transition: opacity 160ms ease, width 180ms ease;
    will-change: transform;
  }

  .explorer-cursor.is-visible {
    opacity: 0.9;
  }

  .explorer-cursor.is-hovering {
    width: 220px;
    opacity: 1;
  }

  .explorer-cursor img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 180ms cubic-bezier(.2,.9,.2,1.4);
    filter:
      drop-shadow(0 0 10px rgba(255,255,255,.14))
      drop-shadow(0 10px 24px rgba(0,0,0,.55));
  }

  .explorer-cursor.is-hovering img {
    transform: rotate(-45deg);
  }

  .explorer-cursor::before,
  .explorer-cursor::after {
    content: "";
    position: absolute;
    right: -10px; /*more negative val = farther from headstock*/
    top: 90px; /*higher top val = lower lightnin'*/
    width: 128px;
    height: 52px;
    pointer-events: none;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: left center;
  }

  .explorer-cursor::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 36 L42 19 L34 36 L78 12 L66 34 L122 7 L102 35 L176 20' fill='none' stroke='%239ad1cf' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 39 L44 27 L36 43 L86 24 L72 42 L128 21 L108 48 L170 34' fill='none' stroke='%23f7f2ea' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .explorer-cursor::after {
    top: 95px;
    right: -2px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 28 L34 38 L29 25 L76 44 L62 27 L116 51 L96 30 L176 45' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .explorer-cursor.is-hovering::before {
    opacity: 1;
    animation: explorerLightningMain 360ms steps(2, end) infinite;
  }

  .explorer-cursor.is-hovering::after {
    opacity: .85;
    animation: explorerLightningAlt 300ms steps(2, end) infinite;
  }

  @keyframes explorerLightningMain {
    0% {
      transform: rotate(45deg) scaleX(.15) translateY(0);
      filter: drop-shadow(0 0 2px rgba(154,209,207,.8));
    }
    40% {
      transform: rotate(45deg) scaleX(1) translateY(-5px);
      filter: drop-shadow(0 0 14px rgba(154,209,207,1));
    }
    70% {
      transform: rotate(45deg) scaleX(.72) translateY(3px);
    }
    100% {
      transform: rotate(45deg) scaleX(1.08) translateY(-2px);
    }
  }

  @keyframes explorerLightningAlt {
    0% {
      transform: rotate(45deg) scaleX(.1) translateY(8px);
    }
    50% {
      transform: rotate(45deg) scaleX(.9) translateY(0);
    }
    100% {
      transform: rotate(45deg) scaleX(.62) translateY(6px);
    }
  }

  @media (pointer: coarse), (prefers-reduced-motion: reduce) {
    .explorer-cursor {
      display: none;
    }
  }