/* Original React Bits WebGL Lanyard — full HERO-size physics viewport.
   The navbar and approved hero photo/typography are unchanged.
   The full canvas prevents the 3D badge being clipped by a narrow right-side box.
   The Three.js canvas does not intercept links; pointer hit testing is delegated
   to the parent hero in reactbits/Lanyard.js. */
.editorial-hero>.patch-reactbits-strip{
  position:absolute;
  z-index:5;
  inset:0;
  width:100%;
  max-width:none;
  height:100%;
  max-height:none;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  isolation:isolate;
  background:transparent;
  color:inherit;
  pointer-events:none;
}
/* Keep the woven 3D strap, but remove the fake mint-colored cap at the
   navbar/hero seam. The original Three.js rope remains fully visible. */
.editorial-hero>.patch-reactbits-strip::before{
  content:none;
  display:none;
}
.patch-reactbits-strip .patch-reactbits-lanyard-mount,
.patch-reactbits-strip .patch-reactbits-lanyard-mount .lanyard{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  background:transparent;
  pointer-events:none;
}
.patch-reactbits-strip .patch-reactbits-lanyard-mount{z-index:2;}
.patch-reactbits-strip .lanyard-canvas{
  display:block;
  width:100%;
  height:100%;
  background:transparent;
  pointer-events:none;
}
.patch-reactbits-strip .patch-reactbits-unavailable{
  display:none;
  position:absolute;
  z-index:3;
  bottom:15%;
  left:60%;
  max-width:220px;
  font:600 10px/1.5 var(--sans,system-ui);
  letter-spacing:.05em;
  color:#fff;
  text-shadow:0 2px 9px #0009;
  pointer-events:none;
}
.patch-reactbits-strip[data-error="true"] .patch-reactbits-unavailable{display:block}
/* Existing navigation, hero CTAs and the scroll cue retain their clicks. */
.editorial-hero>.editorial-hero-bottom{z-index:7}
@media(max-width:680px){
  .editorial-hero>.patch-reactbits-strip{
    inset:0;
    width:100%;
    max-width:none;
    height:100%;
    min-height:0;
    max-height:none;
  }
}


/* Preserve legibility even while visitors drag the card across the heading. */
.editorial-hero>.editorial-hero-content.container{z-index:6}
html.patch-photo-ready .editorial-hero>.editorial-hero-content.container{z-index:6}
.editorial-hero>.editorial-hero-bottom{z-index:7}