/* Candidate 30 — isolated contact cleanup, unified mobile Hero and local numeral arcs. */

/* Lane A: decoded alpha light sits below the authoritative HTML track. */
.contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage{
  position:relative;
  isolation:isolate;
}

.contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage .bounty-track{
  position:relative;
  z-index:3;
}

.contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage .bounty-track li>span{
  position:relative;
  z-index:4;
}

@media(min-width:1051px){
  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-electric-video{
    display:block;
    position:absolute;
    z-index:2;
    top:56px;
    left:0;
    width:100%;
    height:auto;
    aspect-ratio:1280/100;
    transform:translateY(-48%);
    object-fit:contain;
    object-position:center;
    opacity:0;
    pointer-events:none;
    mix-blend-mode:normal;
    filter:none;
    transition:opacity .1s linear;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage.is-electric-video-active .bounty-electric-video{
    opacity:1;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage.is-electric-screen-fallback .bounty-electric-video{
    mix-blend-mode:screen;
  }
}

/* Lane B: one continuous portrait Hero plane on phones. */
@media(max-width:700px){
  .contact-clean-mobile-hero-arcs-preview-candidate .hero{
    height:100svh;
    min-height:100svh;
    padding-top:0;
    isolation:isolate;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .hero-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#04050a;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .hero-media picture,
  .contact-clean-mobile-hero-arcs-preview-candidate .hero-media img{
    display:block;
    width:100%;
    height:100%;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .hero-media img{
    object-fit:cover;
    /* Owner mobile correction 20260728: restore a centered/only-slightly-right hero crop.
       69% kept KIIRO too far right on phones; 76% moves the crop left so KIIRO is visible without becoming perfectly centered. */
    object-position:76% center;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .hero-shade{
    inset:0;
    top:0;
    bottom:0;
    height:auto;
    background:linear-gradient(180deg,rgba(3,5,11,0) 0 62%,rgba(3,5,11,.08) 70%,rgba(3,5,11,.54) 100%);
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .hero-layout{
    position:absolute;
    inset:0;
    width:100%;
    min-height:100%;
    padding:0;
    pointer-events:none;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .hero-copy{
    position:absolute;
    /* Center the mark across lower thighs / knees, ending above the shoes. */
    inset:auto 0 clamp(96px,17svh,142px);
    width:100%;
    padding:0 4vw;
    text-align:center;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .animated-wordmark{
    width:min(92vw,430px);
    max-width:92vw;
    aspect-ratio:1875/601;
    margin:0 auto;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .animated-title-video{
    display:none!important;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .animated-wordmark .animated-title-fallback{
    display:block!important;
    width:100%;
    opacity:1!important;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .animated-wordmark .animated-title-fallback img{
    display:block;
    width:100%;
    height:auto;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .tagline,
  .contact-clean-mobile-hero-arcs-preview-candidate .hero-actions{
    display:none;
  }
}

/* Lane C: one reusable local loop per live mobile numeral; never a rail. */
@media(max-width:640px){
  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-track li{
    position:relative;
    isolation:isolate;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-numeral-micro-arc{
    display:block;
    position:absolute;
    z-index:2;
    left:-25px;
    top:-1px;
    width:96px;
    height:96px;
    object-fit:contain;
    opacity:0;
    pointer-events:none;
    mix-blend-mode:normal;
    transition:opacity .1s linear;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage.is-micro-arc-active .bounty-numeral-micro-arc{
    opacity:1;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-track li>span{
    position:relative;
    z-index:3;
  }

  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-track-stage.is-micro-screen-fallback .bounty-numeral-micro-arc{
    mix-blend-mode:screen;
  }
}

@media(max-width:1050px),(prefers-reduced-motion:reduce){
  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-electric-video{
    display:none!important;
    opacity:0!important;
  }
}

@media(min-width:641px),(prefers-reduced-motion:reduce){
  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-numeral-micro-arc{
    display:none!important;
    opacity:0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-electric-video,
  .contact-clean-mobile-hero-arcs-preview-candidate .bounty-numeral-micro-arc{
    transition:none;
  }
}
