/* Selected heading system: approved hero + lighter slanted page/section titles.
   Roles: hero stays 800; page titles 650; section titles 600; project cards 575.
   Applied to selected-headings pages and the retained local heading-study comparison. */
body:is(.selected-headings,.heading-study) :is(h1,h2,h3):not(:where(.hero h1)){
  font-family:Manrope,Arial,sans-serif;
  font-style:normal;
  font-weight:600;
  letter-spacing:-.045em;
  line-height:1.13;
  text-wrap:balance;
  overflow-wrap:break-word;
  padding-right:.12em;
  max-width:100%;
  transform:skewX(-6deg)!important;
  transform-origin:left center;
}
body:is(.selected-headings,.heading-study) .depth-enter:not(#name){animation-name:heading-study-enter}
@keyframes heading-study-enter{from{opacity:0}to{opacity:1}}
body:is(.selected-headings,.heading-study) :is(.about,.collaborate,.section-heading,.project-story) h2{font-size:clamp(34px,4.2vw,64px)}
body:is(.selected-headings,.heading-study) .about h2{max-width:16ch;font-size:clamp(32px,3.8vw,58px)}
body:is(.selected-headings,.heading-study) .catalog h1{font-size:clamp(48px,6vw,82px);font-weight:650;line-height:1.1}
body:is(.selected-headings,.heading-study) .project-heading h1{font-size:clamp(40px,5.5vw,78px);font-weight:650;line-height:1.12}
body:is(.selected-headings,.heading-study) :is(.work h3,.catalog-card h2,.festival h2){font-size:clamp(28px,2.8vw,40px);font-weight:575;letter-spacing:-.035em;line-height:1.17}
body:is(.selected-headings,.heading-study) :is(.project-details h2,.project-team h2){font-size:clamp(28px,3vw,40px);font-weight:575}
body:is(.selected-headings,.heading-study) .footer .contact-title{font-size:clamp(30px,3.1vw,44px);font-weight:600}
body:is(.selected-headings,.heading-study) dialog h2{font-size:clamp(30px,4vw,52px);font-weight:600}
body:is(.selected-headings,.heading-study) dialog h3{font-size:clamp(23px,2.4vw,30px);font-weight:575}
body:is(.selected-headings,.heading-study) :is(h2,h3) button{font:inherit;letter-spacing:inherit;text-align:inherit}
/* Counters stay utility text even when placed within a page heading. */
body:is(.selected-headings,.heading-study) .catalog-total{display:inline-block;transform:skewX(6deg);font-style:normal}
@media(max-width:700px){
  body:is(.selected-headings,.heading-study) :is(.about,.collaborate,.section-heading,.project-story) h2{font-size:clamp(32px,8.5vw,44px)}
  body:is(.selected-headings,.heading-study) .about h2{font-size:clamp(30px,7.8vw,40px)}
  body:is(.selected-headings,.heading-study) :is(.work h3,.catalog-card h2,.festival h2){font-size:clamp(27px,7.4vw,34px)}
  body:is(.selected-headings,.heading-study) .project-heading h1{font-size:clamp(36px,9.5vw,52px)}
}