/* =========================================================
   Airbrush Some Stuff V55 — Hero text visibility / contrast fix
   V54 layout preserved. Removes fragile transparent gradient text
   and guarantees visible cyan + orange hero typography.
   ========================================================= */
:root{
  --v55-cyan:#00a9d6;
  --v55-cyan-bright:#00cfee;
  --v55-orange:#f36b18;
  --v55-orange-bright:#ff8a2a;
  --v55-ink:#111714;
  --v55-copy:#3d4b50;
  --v55-muted:#607077;
  --v55-paper:#f7f4ec;
}

/* Never use transparent text for public H1s. This is the main V54 fix. */
body.theme-v38 main h1,
body.theme-v38 main h1.v36-glitch-title,
body.theme-v38 main h1:not(.m32-glitch-title):not(.v38-home-title){
  opacity:1!important;
  visibility:visible!important;
  color:var(--v55-cyan)!important;
  background:none!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:var(--v55-cyan)!important;
  -webkit-text-stroke:.7px rgba(243,107,24,.42);
  text-shadow:0 2px 0 rgba(17,23,20,.13),0 10px 30px rgba(17,23,20,.08)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  position:relative;
  z-index:4;
}

/* Editorial accent line = orange fill with a cyan edge. */
body.theme-v38 main h1 em,
body.theme-v38 main h1 .hero-accent,
body.theme-v38 main h1 .v38-serif-accent{
  opacity:1!important;
  visibility:visible!important;
  color:var(--v55-orange)!important;
  background:none!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:var(--v55-orange)!important;
  -webkit-text-stroke:.55px rgba(0,169,214,.42);
  text-shadow:0 2px 0 rgba(17,23,20,.10)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Landing hero keeps its three-line personality but uses solid colors. */
body.theme-v38 .v38-home-title{
  opacity:1!important;
  visibility:visible!important;
  color:var(--v55-cyan)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  filter:none!important;
}
body.theme-v38 .v38-home-title .v38-condensed,
body.theme-v38 .v38-home-title .v38-solid{
  color:var(--v55-cyan)!important;
  -webkit-text-fill-color:var(--v55-cyan)!important;
  -webkit-text-stroke:.7px rgba(243,107,24,.38);
  text-shadow:0 2px 0 rgba(17,23,20,.12)!important;
}
body.theme-v38 .v38-home-title .v38-serif{
  color:var(--v55-orange)!important;
  -webkit-text-fill-color:var(--v55-orange)!important;
  -webkit-text-stroke:.55px rgba(0,169,214,.38);
  text-shadow:0 2px 0 rgba(17,23,20,.10)!important;
}

/* V52 mural hero: solid, browser-safe color. */
body.theme-v38.page-murals .mural-editorial-copy h1{
  color:var(--v55-cyan)!important;
  -webkit-text-fill-color:var(--v55-cyan)!important;
  background:none!important;
  -webkit-text-stroke:.7px rgba(243,107,24,.36);
  text-shadow:0 2px 0 rgba(17,23,20,.12)!important;
}
body.theme-v38.page-murals .mural-editorial-copy h1 em{
  color:var(--v55-orange)!important;
  -webkit-text-fill-color:var(--v55-orange)!important;
  -webkit-text-stroke:.55px rgba(0,169,214,.34);
}

/* Cream / orange editorial heroes: supporting copy must remain dark enough
   even when it crosses the orange diagonal band. */
body.theme-v38 :is(
  .atelier-copy,
  .event-poster-copy,
  .studio-story-copy,
  .local-proof-copy,
  .contact-router-copy,
  .shop-rack-copy,
  .video-theater-copy,
  .editorial-blog-hero,
  .pc-hero-copy,
  .group-hero>div:first-child,
  .fundraiser-hero>div:first-child,
  .school-hero>div:first-child,
  .event-guide-hero>div:first-child,
  .design-hero>div:first-child,
  .file-prep-hero>div:first-child,
  .production-hero>div:first-child,
  .pricing-center-hero>div:first-child,
  .deadline-hero>div:first-child,
  .learn-hero>div:first-child
) > p{
  color:var(--v55-copy)!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Eyebrows on the orange stripe were also too close in color. */
body.theme-v38 :is(
  .atelier-copy,
  .event-poster-copy,
  .studio-story-copy,
  .local-proof-copy,
  .contact-router-copy,
  .shop-rack-copy,
  .video-theater-copy,
  .pc-hero-copy
) > .eyebrow{
  color:var(--v55-ink)!important;
  -webkit-text-fill-color:var(--v55-ink)!important;
  text-shadow:none!important;
}

/* About page */
body.theme-v38 .studio-story-copy p{color:var(--v55-copy)!important}
body.theme-v38 .story-values span{
  color:var(--v55-ink)!important;
  background:rgba(247,244,236,.88)!important;
  border-color:rgba(17,23,20,.16)!important;
}
body.theme-v38 .story-values b{color:var(--v55-orange)!important}
body.theme-v38 .story-stamp{color:var(--v55-ink)!important}

/* Shop hero: chips were dark-on-dark in the screenshot. */
body.theme-v38 .shop-rack-copy p{color:var(--v55-copy)!important}
body.theme-v38 .shop-hero-chips span{
  background:var(--v55-ink)!important;
  color:var(--v55-cyan-bright)!important;
  -webkit-text-fill-color:var(--v55-cyan-bright)!important;
  border:1px solid rgba(0,169,214,.28)!important;
  opacity:1!important;
}
body.theme-v38 .shop-rack-grid figure>span{
  color:var(--v55-cyan-bright)!important;
  -webkit-text-fill-color:var(--v55-cyan-bright)!important;
}

/* Gallery hero: strengthen all explanation text. */
body.theme-v38 .gallery-hero-content h1{
  color:var(--v55-cyan)!important;
  -webkit-text-fill-color:var(--v55-cyan)!important;
  background:none!important;
}
body.theme-v38 .gallery-hero-content>p{color:var(--v55-copy)!important;opacity:1!important}
body.theme-v38 .gallery-hero-content>.eyebrow{color:var(--v55-orange)!important}
body.theme-v38 .gallery-hero-points strong{color:var(--v55-cyan)!important}
body.theme-v38 .gallery-hero-points span{color:var(--v55-muted)!important}

/* Generic hero labels and descriptive copy. */
body.theme-v38 :is(.commerce-step-hero,.group-hero,.fundraiser-hero,.school-hero,.event-guide-hero,.design-hero,.file-prep-hero,.production-hero,.pricing-center-hero,.deadline-hero,.learn-hero) .eyebrow{
  color:var(--v55-orange)!important;
}
body.theme-v38 :is(.commerce-step-hero,.group-hero,.fundraiser-hero,.school-hero,.event-guide-hero,.design-hero,.file-prep-hero,.production-hero,.pricing-center-hero,.deadline-hero,.learn-hero) p{
  color:var(--v55-copy)!important;
}

/* Buttons on light hero areas need explicit text colors. */
body.theme-v38 :is(.studio-story-hero,.shop-rack-hero,.gallery-hero-split,.services-atelier-hero,.event-poster-hero,.contact-router-hero,.local-proof-hero) .btn{
  -webkit-text-fill-color:currentColor!important;
}
body.theme-v38 :is(.studio-story-hero,.shop-rack-hero,.gallery-hero-split,.services-atelier-hero,.event-poster-hero,.contact-router-hero,.local-proof-hero) .btn-ghost{
  color:var(--v55-ink)!important;
}

/* Safety net: headings inside light editorial panels must never inherit a
   transparent text-fill from an older animation stylesheet. */
body.theme-v38 :is(
  .content-showcase,
  .split-story,
  .shop-controls,
  .gallery-browser,
  .project-grid-section,
  .process,
  .blog-preview,
  .related-posts
) :is(h2,h3,strong){
  -webkit-text-fill-color:currentColor;
  opacity:1;
  visibility:visible;
}

@media(max-width:700px){
  body.theme-v38 main h1,
  body.theme-v38 main h1:not(.m32-glitch-title):not(.v38-home-title){
    color:var(--v55-cyan)!important;
    -webkit-text-fill-color:var(--v55-cyan)!important;
    background:none!important;
    -webkit-text-stroke:.45px rgba(243,107,24,.34);
    text-shadow:0 1px 0 rgba(17,23,20,.12)!important;
  }
  body.theme-v38 main h1 em,
  body.theme-v38 main h1 .hero-accent,
  body.theme-v38 main h1 .v38-serif-accent{
    color:var(--v55-orange)!important;
    -webkit-text-fill-color:var(--v55-orange)!important;
    -webkit-text-stroke:.4px rgba(0,169,214,.30);
  }
}

@media(prefers-contrast:more){
  body.theme-v38 main h1{color:#0085aa!important;-webkit-text-fill-color:#0085aa!important;-webkit-text-stroke:1px rgba(17,23,20,.36)}
  body.theme-v38 main h1 em{color:#d94f00!important;-webkit-text-fill-color:#d94f00!important;-webkit-text-stroke:.8px rgba(17,23,20,.22)}
  body.theme-v38 :is(.studio-story-copy,.shop-rack-copy,.gallery-hero-content,.atelier-copy,.event-poster-copy,.contact-router-copy)>p{color:#243136!important}
}
