
/* Airbrush Some Stuff V36 — clean buttons + true mural-style H1 glitch */
body.v36-ui{--v36-cyan:#12d9ff;--v36-orange:#ff6d00}

/* Remove the escaped V28 sheen that created the large slanted gray panels. */
body.v36-ui .btn:not(.btn-radiant):after,
body.v36-ui button[type="submit"]:after,
body.v36-ui .filter:after,
body.v36-ui .menu-toggle:after,
body.v36-ui .floating-project-main:after{display:none!important;content:none!important}

/* Keep the 3D orb inside the physical button boundary. */
body.v36-ui .v35-orb-button:not(.btn-radiant){overflow:hidden!important}
body.v36-ui .v35-orb-button:not(.btn-radiant) .v35-btn-orb{margin-right:-5px}
body.v36-ui .v35-orb-button:not(.btn-radiant):hover .v35-btn-orb{transform:translateZ(10px) rotateY(15deg) rotateX(-5deg) scale(1.045)}

/* Do not disturb the dedicated radiating Contact Us treatment. */
body.v36-ui .btn-radiant{overflow:visible!important}
body.v36-ui .btn-radiant:after{display:block!important;content:""!important}

/* Cancel the V35 generic striped headline. V36 uses the actual mural glitch method. */
body.v36-ui.v35-ui main h1.v36-glitch-title:not(.m32-glitch-title){
  position:relative;
  isolation:isolate;
  display:block;
  color:#f5fbff!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  text-shadow:0 2px 0 rgba(0,0,0,.45)!important;
  filter:none!important;
  animation:none!important;
  transform:none;
  overflow:visible;
}
body.v36-ui.v35-ui main h1.v36-glitch-title:not(.m32-glitch-title) em{
  color:inherit!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  font-style:inherit;
}
body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::before,
body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::after{
  content:attr(data-v36-text);
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  color:#f5fbff;
  font:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  text-transform:inherit;
  white-space:pre-line;
  pointer-events:none;
  overflow:hidden;
  opacity:.9;
}
body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::before{
  color:var(--v36-cyan);
  text-shadow:-3px 0 var(--v36-cyan);
  transform:translateX(-2px);
  clip-path:inset(0 0 64% 0);
  animation:v36GlitchA 4.8s infinite steps(1,end);
}
body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::after{
  color:var(--v36-orange);
  text-shadow:3px 0 var(--v36-orange);
  transform:translateX(2px);
  clip-path:inset(66% 0 8% 0);
  animation:v36GlitchB 4.8s infinite steps(1,end);
}

@keyframes v36GlitchA{
  0%,88%,100%{transform:translateX(-2px);clip-path:inset(0 0 64% 0);opacity:.78}
  89%{transform:translateX(-8px);clip-path:inset(18% 0 55% 0);opacity:1}
  90%{transform:translateX(6px);clip-path:inset(52% 0 27% 0)}
  91%{transform:translateX(-3px);clip-path:inset(4% 0 74% 0)}
  92%{transform:translateX(-2px);clip-path:inset(0 0 64% 0)}
}
@keyframes v36GlitchB{
  0%,86%,100%{transform:translateX(2px);clip-path:inset(66% 0 8% 0);opacity:.76}
  87%{transform:translateX(9px);clip-path:inset(72% 0 4% 0);opacity:1}
  88%{transform:translateX(-6px);clip-path:inset(34% 0 42% 0)}
  89%{transform:translateX(4px);clip-path:inset(78% 0 2% 0)}
  90%{transform:translateX(2px);clip-path:inset(66% 0 8% 0)}
}

/* Keep headings crisp over complex hero artwork. */
body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title){max-width:min(100%,16ch)}
body.v36-ui .editorial-blog-hero h1.v36-glitch-title,
body.v36-ui .commerce-step-hero h1.v36-glitch-title,
body.v36-ui .legal-page h1.v36-glitch-title,
body.v36-ui .thank-you h1.v36-glitch-title,
body.v36-ui .search-page h1.v36-glitch-title{max-width:100%}

@media(max-width:780px){
  body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::before,
  body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::after{animation-duration:6s}
}
@media(prefers-reduced-motion:reduce){
  body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::before,
  body.v36-ui main h1.v36-glitch-title:not(.m32-glitch-title)::after{animation:none!important;opacity:.38!important}
  body.v36-ui .v35-orb-button .v35-btn-orb{transform:none!important}
}
