/* User-edited SVG wordmarks. Keep the artwork intact, including its
   embedded overlay, and never add font strokes or duplicate shadows. */
html body .od-svg-wordmark {
  display:none!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  box-shadow:none!important;
  transform:none!important;
  flex:none!important;
}
html:not([lang="es"]) body .od-svg-wordmark-en,
html[lang="es"] body .od-svg-wordmark-es {
  display:block!important;
}

/* Index previews: original skew and placement, but artwork is now the SVG,
   not a browser-rendered font. Let narrow cards shrink proportionally. */
html body #home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering.od-svg-title-2d,
html body #home .category-menu > a.cat-story > h2.category-title > .type-lettering.od-svg-title-story {
  display:block!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  height:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-wrap:nowrap!important;
  filter:none!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  background:none!important;
}
html body #home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering.od-svg-title-2d {
  width:min(100%,315px)!important;
  transform:rotate(-3deg) skewX(-3deg)!important;
}
html body #home .category-menu > a.cat-story > h2.category-title > .type-lettering.od-svg-title-story {
  width:min(100%,540px)!important;
  transform:rotate(-2.3deg)!important;
}

/* Section headers: preserve original SVG proportions and the shared
   header's available width. Language is selected by the HTML lang attr. */
html body #views #work[data-cat="animation2d"] .od-art2d-sticky-title > :is(.od-work-title-2d-es,.od-work-title-2d-en) {
  width:min(100%,300px)!important;
  max-width:100%!important;
  min-width:0!important;
  max-height:100%!important;
  line-height:0!important;
}
html body #views #work[data-cat="storyboard"] .od-art2d-sticky-title > .od-index-title-copy-story {
  width:min(100%,600px)!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:100%!important;
  flex:0 1 auto!important;
  line-height:0!important;
  overflow:visible!important;
}
html body #views #work .od-art2d-sticky-title .od-svg-wordmark {
  max-height:70px!important;
}
@media (max-width:760px) {
  html body #home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering.od-svg-title-2d {
    width:min(100%,275px)!important;
  }
  html body #home .category-menu > a.cat-story > h2.category-title > .type-lettering.od-svg-title-story {
    width:min(100%,470px)!important;
  }
  html body #views #work .od-art2d-sticky-title .od-svg-wordmark {
    max-height:62px!important;
  }
}