/* WORKS English portfolio title typography
   ----------------------------------------------------
   The shared Works component owns title width and wrapping for BOTH Korean and English.
   This file changes only the English typeface/weight/tracking.

   Important: never set white-space:nowrap, text-wrap:nowrap, width:max-content or
   max-width:none here. Those page-specific locks previously bypassed the canonical
   .works-card-title-link width and made long English titles run into the media column.
*/
html body.works-page-body .works-card-title.works-card-title--averta-thin,
html body.works-page-body .works-card-title.works-card-title--aimmo{
  font-family:"Averta PE",Arial,sans-serif!important;
  font-weight:300!important;
  font-variation-settings:normal!important;
  line-height:1.02!important;
  letter-spacing:0.0002em!important;

  /* Explicitly inherit the canonical Works wrapping contract. */
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
}

/* Selected long English titles scale fluidly inside the canonical left rail. */
html body.works-page-body .works-card-title.works-card-title--fluid{
  font-size:clamp(32px,2.2vw,42px)!important;
}

/* English title links use the exact same rail as Korean titles. */
html body.works-page-body .works-card-title-link:has(.works-card-title--averta-thin),
html body.works-page-body .works-card-title-link:has(.works-card-title--aimmo){
  width:fit-content!important;
  max-width:var(--works-title-content-width)!important;
  overflow:visible!important;
}

@media(max-width:780px){
  html body.works-page-body .works-card-title.works-card-title--fluid{
    font-size:clamp(30px,8.5vw,44px)!important;
  }
}