/* ONLYDROP / V102 — two-tone unlit extruded lettering. Bottom face is lighter than the side.
   Solid shadows in two directions simulate hard, separate faces. */
html body #home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering.type-lettering-dreidee {
  transform:
    perspective(510px)
    rotateY(-18deg)
    rotateX(8deg)
    rotateZ(-1.5deg)
    skewY(-1deg)
    scaleX(var(--od-title-fit-x, 1)) !important;
  transform-origin: left 50% !important;
  transform-style: preserve-3d !important;
  color: #e6f2f5 !important;
  -webkit-text-fill-color: #e6f2f5 !important;
  -webkit-text-stroke: .45px #adcbd4 !important;
  /* Lighter vertical underside; darker diagonal lateral wall, no blur. */
  text-shadow:
    0 1px 0 #627f90,
    0 2px 0 #627f90,
    0 3px 0 #627f90,
    0 4px 0 #627f90,
    0 5px 0 #627f90,
    0 6px 0 #627f90,
    0 7px 0 #627f90,
    0 8px 0 #627f90,
    1px 1px 0 #293d4d,
    2px 2px 0 #293d4d,
    3px 3px 0 #293d4d,
    4px 4px 0 #293d4d,
    5px 5px 0 #293d4d,
    6px 6px 0 #293d4d,
    7px 7px 0 #293d4d,
    8px 8px 0 #293d4d,
    9px 9px 0 #293d4d,
    10px 10px 0 #293d4d,
    11px 11px 0 #293d4d,
    12px 12px 0 #293d4d,
    13px 13px 0 #293d4d,
    14px 14px 0 #293d4d !important;
}
/* A less extreme angle where the text has less room. */
@media (max-width: 900px) {
  html body #home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering.type-lettering-dreidee {
    transform:
      perspective(610px)
      rotateY(-12deg)
      rotateX(5deg)
      rotateZ(-1deg)
      scaleX(var(--od-title-fit-x, 1)) !important;
    text-shadow:
    0 1px 0 #627f90,
    0 2px 0 #627f90,
    0 3px 0 #627f90,
    0 4px 0 #627f90,
    0 5px 0 #627f90,
    1px 1px 0 #293d4d,
    2px 2px 0 #293d4d,
    3px 3px 0 #293d4d,
    4px 4px 0 #293d4d,
    5px 5px 0 #293d4d,
    6px 6px 0 #293d4d,
    7px 7px 0 #293d4d,
    8px 8px 0 #293d4d !important;
  }
}