/* ONLYDROP v46 — single authoritative lettering system.
   Unlike earlier versions, rules use the same specific parent path and appear
   AFTER v42/v43. Actual text is isolated in .type-lettering elements. */
#home .category-menu > a.category-card {
  clip-path:none!important; overflow:visible!important;
  padding-top:clamp(146px,13.5vh,185px)!important;
  position:relative!important;
}
#home .category-menu > a.category-card > h2.category-title {
  position:absolute!important; inset:16px 5px auto 9px!important;
  top:16px!important; left:9px!important;right:5px!important;bottom:auto!important;
  margin:0!important;padding:0!important;z-index:35!important;
  max-width:none!important;white-space:normal!important;overflow:visible!important;
  font-family:inherit!important;font-size:initial!important;
  color:#f5f1e8!important;line-height:1!important;
  text-shadow:none!important;filter:none!important;
  -webkit-text-stroke:0!important;transform:none!important;
}
/* Shared flyer registration label; actual lettering remains on its own line. */
#home .category-menu > a.category-card > h2.category-title::before{
  content:'OD / TYPE STUDY'!important;position:relative!important;
  display:block!important;width:max-content!important;height:auto!important;
  padding:3px 6px!important;margin:0 0 8px 1px!important;
  font:700 9px/1.3 'IBM Plex Mono',monospace!important;
  letter-spacing:.12em!important;color:#101217!important;
  background:var(--local,#c8ff48)!important;
  border:0!important;clip-path:none!important;
  transform:rotate(-2deg)!important;box-shadow:none!important;
}
#home .category-menu > a.category-card > h2.category-title::after{
  content:'+'!important;position:absolute!important;top:2px!important;right:7px!important;
  font:800 22px/1 'IBM Plex Mono',monospace!important;
  color:var(--local,#c8ff48)!important;transform:rotate(25deg)!important;
  background:none!important;text-shadow:none!important;
}
#home .category-menu > a.category-card > h2.category-title > .type-lettering {
  display:inline-block!important; position:relative!important; z-index:2!important;
  margin:0!important;padding:0!important;
  color:#f5f1e8!important;
  line-height:.93!important;font-weight:400!important;
  white-space:normal!important;text-transform:none!important;
  letter-spacing:-.06em!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
}
#home .category-menu > a.cat-anim2d {--local:#ff779d;}
#home .category-menu > a.cat-anim2d > h2.category-title::before {content:'01 / SPRAY PAINT'!important;}
#home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering {
  font-family:'Rubik Wet Paint','Permanent Marker',Impact,sans-serif!important;
  font-size:clamp(32px,3vw,56px)!important;
  transform:rotate(-5deg) skewX(-5deg) translateX(3px)!important;
  line-height:.91!important;
  text-transform:uppercase!important;
  -webkit-text-stroke:.3px #f5f1e8!important;
}
#home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering::after{
  content:none!important;
  display:none!important;
}
#home .category-menu > a.cat-anim3d {--local:#a5def5;}
#home .category-menu > a.cat-anim3d > h2.category-title::before {content:'02 / DIGITAL DECAY'!important;}
#home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering {
  font-family:'Rubik Glitch','Silkscreen',monospace!important;
  font-size:clamp(32px,2.65vw,49px)!important;
  transform:rotate(1.4deg) scaleX(.94)!important;
  transform-origin:left center!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  line-height:1!important;
}
#home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering::after {
  content:'[ SIGNAL LOST / 03 ]';display:block;margin-top:7px;
  font:700 9px/1 'IBM Plex Mono',monospace!important;
  letter-spacing:.1em;color:#a5def5;
}
#home .category-menu > a.cat-art2d {--local:#c8ff48;}
#home .category-menu > a.cat-art2d > h2.category-title::before {content:'03 / BLACKLETTER'!important;}
#home .category-menu > a.cat-art2d > h2.category-title > .type-lettering {
  font-family:'UnifrakturCook','New Rocker',serif!important;
  font-size:clamp(57px,4.55vw,86px)!important;
  font-weight:700!important;
  letter-spacing:-.065em!important;
  line-height:.83!important;
  color:#c8ff48!important;
  transform:rotate(-3deg) translateY(3px)!important;
}
#home .category-menu > a.cat-art2d > h2.category-title > .type-lettering::after {
  content:'✠';font:400 21px/1 serif;vertical-align:top;margin-left:6px;color:#f5f1e8;
}
#home .category-menu > a.cat-story {--local:#ff779d;}
#home .category-menu > a.cat-story > h2.category-title::before {content:'04 / INK / FLOURISH'!important;}
#home .category-menu > a.cat-story > h2.category-title > .type-lettering {
  font-family:'Mea Culpa','Jim Nightshade',cursive!important;
  font-size:clamp(46px,3.85vw,73px)!important;
  letter-spacing:-.03em!important;
  line-height:.84!important;
  color:#f5f1e8!important;
  transform:rotate(-4deg) translateY(3px)!important;
}
#home .category-menu > a.cat-story > h2.category-title > .type-lettering .story-amp {
  font-family:'UnifrakturCook',serif!important;
  font-size:.7em!important;color:#c8ff48!important;
}
#home .category-menu > a.cat-projects {--local:#a5def5;}
#home .category-menu > a.cat-projects > h2.category-title::before {content:'05 / CUT + PASTE'!important;}
#home .category-menu > a.cat-projects > h2.category-title > .type-lettering{
  display:flex!important;align-items:center;flex-wrap:nowrap!important;
  font-size:clamp(25px,2.85vw,48px)!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:rotate(-2deg) translateY(5px)!important;
}
#home .category-menu > a.cat-projects .type-lettering > .collage-piece {
  display:inline-block!important;position:relative!important;
  padding:5px 4px!important;margin:0 -1px 0 0!important;
  font-weight:400!important;line-height:1!important;
  box-shadow:2px 3px 0 #090c10!important;
  clip-path:polygon(2% 5%,97% 0%,100% 93%,4% 100%)!important;
  text-shadow:none!important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-one{
  font-family:'Bangers',Impact,sans-serif!important;
  font-size:1.13em!important;color:#090c10!important;background:#ff779d!important;
  transform:rotate(-9deg) translateY(3px)!important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-two{
  font-family:'UnifrakturCook',serif!important;
  font-size:1.32em!important;color:#090c10!important;background:#f5f1e8!important;
  transform:rotate(7deg) translateY(-4px)!important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-three{
  font-family:'Rubik Glitch',monospace!important;
  font-size:1em!important;color:#090c10!important;background:#a5def5!important;
  transform:rotate(-8deg) translateY(5px)!important;
}
#home .category-menu > a.cat-projects .type-lettering > .piece-four{
  font-family:'Special Elite',serif!important;
  font-size:1em!important;color:#090c10!important;background:#c8ff48!important;
  transform:rotate(6deg) translateY(-1px)!important;
}
/* The artwork is always the only clipped layer. */
#home .category-menu > a.category-card > .category-visual {clip-path:var(--tile-cut)!important;}
/* Active work-section typography echoes index, not generic title. */
#work[data-cat="animation2d"] #workHeading{font-family:'Rubik Wet Paint',Impact,sans-serif!important;}
#work[data-cat="animation3d"] #workHeading{font-family:'Rubik Glitch',monospace!important;}
#work[data-cat="art2d"] #workHeading{font-family:'UnifrakturCook',serif!important;}
#work[data-cat="storyboard"] #workHeading{font-family:'Mea Culpa',cursive!important;}
#work[data-cat="projects"] #workHeading{font-family:'Bangers',Impact,sans-serif!important;}
@media(max-width:1100px){
  #home .category-menu > a.category-card{padding-top:156px!important;}
}
@media(max-width:650px){
  #home .category-menu > a.category-card{padding-top:145px!important;}
  #home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering{font-size:clamp(30px,7vw,44px)!important;}
  #home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering{font-size:clamp(27px,6vw,41px)!important;}
  #home .category-menu > a.cat-art2d > h2.category-title > .type-lettering{font-size:clamp(48px,12vw,65px)!important;}
  #home .category-menu > a.cat-story > h2.category-title > .type-lettering{font-size:clamp(35px,8.8vw,54px)!important;}
  #home .category-menu > a.cat-projects > h2.category-title > .type-lettering{font-size:clamp(20px,5.8vw,32px)!important;}
}