/* ONLYDROP v47 — FLAT TYPE / SUGGESTED PERSPECTIVE
   A single, unextruded plane of type tilts in 3D space. No bevels, light,
   specular highlights, duplicated outlines or artificial 3D shadows.
   The clipping remains exclusive to the artwork panels. */
#home .category-menu > a.category-card {
  perspective: 850px;
  perspective-origin: 42% 40%;
  overflow: visible !important;
  clip-path: none !important;
}
#home .category-menu > a.category-card > h2.category-title {
  overflow: visible !important;
  transform: none !important;
  transform-style: preserve-3d;
  perspective: 730px;
  perspective-origin: 28% 60%;
}
#home .category-menu > a.category-card > h2.category-title > .type-lettering {
  backface-visibility: visible;
  transform-style: flat;
  transform-origin: 18% 50% !important;
  transition: transform 460ms cubic-bezier(.16, 1, .3, 1) !important;
  will-change: transform;
  filter: none !important;
  text-shadow: none !important;
}
/* Street poster leaning away in the upper-right corner. */
#home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering {
  transform: perspective(620px) rotateY(-17deg) rotateX(7deg) skewY(-5deg) rotateZ(-3deg) !important;
}
/* Digital panel: opposite vanishing direction, controlled and crisp. */
#home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering {
  transform: perspective(720px) rotateY(15deg) rotateX(-5deg) skewY(3deg) rotateZ(1deg) !important;
}
/* Gothic title: tall, slightly folded towards the viewer on one edge. */
#home .category-menu > a.cat-art2d > h2.category-title > .type-lettering {
  transform: perspective(660px) rotateY(-19deg) rotateX(-6deg) skewY(-3deg) rotateZ(-1deg) !important;
}
/* Handwritten title: floating slanted paper plane, no extrusion. */
#home .category-menu > a.cat-story > h2.category-title > .type-lettering {
  transform: perspective(760px) rotateY(10deg) rotateX(9deg) skewY(-4deg) rotateZ(-2deg) !important;
}
/* Collage: a single perspective for the whole word; each cutout tilts too. */
#home .category-menu > a.cat-projects > h2.category-title > .type-lettering {
  transform: perspective(780px) rotateY(-13deg) rotateX(6deg) skewY(-2deg) rotateZ(-2deg) !important;
}
#home .category-menu > a.cat-projects .type-lettering > .collage-piece {
  transform-origin: center center !important;
  transition: transform 420ms cubic-bezier(.2,.8,.2,1) !important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-one {
  transform: perspective(420px) rotateY(-12deg) rotateZ(-9deg) translateY(3px) !important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-two {
  transform: perspective(420px) rotateY(9deg) rotateZ(7deg) translateY(-4px) !important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-three {
  transform: perspective(420px) rotateY(-10deg) rotateZ(-7deg) translateY(4px) !important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-four {
  transform: perspective(420px) rotateY(10deg) rotateZ(6deg) translateY(-1px) !important;
}
/* Perspective is reduced on narrow screens to protect readability. */
@media (max-width:650px) {
  #home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering {
    transform: perspective(700px) rotateY(-8deg) skewY(-2deg) rotateZ(-2deg) !important;
  }
  #home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering {
    transform: perspective(700px) rotateY(8deg) skewY(2deg) !important;
  }
  #home .category-menu > a.cat-art2d > h2.category-title > .type-lettering {
    transform: perspective(700px) rotateY(-9deg) skewY(-2deg) !important;
  }
  #home .category-menu > a.cat-story > h2.category-title > .type-lettering {
    transform: perspective(700px) rotateY(6deg) skewY(-2deg) rotateZ(-1deg) !important;
  }
  #home .category-menu > a.cat-projects > h2.category-title > .type-lettering {
    transform: perspective(700px) rotateY(-6deg) skewY(-1deg) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #home .category-menu > a.category-card > h2.category-title > .type-lettering,
  #home .category-menu > a.cat-projects .type-lettering > .collage-piece {
    transition: none !important;
  }
}