/* One main-heading scale across About; secondary copy keeps its own hierarchy. */
.about-page{
  --about-section-title-size:clamp(38px,3.5vw,56px);
  --about-section-title-weight:700;
  --about-section-title-leading:1.1;
  --about-section-title-tracking:-.035em;
}
html[data-bleu-public-language] main.about-page :is(
  .about-client-story-heading>h2,
  .bleu-solutions-label,
  .bleu-solutions-pin-label,
  .bleu-faq-label,
  .fabrica-insights-project-head>h2
){
  padding:0;
  font-family:Poppins,BleuPublic,'Pretendard Variable',Pretendard,sans-serif;
  font-size:var(--about-section-title-size);
  font-weight:var(--about-section-title-weight);
  line-height:var(--about-section-title-leading);
  letter-spacing:var(--about-section-title-tracking);
  text-transform:none;
}
/* The Solutions label shares a narrow column with its intro on tablets. */
@media(min-width:761px) and (max-width:1100px){
  .about-page{--about-section-title-size:clamp(32px,3.5vw,36px)}
}
@media(max-width:760px){
  /* A dedicated Medium face avoids changing shared or desktop font matching. */
  @font-face{
    font-family:BleuAboutMedium;
    src:url('/fonts/bleu-about-pretendard-medium.woff2') format('woff2');
    font-style:normal;
    font-weight:500;
    font-display:swap;
  }
  .about-page{
    --about-section-title-size:clamp(28px,8vw,32px);
    --about-section-title-weight:600;
    --about-section-title-leading:1.2;
    --about-section-title-tracking:-.025em;
  }
  main.about-page .about-showreel-title{font-size:clamp(32px,9vw,42px);line-height:1.05}
  html[data-bleu-public-language] main.about-page :is(
    .bleu-solutions-heading h2,
    .bleu-faq-heading h2,
    .bleu-solution-trigger,
    .about-client-story-intro h3,
    .about-client-story-media-copy h3,
    .bleu-story-perspective
  ){
    font-family:Poppins,BleuAboutMedium,BleuPublic,'Pretendard Variable',Pretendard,sans-serif;
    font-weight:500;
  }
  html[data-bleu-public-language] main.about-page :is(.bleu-solutions-heading h2,.bleu-faq-heading h2){
    font-size:clamp(22px,6vw,24px);
    line-height:1.45;
    letter-spacing:-.025em;
  }
  main.about-page .bleu-solution-trigger{font-size:20px;line-height:1.4;letter-spacing:-.02em}
  main.about-page :is(.about-client-story-intro h3,.about-client-story-media-copy h3,.bleu-story-perspective){
    font-size:clamp(21px,5.5vw,23px);
    line-height:1.2;
    letter-spacing:-.02em;
  }
  main.about-page .bleu-faq-item summary{
    font-family:BleuAboutMedium,BleuPublic,'Pretendard Variable',Pretendard,sans-serif;
    font-size:19px;
    font-weight:500;
    line-height:1.5;
    letter-spacing:-.02em;
  }
  main.about-page :is(.bleu-solution-copy>p,.bleu-faq-heading>p,.bleu-faq-answer>p){
    font-size:16px;
    font-weight:400;
    line-height:1.75;
    letter-spacing:-.015em;
  }
  html[data-bleu-public-language] main.about-page .fabrica-insight-card .fabrica-insight-journal-content>strong{
    font-size:19px;
    font-weight:600;
    line-height:1.45;
    letter-spacing:-.02em;
  }
  main.about-page .fabrica-insights-project-head>p{line-height:1.7}
}
/* Separate sections inside their white surfaces, preserving the existing grids. */
.about-page{--about-section-space:clamp(24px,2.5vw,40px)}
.about-page :is(.bleu-solutions,.bleu-solutions-faq){
  padding-top:calc(clamp(80px,8vw,128px) + var(--about-section-space));
}
.about-page .about-client-story{
  padding-top:calc(clamp(128px,10vw,160px) + var(--about-section-space));
}
.about-page .fabrica-insights-section{
  padding-top:calc(var(--section-padding-y) + var(--about-section-space));
}
/* Give the logo strip a little breathing room without stretching its content. */
.about-page .bleu-solutions + .client-logo-marquee-section {
  padding:calc(clamp(26px,2.6vw,40px) + 8px) 0;
}
@media(max-width:900px){
  .about-page .about-client-story{padding-top:calc(96px + var(--about-section-space))}
  .about-page .bleu-solutions + .client-logo-marquee-section{padding:30px 0}
}
@media(max-width:760px){
  .about-page :is(.bleu-solutions,.bleu-solutions-faq){padding-top:calc(68px + var(--about-section-space))}
}