/* =========================================================
   FEMME CREATIVE — TYPE SYSTEM
   One set of sizes for every page, taken from the homepage.

   Headings: Playfair Display 500. Text: Inter.
   Change a size here and it changes everywhere.

   Loaded after main.css. Rules use `html body:not(#fc-ts)` + !important.
   The :not(#fc-ts) adds one ID's worth of specificity (no element has that
   id) so page styles written with #ids can't quietly override these sizes.
   Rules use !important
   because the page styles they replace also use !important;
   as pages are streamlined, those old declarations are removed
   and these can drop the !important.

   Art-directed mastheads (FEMME CREATIVE, ABOUT, SEO, CONTACT,
   PORTFOLIO, SERVICES, WEB DESIGN), the elevator intro and
   italic serif taglines are deliberately NOT included.
========================================================= */

:root{
  /* feature statements ("Your Website Journey.", "THE COLLECTION.") */
  --fs-display: clamp(56px, 5vw + 36px, 112px);
  /* section headings */
  --fs-h2: clamp(44px, 2.7vw + 33px, 72px);
  /* large card headings (Femme Method cards, collection items) */
  --fs-h3-lg: clamp(36px, 1.9vw + 29px, 56px);
  /* card headings */
  --fs-h3: clamp(21px, .55vw + 19px, 27px);
  /* lead paragraphs */
  --fs-body-lg: clamp(16px, .3vw + 14.8px, 19px);
  /* body text */
  --fs-body: clamp(15px, .1vw + 14.6px, 16px);
  /* supporting text */
  --fs-small: 14px;
  /* small uppercase sub-headings */
  --fs-mini: 12px;
  /* labels, eyebrows, captions: nothing on the site is smaller than this */
  --fs-label: 11px;
}

/* ---------- feature statements ---------- */

html body:not(#fc-ts) .fc-process .fc-process-heading h2,
html body:not(#fc-ts) .fc-services-editorial .fc-services-intro h2,
html body:not(#fc-ts) .fc-wd-manifesto-inner .fc-wd-manifesto-left h2.fc-wd-manifesto-heading,
html body:not(#fc-ts) .fc-museum-inner .fc-museum-intro h2,
html body:not(#fc-ts) #fc-collection-title {
  font-size: var(--fs-display) !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  word-spacing: normal !important;
}

/* ---------- section headings ---------- */

html body:not(#fc-ts) .fc-design-grid .fc-design-copy h2,
html body:not(#fc-ts) .fc-feel-section .fc-feel-content h2,
html body:not(#fc-ts) .fc-home-work__inner .fc-home-work__intro h2.fc-home-work__title,
html body:not(#fc-ts) .fc-museum-audit .fc-museum-copy h2,
html body:not(#fc-ts) .fc-final-cta .fc-final-cta-text h2,
html body:not(#fc-ts) .fc-about-hero__bottom .fc-about-hero__intro h2,
html body:not(#fc-ts) #fc-about-studio-title,
html body:not(#fc-ts) #fc-founder-title,
html body:not(#fc-ts) #fc-personal-title,
html body:not(#fc-ts) #fc-about-cta-title,
html body:not(#fc-ts) .fc-services-page .fcs-intro h2,
html body:not(#fc-ts) .fcs-service .fcs-service-copy h2,
html body:not(#fc-ts) .fcs-cta .fcs-cta-copy h2,
html body:not(#fc-ts) .fcd-details__inner .fcd-details__intro h2,
html body:not(#fc-ts) #fc-process-heading,
html body:not(#fc-ts) #fc-perspective-title,
html body:not(#fc-ts) #fc-seo-gallery-title,
html body:not(#fc-ts) #fc-seo-audit-title,
html body:not(#fc-ts) #fc-seo-science-title,
html body:not(#fc-ts) #fc-seo-proof-title,
html body:not(#fc-ts) .fc-seo-services__hero .fc-seo-services__heading h2,
html body:not(#fc-ts) #fc-seo-faq-heading,
html body:not(#fc-ts) #fc-seo-final-cta-title,
html body:not(#fc-ts) .fcp-real-gallery .fcp-wrap h2,
html body:not(#fc-ts) #fcp-cta-title,
html body:not(#fc-ts) .fc-contact-hero__bottom .fc-contact-hero__intro h2,
html body:not(#fc-ts) #fc-enquiry-title,
html body:not(#fc-ts) #fc-conversation-title {
  font-size: var(--fs-h2) !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  word-spacing: normal !important;
}

/* ---------- large card headings ---------- */

html body:not(#fc-ts) .fc-process-track .fc-process-card h3,
html body:not(#fc-ts) .fc-collection-item .fc-collection-name h3 {
  font-size: var(--fs-h3-lg) !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  word-spacing: normal !important;
}

/* ---------- card headings ---------- */

html body:not(#fc-ts) .fc-museum-audit .fc-museum-plaque h3,
html body:not(#fc-ts) .fc-services-list .fc-service-row h3,
html body:not(#fc-ts) .fc-manifesto__grid .fc-manifesto__item h3,
html body:not(#fc-ts) .fc-personal__gallery .fc-personal__card h3,
html body:not(#fc-ts) .fcd-details__grid .fcd-details__item h3,
html body:not(#fc-ts) .fcp-real-card .fcp-real-card__info h3 {
  font-size: var(--fs-h3) !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  word-spacing: normal !important;
}

/* ---------- small uppercase sub-headings ---------- */

html body:not(#fc-ts) .fc-design-copy .fc-accordion h4,
html body:not(#fc-ts) .fc-feel-content .fc-feel-points h4,
html body:not(#fc-ts) #fc-manifesto-title,
html body:not(#fc-ts) .fc-process__steps .fc-process__step h3,
html body:not(#fc-ts) .fc-seo-science__item .fc-seo-science__item-content h3,
html body:not(#fc-ts) .fc-seo-services__grid .fc-seo-services__item h3,
html body:not(#fc-ts) .fc-conversation__option .fc-conversation__option-text h3,
html body:not(#fc-ts) #fc-kind-words-title {
  font-family: var(--sans) !important;
  font-size: var(--fs-mini) !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}

/* ---------- body text ---------- */

/* Services page body copy was set in Playfair; text is Inter everywhere else */
html body:not(#fc-ts) .fc-services-page .fcs-intro p,
html body:not(#fc-ts) .fcs-service .fcs-service-copy p {
  font-family: var(--sans) !important;
  font-size: var(--fs-body-lg) !important;
}

html body:not(#fc-ts) .fc-feel-content .fc-feel-copy p,
html body:not(#fc-ts) .fc-process .fc-process-heading p,
html body:not(#fc-ts) .fc-process-track .fc-process-card p,
html body:not(#fc-ts) .fc-seo-science__header .fc-seo-science__heading p.fc-seo-science__tagline,
html body:not(#fc-ts) .fc-seo-faq__container .fc-seo-faq__bottom p {
  font-size: var(--fs-body-lg) !important;
}

html body:not(#fc-ts) .fc-design-grid .fc-design-copy p.fc-intro,
html body:not(#fc-ts) .fc-cover-mobile .fc-cover-mobile-info p.fc-cover-mobile-tagline,
html body:not(#fc-ts) .fc-process__content .fc-process__heading p.fc-process__description,
html body:not(#fc-ts) .fc-seo-final-cta__inner .fc-seo-final-cta__content p,
html body:not(#fc-ts) .fcp-editorial-cta__content .fcp-editorial-cta__inner p {
  font-size: var(--fs-body) !important;
}

html body:not(#fc-ts) .fc-design-copy .fc-accordion p,
html body:not(#fc-ts) .fc-feel-content .fc-feel-points p,
html body:not(#fc-ts) .fc-museum-audit .fc-museum-copy p.fc-museum-description,
html body:not(#fc-ts) .fc-about-studio__content .fc-about-studio__copy p,
html body:not(#fc-ts) .fc-founder__content-inner .fc-founder__body p,
html body:not(#fc-ts) .fc-manifesto__grid .fc-manifesto__item p,
html body:not(#fc-ts) .fc-personal__gallery .fc-personal__card p,
html body:not(#fc-ts) .fc-about-cta__content .fc-about-cta__content-inner p.fc-about-cta__description,
html body:not(#fc-ts) .fcd-details__grid .fcd-details__item p,
html body:not(#fc-ts) .fc-seo-gallery__inner .fc-seo-gallery__heading p.fc-seo-gallery__intro,
html body:not(#fc-ts) .fc-audit-feature__content .fc-audit-feature__intro p,
html body:not(#fc-ts) .fc-seo-science__header .fc-seo-science__header-description p,
html body:not(#fc-ts) .fc-seo-science__item .fc-seo-science__item-content p,
html body:not(#fc-ts) .fc-seo-proof__metrics .fc-seo-proof__metric p,
html body:not(#fc-ts) .fc-seo-services__hero .fc-seo-services__intro p,
html body:not(#fc-ts) .fc-seo-faq__container .fc-seo-faq__intro p,
html body:not(#fc-ts) .fc-seo-faq__item .fc-seo-faq__answer p,
html body:not(#fc-ts) .fc-seo-final-cta__features .fc-seo-final-cta__feature p,
html body:not(#fc-ts) .fcp-real-gallery .fcp-wrap p,
html body:not(#fc-ts) .fc-conversation__content .fc-conversation__inner p.fc-conversation__intro {
  font-size: var(--fs-small) !important;
}

/* ---------- labels: raised to the 11px minimum ----------
   (replaces the "Minimum Text Size" must-use plugin, which resized text with
   JavaScript after the page loaded) */

html body:not(#fc-ts) .fc-editorial-home .fc-editorial-home__topline span,
html body:not(#fc-ts) .fc-editorial-home__footer .fc-editorial-home__footer-left span.fc-editorial-home__edition,
html body:not(#fc-ts) .fc-editorial-home__footer .fc-editorial-home__footer-left span.fc-editorial-home__services,
html body:not(#fc-ts) .fc-editorial-home .fc-editorial-home__footer a.fc-editorial-home__cta,
html body:not(#fc-ts) .fc-home-work__intro-copy .fc-home-work__main-link span,
html body:not(#fc-ts) .fc-home-work__label .fc-home-work__project-link span,
html body:not(#fc-ts) .fc-testimonial .fc-testimonial-index small,
html body:not(#fc-ts) .fc-testimonial-footer .fc-testimonial-meta small,
html body:not(#fc-ts) .fc-testimonials .fc-testimonials-topline span,
html body:not(#fc-ts) .fc-about-hero__bottom .fc-about-hero__intro span.fc-about-hero__small,
html body:not(#fc-ts) .fc-about-hero__bottom .fc-about-hero__scroll span,
html body:not(#fc-ts) .fc-about-hero__inner .fc-about-hero__barcode span,
html body:not(#fc-ts) .fc-about-studio__heading-wrap .fc-about-studio__index span,
html body:not(#fc-ts) .fc-founder__inner .fc-founder__visual span.fc-founder__photo-label,
html body:not(#fc-ts) .fc-founder__content-inner .fc-founder__button span,
html body:not(#fc-ts) .fc-about-cta__inner .fc-about-cta__visual span.fc-about-cta__image-index,
html body:not(#fc-ts) .fc-about-cta__content-inner .fc-about-cta__button span,
html body:not(#fc-ts) .fc-founder__content .fc-founder__content-inner span.fc-founder__number,
html body:not(#fc-ts) .fc-founder__content .fc-founder__content-inner span.fc-founder__eyebrow,
html body:not(#fc-ts) .fc-manifesto__inner .fc-manifesto__header span.fc-manifesto__number,
html body:not(#fc-ts) .fc-personal__intro .fc-personal__heading span.fc-personal__number,
html body:not(#fc-ts) .fc-personal__gallery .fc-personal__card span.fc-personal__card-number,
html body:not(#fc-ts) .fc-personal .fc-personal__inner div.fc-personal__swipe,
html body:not(#fc-ts) .fc-about-cta__content .fc-about-cta__content-inner span.fc-about-cta__number,
html body:not(#fc-ts) .fcs-hero .fcs-hero-top span,
html body:not(#fc-ts) .fcs-hero .fcs-hero-bottom span,
html body:not(#fc-ts) .fc-services-page .fcs-intro span.fcs-eyebrow,
html body:not(#fc-ts) .fcs-service .fcs-service-copy span.fcs-number,
html body:not(#fc-ts) .fcs-cta .fcs-cta-copy span.fcs-eyebrow,
html body:not(#fc-ts) .fc-collection-item .fc-collection-name span.fc-collection-small,
html body:not(#fc-ts) .fc-collection-details .fc-collection-price span,
html body:not(#fc-ts) .fc-collection-item .fc-collection-action span,
html body:not(#fc-ts) .fc-exhibit .fc-exhibit-label span.fc-exhibit-number,
html body:not(#fc-ts) .fc-exhibit .fc-exhibit-label span.fc-exhibit-type,
html body:not(#fc-ts) .fc-exhibit .fc-exhibit-label span.fc-exhibit-view,
html body:not(#fc-ts) .fc-process__content .fc-process__heading span.fc-process__eyebrow,
html body:not(#fc-ts) .fc-collection-inner .fc-collection-meta span,
html body:not(#fc-ts) .fc-collection-intro .fc-collection-heading-wrap span.fc-collection-kicker,
html body:not(#fc-ts) .fc-collection-intro .fc-collection-intro-copy span.fc-collection-edition,
html body:not(#fc-ts) .fc-collection-list .fc-collection-item span.fc-collection-number,
html body:not(#fc-ts) .fc-collection-inner .fc-collection-footer span,
html body:not(#fc-ts) .fc-perspective-sticky .fc-perspective-overlay span.fc-perspective-kicker,
html body:not(#fc-ts) .fc-seo-hero__top .fc-seo-hero__breadcrumb span,
html body:not(#fc-ts) .fc-seo-hero__top .fc-seo-hero__breadcrumb span.fc-seo-hero__active,
html body:not(#fc-ts) .fc-seo-hero .fc-seo-hero__top div.fc-seo-hero__top-right,
html body:not(#fc-ts) .fc-seo-hero__stage .fc-seo-hero__copy div.fc-seo-hero__eyebrow,
html body:not(#fc-ts) .fc-seo-hero__stage .fc-seo-hero__scroll span,
html body:not(#fc-ts) .fc-seo-hero__stage .fc-seo-hero__barcode span,
html body:not(#fc-ts) .fc-seo-gallery__heading .fc-seo-gallery__heading-left span.fc-seo-gallery__eyebrow,
html body:not(#fc-ts) .fc-seo-gallery__artworks .fc-seo-gallery__artwork span.fc-seo-gallery__artwork-title,
html body:not(#fc-ts) .fc-seo-gallery__inner .fc-seo-gallery__controls span.fc-seo-gallery__number,
html body:not(#fc-ts) .fc-seo-gallery .fc-seo-gallery__inner p.fc-seo-gallery__status,
html body:not(#fc-ts) .fc-audit-feature__content .fc-audit-feature__intro span.fc-audit-feature__eyebrow,
html body:not(#fc-ts) .fc-audit-feature__content .fc-audit-feature__intro button.fc-audit-open,
html body:not(#fc-ts) .fc-seo-science__header .fc-seo-science__heading span.fc-seo-science__eyebrow,
html body:not(#fc-ts) .fc-seo-proof__inner .fc-seo-proof__heading span.fc-seo-proof__eyebrow,
html body:not(#fc-ts) .fc-seo-services__hero .fc-seo-services__heading span.fc-seo-services__eyebrow,
html body:not(#fc-ts) .fc-seo-services .fc-seo-services__inner a.fc-seo-services__link,
html body:not(#fc-ts) .fc-seo-faq__container .fc-seo-faq__intro span.fc-seo-faq__eyebrow,
html body:not(#fc-ts) .fc-seo-faq__container .fc-seo-faq__more-wrap button.fc-seo-faq__more,
html body:not(#fc-ts) .fc-seo-faq__container .fc-seo-faq__bottom span.fc-seo-faq__bottom-label,
html body:not(#fc-ts) .fcp-hero .fcp-hero__meta span,
html body:not(#fc-ts) .fcp-hero .fcp-hero__bottom a.fcp-scroll,
html body:not(#fc-ts) .fcp-hero .fcp-hero__barcode span,
html body:not(#fc-ts) .fcp-real-gallery .fcp-wrap span.fcp-eyebrow,
html body:not(#fc-ts) .fcp-real-card .fcp-real-card__info span.fcp-real-card__number,
html body:not(#fc-ts) .fcp-wrap .fcp-real-gallery__archive p.fcp-real-gallery__count,
html body:not(#fc-ts) .fcp-editorial-cta__inner .fcp-editorial-cta__services span,
html body:not(#fc-ts) .fcp-editorial-cta__content .fcp-editorial-cta__inner span.fcp-editorial-cta__eyebrow,
html body:not(#fc-ts) .fc-contact-hero__inner .fc-contact-hero__top div.fc-contact-hero__edition,
html body:not(#fc-ts) .fc-contact-hero__top .fc-contact-hero__edition strong,
html body:not(#fc-ts) .fc-contact-hero__top .fc-contact-hero__direction strong,
html body:not(#fc-ts) .fc-contact-hero__top .fc-contact-hero__direction span,
html body:not(#fc-ts) .fc-contact-hero__bottom .fc-contact-hero__intro span.fc-contact-hero__small,
html body:not(#fc-ts) .fc-contact-hero__bottom .fc-contact-hero__scroll span,
html body:not(#fc-ts) .fc-contact-hero__inner .fc-contact-hero__barcode span,
html body:not(#fc-ts) .fc-enquiry__inner .fc-enquiry__visual span.fc-enquiry__image-label,
html body:not(#fc-ts) .fc-enquiry__content .fc-enquiry__content-inner div.fc-enquiry__eyebrow,
html body:not(#fc-ts) .fc-enquiry__content-inner .fc-enquiry__eyebrow span,
html body:not(#fc-ts) .fc-enquiry__row .fc-enquiry__field label,
html body:not(#fc-ts) .fc-enquiry__form .fc-enquiry__field label,
html body:not(#fc-ts) .fc-enquiry__form .fc-enquiry__submit span,
html body:not(#fc-ts) .fc-conversation__content .fc-conversation__inner div.fc-conversation__eyebrow,
html body:not(#fc-ts) .fc-conversation__inner .fc-conversation__eyebrow span,
html body:not(#fc-ts) .fc-kind-words__panel .fc-kind-words__content div.fc-kind-words__eyebrow,
html body:not(#fc-ts) .fc-kind-words__content .fc-kind-words__eyebrow span,
html body:not(#fc-ts) #fc-kind-words-client,
html body:not(#fc-ts) #fc-kind-words-count,
html body:not(#fc-ts) .fc-contact-hero__bottom .fc-contact-hero__intro p,
html body:not(#fc-ts) .fc-conversation__option .fc-conversation__option-text span.fc-conversation__book,
/* header, footer and form legends (shared by every page) */
html body:not(#fc-ts) .fc-menu > li > a,
html body:not(#fc-ts) .fc-header-book span:first-child,
html body:not(#fc-ts) .fc-footer-brand p,
html body:not(#fc-ts) .fc-enquiry__services legend,
html body:not(#fc-ts) .fc-seo-gallery__artwork span.fc-seo-gallery__artwork-desc {
  font-size: var(--fs-label) !important;
}