:root{--title-gradient:linear-gradient(127.549404deg,#d3b393 11.441%,#fff 27.923%);}
/* Figma H2_Inner: GC Gudlak Medium, 56/64, tracking 2%. */
body :is(.case-story > h2,.case-related > h2,.founder-copy > h2,.clients-heading > h2,.work-heading > h2,.services-heading > h2,#services-faq-title,.editorial-split > h2,.contact-reach > h2) {
  font-family: 'GC Gudlak', sans-serif !important;
  font-size: var(--desktop-heading,clamp(34px, 3.889vw, 56px)) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  background: var(--title-gradient) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  overflow: visible;
}
body .case-designed :is(.case-story,.case-related) > h2 > span {
  background: none;
  color: inherit;
  -webkit-text-fill-color: inherit;
}
/* Animated editorial lines own their gradient; never paint it on the mask. */
body .case-related > h2{width:fit-content;max-width:100%;}
body :is(.editorial-split,.contact-reach) > h2.editorial-title {
  background: none !important;
}
body .editorial-title .editorial-line-content {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
@media (max-width: 599px) {
  body :is(.case-story > h2,.case-related > h2,.founder-copy > h2,.clients-heading > h2,.work-heading > h2,.services-heading > h2,#services-faq-title,.editorial-split > h2,.contact-reach > h2) {
    font-size: 34px !important;
    line-height: 44px !important;
  }
}
@media (min-width: 1101px) {
  body :is(.case-story > h2,.case-related > h2,.founder-copy > h2,.clients-heading > h2,.work-heading > h2,.services-heading > h2,#services-faq-title,.editorial-split > h2,.contact-reach > h2) {
    font-size: clamp(30.6px, 3.5001vw, 50.4px) !important;
  }
}

/* Figma Home 172:582: paint across the heading, not the full section. */
body .clients.page-section #clients-title{width:fit-content;max-width:100%;background-image:var(--title-gradient)!important;}

/* Shared Figma title gradient, including independently animated text lines. */
body :is(#statement-title,#services-title,#why-title,#work-title,#clients-title,#testimonials-title,#founder-title,#work-page-title,.editorial-title,.case-story>h2,.case-related>h2,.founder-copy>h2,.clients-heading>h2,.work-heading>h2,.services-heading>h2,#services-faq-title,.editorial-split>h2,.contact-reach>h2),
body :is(h1,h2,h3) :is([data-gradient-line],.editorial-line-content){
 background-image:var(--title-gradient)!important;
 background-clip:text!important;-webkit-background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important;
}

/* Size the paint area to the visible lettering rather than the section width. */
html body :is(h1,h2,h3) [data-gradient-line]{
 width:fit-content;max-width:100%;
 background-image:var(--title-gradient)!important;
 background-size:100% 100%!important;background-position:0 0!important;
}
html body :is(#services-title,#why-title,#work-title,#clients-title,#testimonials-title,#founder-title,.editorial-title){width:fit-content;max-width:100%;}

/* The wrapper is never a paint layer: only the animated glyph spans paint. */
html body :is(#statement-title,h1,h2,h3)[data-masked]:has([data-gradient-line]),
html body :is(#statement-title,h1,h2,h3):has(.editorial-line-content){
 background-image:none!important;background-color:transparent!important;
}
html body :is(h1,h2,h3) [data-gradient-line]{
 background-clip:text!important;-webkit-background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important;
}

/* H1 scale is continuous across mobile, tablet and desktop. */
html body :is(main,.hero-statement,.editorial-main) h1,
html body h1#statement-title,
html body h1#work-page-title{
 font-size:var(--desktop-display,clamp(28px,10.4vw,144px))!important;
 line-height:1.1111111111!important;
}