/**
 * INLAYERS typography roles.
 *
 * Keep role definitions here. Component styles may control spacing and width,
 * but should not introduce new font sizes or type treatments without first
 * adding or revising a role in this file.
 */

:root {
  --inlayers-type-display-xl: clamp(2.25rem, 1.95rem + 1.5vw, 3.5rem);
  --inlayers-type-display-l: clamp(1.75rem, 1.63rem + 0.63vw, 2.25rem);
  --inlayers-type-lead: clamp(1.375rem, 1.345rem + 0.15vw, 1.5rem);
  --inlayers-type-body: clamp(1.0625rem, 1.047rem + 0.08vw, 1.125rem);
  --inlayers-type-card-title: clamp(1.375rem, 1.345rem + 0.15vw, 1.5rem);
  --inlayers-type-ui: 0.9375rem;
  --inlayers-type-meta: 0.8125rem;
  --inlayers-type-caption: 0.8125rem;
  --inlayers-type-quote: clamp(1.375rem, 1.345rem + 0.15vw, 1.5rem);
}

body,
.inlayers-type-body,
.inlayers-page__body .wp-block-post-content,
.inlayers-editorial-landing__intro .wp-block-post-content,
.inlayers-gallery-landing__intro,
.inlayers-single-editorial__content .wp-block-post-content,
.inlayers-pattern-gallery-selection__introduction,
.inlayers-single-collection__content .wp-block-post-content,
.inlayers-single-gallery__content .wp-block-post-content,
.inlayers-editorial-card__excerpt,
.inlayers-fallback-card__excerpt,
.inlayers-fallback__empty,
.inlayers-editorial-index__empty,
.inlayers-collection-index__empty,
.inlayers-gallery-index__empty,
.inlayers-gallery-browser__empty,
.inlayers-gallery-browser__images-empty,
.inlayers-chapter-index__empty,
.inlayers-gallery-card__excerpt,
.inlayers-chapter-card__excerpt {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--inlayers-type-body);
  font-weight: 400;
  line-height: 1.56;
}

.inlayers-type-display-xl,
.inlayers-editorial-landing__title,
.inlayers-collection-landing__title,
.inlayers-gallery-landing__title,
.inlayers-chapter__title,
.inlayers-home-feature__content > h1,
.inlayers-single-editorial__title,
.inlayers-single-gallery__title {
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--inlayers-type-display-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.15;
  text-transform: none;
}

.inlayers-type-display-l,
.wp-block-post-content > h2,
.inlayers-page__title,
.inlayers-fallback__title,
.inlayers-home-about > h2,
.inlayers-single-collection__title,
.inlayers-pattern-section-heading__title,
.inlayers-pattern-visual-essay__title,
.inlayers-pattern-next-chapter__title,
.inlayers-pattern-collection-object__title,
.inlayers-pattern-gallery-selection__title,
.inlayers-pattern-newsletter-placeholder__title,
.inlayers-not-found__title {
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--inlayers-type-display-l);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.22;
  text-transform: none;
}

.inlayers-type-lead,
.inlayers-collection-landing__intro,
.inlayers-chapter__description,
.inlayers-single-collection__excerpt,
.inlayers-single-gallery__excerpt,
.inlayers-pattern-section-heading__introduction,
.inlayers-pattern-editorial-text__lead,
.inlayers-pattern-visual-essay__introduction {
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--inlayers-type-lead);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.33;
}

.inlayers-type-card-title,
.inlayers-editorial-card__title,
.inlayers-fallback-card__title,
.inlayers-collection-card__title,
.inlayers-gallery-card__title,
.inlayers-gallery-related-card__title,
.inlayers-chapter-card__title,
.inlayers-pattern-related-card__title {
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--inlayers-type-card-title);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.33;
  overflow-wrap: anywhere;
}

.inlayers-type-ui,
.wp-block-post-content > h4,
.inlayers-primary-navigation,
.inlayers-language-switcher,
.inlayers-primary-navigation
  .wp-block-navigation__responsive-container-open:not(.always-shown),
.inlayers-primary-navigation
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close,
.inlayers-footer__section a,
.inlayers-fallback__pagination,
.inlayers-editorial-index__pagination,
.inlayers-chapter-index__pagination,
.inlayers-collection-index__pagination,
.inlayers-gallery-index__pagination,
.inlayers-not-found__action a {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--inlayers-type-ui);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.47;
  text-transform: none;
}

.inlayers-primary-navigation
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
  font-size: var(--inlayers-type-ui);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.47;
  text-transform: none;
}

.inlayers-type-meta,
.inlayers-chapter__eyebrow,
.inlayers-chapter-card__type,
.inlayers-collection-card__chapter,
.inlayers-single-editorial__meta,
.inlayers-single-collection__meta,
.inlayers-single-gallery__meta,
.inlayers-pattern-section-heading__eyebrow,
.inlayers-pattern-next-chapter__eyebrow,
.inlayers-footer__section h2 {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--inlayers-type-meta) !important;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.38;
  text-transform: uppercase;
}

.inlayers-type-caption,
figcaption,
.inlayers-pattern-gallery-selection figcaption,
.inlayers-footer__copyright {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--inlayers-type-caption);
  font-weight: 400;
  line-height: 1.38;
}

.inlayers-interactive-gallery__image figcaption {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--inlayers-type-ui);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.47;
  text-transform: none;
}

.inlayers-type-quote,
h3,
.inlayers-single-editorial__excerpt,
.wp-block-quote,
blockquote {
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--inlayers-type-quote);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.33;
  text-transform: none;
}