/* v62: secondary labels belong to each display title's own angled composition. */
html body #home .category-menu>a.category-card>h2.category-title>.type-lettering-readable {
 display:table!important;position:relative!important;inset:auto!important;
 width:max-content!important;max-width:calc(100% - 12px)!important;
 margin:15px 0 0 2px!important;padding:5px 0 3px 10px!important;
 border:0!important;border-left:2px solid var(--local,#a5def5)!important;
 font:600 clamp(10px,.84vw,12px)/1.3 'IBM Plex Mono',monospace!important;
 letter-spacing:.08em!important;text-transform:uppercase!important;
 color:#e6eef1!important;opacity:1!important;background:transparent!important;
 text-shadow:none!important;white-space:normal!important;transform-origin:left center!important;
}
html body #home .cat-anim2d>h2.category-title>.type-lettering-readable {transform:rotate(-2deg)!important;margin-top:13px!important}
html body #home .cat-anim3d>h2.category-title>.type-lettering-readable {transform:rotate(1.2deg)!important;margin-top:14px!important}
html body #home .cat-art2d>h2.category-title>.type-lettering-readable {transform:rotate(-3deg)!important;margin-top:19px!important}
html body #home .cat-story>h2.category-title>.type-lettering-readable {transform:rotate(-4deg)!important;margin-top:20px!important}
html body #home .cat-projects>h2.category-title>.type-lettering-readable {transform:rotate(-2deg)!important;margin-top:24px!important}
html body #home .category-menu>a.category-card {padding-top:clamp(164px,15vh,207px)!important}
html body #home .category-menu>a.cat-story,html body #home .category-menu>a.cat-projects {padding-top:clamp(177px,16vh,220px)!important}
/* Large section headings: display font remains the focal point. */
html body #work .section-heading>div {min-width:0!important;max-width:100%!important}
html body #work #workHeading {max-width:100%!important;margin:0!important;overflow-wrap:normal!important;word-break:normal!important;text-shadow:none!important;filter:none!important;line-height:.96!important;text-wrap:balance;white-space:normal!important}
html body #work[data-cat="animation2d"] #workHeading {font-family:'SaucerBB','Bricolage Grotesque',sans-serif!important;font-weight:400!important;font-size:clamp(48px,6.6vw,104px)!important;letter-spacing:.005em!important;line-height:.87!important}
html body #work[data-cat="animation3d"] #workHeading {font-family:'DreideeSketches','Bricolage Grotesque',sans-serif!important;font-weight:400!important;font-size:clamp(47px,6vw,98px)!important;letter-spacing:.015em!important;line-height:.88!important}
html body #work[data-cat="art2d"] #workHeading {font-family:'UnifrakturCook',serif!important;font-size:clamp(56px,7.4vw,114px)!important;line-height:.87!important}
html body #work[data-cat="storyboard"] #workHeading {font-family:'Mea Culpa',cursive!important;font-size:clamp(53px,6.2vw,102px)!important;line-height:.94!important}
html body #work[data-cat="projects"] #workHeading {font-family:'Bangers','Black Ops One',sans-serif!important;font-size:clamp(56px,7.4vw,112px)!important;letter-spacing:.01em!important}
@media(max-width:1100px){
 html body #home .category-menu>a.category-card {padding-top:180px!important}
 html body #home .category-menu>a.cat-story,html body #home .category-menu>a.cat-projects {padding-top:196px!important}
 html body #work[data-cat="animation2d"] #workHeading {font-size:clamp(48px,7.5vw,83px)!important}
 html body #work[data-cat="animation3d"] #workHeading {font-size:clamp(46px,7vw,78px)!important}
 html body #work[data-cat="storyboard"] #workHeading {font-size:clamp(48px,6.9vw,85px)!important}
}
@media(max-width:700px){
 html body #home .category-menu>a.category-card {padding-top:158px!important}
 html body #home .category-menu>a.cat-story,html body #home .category-menu>a.cat-projects {padding-top:173px!important}
 html body #home .category-menu>a.category-card>h2.category-title>.type-lettering-readable {margin-top:12px!important;font-size:10px!important;padding:4px 0 2px 8px!important;max-width:calc(100% - 8px)!important}
 html body #home .cat-story>h2.category-title>.type-lettering-readable,html body #home .cat-projects>h2.category-title>.type-lettering-readable {margin-top:17px!important}
 html body #work[data-cat="animation2d"] #workHeading {font-size:clamp(41px,11vw,66px)!important}
 html body #work[data-cat="animation3d"] #workHeading {font-size:clamp(39px,10.5vw,64px)!important}
 html body #work[data-cat="art2d"] #workHeading {font-size:clamp(51px,13vw,76px)!important}
 html body #work[data-cat="storyboard"] #workHeading {font-size:clamp(42px,10.8vw,68px)!important}
 html body #work[data-cat="projects"] #workHeading {font-size:clamp(49px,13vw,75px)!important}
}
