/* Added 2026-08-14: Services retainer + Why Us long-run + moved process timeline. */

/* Shared editorial section system */
.fh-editorial-section-shell{display:flex;flex-direction:column;gap:68px}
.fh-editorial-intro{max-width:980px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.fh-editorial-eyebrow{margin:0!important;font-family:"DM Mono",monospace!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.14em!important;font-weight:500!important;text-transform:uppercase!important;color:#77777F!important}
.fh-editorial-intro h2{margin:0!important;max-width:960px;font-family:Inter,Arial,sans-serif!important;font-size:clamp(42px,5vw,72px)!important;line-height:.98!important;letter-spacing:-.045em!important;font-weight:700!important;text-align:center!important;color:#0D0D0D!important}
.fh-editorial-split{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:76px;align-items:center}
.fh-editorial-copy{max-width:650px;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.fh-editorial-copy p{margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.5!important;letter-spacing:-.018em!important;color:#4E4E55!important}
.fh-editorial-cta{display:inline-flex!important;align-items:center;gap:8px;font-family:Inter,Arial,sans-serif!important;font-size:17px!important;line-height:1!important;font-weight:600!important;color:#0D0D0D!important;text-decoration:none!important;border-bottom:1px solid #6F3BFF;padding-bottom:6px}
.fh-editorial-media{margin:0;min-width:0;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#E7E7EB;border:1px solid rgba(13,13,13,.12);position:relative}
.fh-editorial-media img{display:block;width:100%;height:100%;object-fit:cover}

/* Services: immediately below six service tiles */
html[data-page="services"] .fh-retainer-section{background:#F4F4F4!important;color:#0D0D0D!important;padding:132px 0!important;border:0!important}
html[data-page="services"] .fh-retainer-section::before,
html[data-page="services"] .fh-retainer-section::after{display:none!important;content:none!important}

/* Why Us: replacement for the old Premium section */
html[data-page="about"] .fh-long-run-section{background:#0D0D0D!important;color:#F4F4F4!important;padding:132px 0!important;border:0!important}
html[data-page="about"] .fh-long-run-section::before,
html[data-page="about"] .fh-long-run-section::after{display:none!important;content:none!important}
html[data-page="about"] .fh-editorial-intro-dark .fh-editorial-eyebrow{color:#B4B4BC!important}
html[data-page="about"] .fh-editorial-intro-dark h2{color:#F4F4F4!important}
html[data-page="about"] .fh-editorial-split-dark .fh-editorial-copy p{color:#B4B4BC!important}
html[data-page="about"] .fh-editorial-media-dark{background:#151517;border-color:#2A2A30}

/* Process items moved intact onto Why Us before the final CTA. */
html[data-page="about"] .fh-process-moved{background:#F4F4F4!important;color:#0D0D0D!important;padding:120px 0!important;border:0!important}
html[data-page="about"] .fh-process-moved::before,
html[data-page="about"] .fh-process-moved::after{display:none!important;content:none!important}
html[data-page="about"] .fh-process-moved .timeline{max-width:1180px;margin-inline:auto}
html[data-page="about"] .fh-process-moved .timeline-item{background:#FFFFFF!important;border-color:rgba(13,13,13,.14)!important;color:#0D0D0D!important}
html[data-page="about"] .fh-process-moved .timeline-item h2{color:#0D0D0D!important}
html[data-page="about"] .fh-process-moved .timeline-item p{color:#5D5D63!important}

@media(max-width:1100px){
  .fh-editorial-section-shell{gap:54px}
  .fh-editorial-split{grid-template-columns:1fr;gap:42px}
  .fh-editorial-copy{max-width:760px}
  .fh-editorial-media{width:100%}
  html[data-page="services"] .fh-retainer-section,
  html[data-page="about"] .fh-long-run-section{padding:104px 0!important}
}
@media(max-width:700px){
  .fh-editorial-section-shell{gap:38px}
  .fh-editorial-intro{gap:14px}
  .fh-editorial-intro h2{font-size:clamp(38px,11vw,52px)!important}
  .fh-editorial-split{gap:30px}
  .fh-editorial-copy{gap:22px}
  .fh-editorial-copy p{font-size:18px!important;line-height:1.5!important}
  .fh-editorial-media{border-radius:18px;aspect-ratio:4/3}
  html[data-page="services"] .fh-retainer-section,
  html[data-page="about"] .fh-long-run-section,
  html[data-page="about"] .fh-process-moved{padding:82px 0!important}
}