/* Keep the supporting Services copy in the same body style as the About introduction. */
.body-text-3.soft-text.sub_head.under_services{
  max-width:950px;
  margin:0;
  color:#e6e6e6;
  font:400 clamp(20px,2.2vw,28px)/1.38 "neue-haas-grotesk-text",Arial,sans-serif;
  letter-spacing:-.015em;
  text-wrap:pretty;
  text-transform:none;
}


/* Keep the About section above the following Services section where their long phone layouts overlap. */
.section.about_section .container.padding-top{position:relative;z-index:2}

/* Homepage About link: match the outlined, full-width project CTA. */
.home-about-cta{
  position:relative;z-index:3;pointer-events:auto;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;
  min-height:56px;margin-top:22px;padding:15px 16px;border:1px solid rgba(230,230,230,.68);
  border-radius:4px;background:#0b0b0b;color:#e6e6e6;text-decoration:none!important;
  font:500 16px/1.15 "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:.01em;
  transition:color .25s ease,border-color .25s ease,background-color .25s ease;
}
.home-about-cta:hover,.home-about-cta:focus-visible{color:#c8dfe9;border-color:#c8dfe9}
.home-about-cta:focus-visible{outline:1px solid #c8dfe9;outline-offset:4px}
.home-about-cta-arrow{display:flex;align-items:center;flex:0 0 29px;height:18px}
.home-about-cta-arrow svg{transition:transform .3s ease}
.home-about-cta:hover .home-about-cta-arrow svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.home-about-cta,.home-about-cta-arrow svg{transition:none}}

/* Keep the View All Work button above the overlapping About container so mouse clicks reach it. */
section.section-project{z-index:3!important}


/* About section removed from home (2026-11-04): Services is now the last section, so give its button room before the footer */
#services{padding-bottom:32px}

/* home intro paragraph a touch smaller (Gabriel 2026-11-04) */
html body .story-intro .story-intro-copy,html body #services .lead-copy.under_services{font-size:18px!important;line-height:1.36!important}
/* keep "an ongoing collaboration." together on its own line (Gabriel 2026-11-04) */
#services .nowrap-line{white-space:nowrap}
html[lang^="fr"] #services .nowrap-line{font-size:min(1em,8.4vw)}