/* Named typography styles. Keep layout rules in their component/page files.
 * Styles supply variables; shared.css applies them through .rich-text.
 * Existing scope classes remain in place to preserve where styles apply.
 */
.type-section-heading-scope .text-section-heading:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: normal;
  --text-font-size: 26px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.01em;
  --line-height: 1.2em;
  --paragraph-spacing: 40px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-project-title-scope .text-project-title:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 26px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.01em;
  --line-height: 1.2em;
  --paragraph-spacing: 40px;
  --text-alignment: start;
  --text-color: #000;
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-brand-link-scope .link-brand:not(.rich-text-wrapper) {
  --link-text-color: var(--color-foreground,#000);
}

.type-display-scope .text-display:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 80px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.03em;
  --line-height: .9em;
  --paragraph-spacing: 0px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-case-title-scope .text-case-title:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-family-bold: "Inter", sans-serif;
  --text-font-family-bold-italic: "Inter", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 70px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --text-font-weight-bold: 900;
  --text-font-weight-bold-italic: 900;
  --text-font-weight-italic: 700;
  --letter-spacing: -.03em;
  --line-height: .9em;
  --paragraph-spacing: 0px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-subtitle-scope .text-subtitle:not(.rich-text-wrapper) {
  --text-font-family: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 14px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 460;
  --text-font-weight-bold: 700;
  --text-font-weight-bold-italic: 700;
  --text-font-weight-italic: 400;
  --letter-spacing: -0.09px;
  --line-height: 1.5em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: var(--color-subdued,#00000080);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-section-link-scope .link-section:not(.rich-text-wrapper) {
  --link-text-color: var(--color-foreground,#000);
  --link-text-decoration: none;
}

.type-strong-body-scope .text-body-strong:not(.rich-text-wrapper) {
  --text-font-family: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: normal;
  --text-font-size: 14px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 600;
  --text-font-weight-bold: 600;
  --text-font-weight-bold-italic: 600;
  --text-font-weight-italic: 600;
  --letter-spacing: 0em;
  --line-height: 1.5em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-body-scope .text-body:not(.rich-text-wrapper) {
  --text-font-family: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 14px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 460;
  --text-font-weight-bold: 700;
  --text-font-weight-bold-italic: 700;
  --text-font-weight-italic: 400;
  --letter-spacing: -0.09px;
  --line-height: 1.5em;
  --paragraph-spacing: 14px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-inline-link-scope .link-inline:not(.rich-text-wrapper) {
  --link-text-color: var(--color-foreground,#000);
  --link-text-decoration: underline;
}

.type-heading-scope .text-heading:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: normal;
  --text-font-size: 40px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.3px;
  --line-height: 1.2em;
  --paragraph-spacing: 0px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

.type-caption-scope .text-caption:not(.rich-text-wrapper) {
  --text-font-family: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 12px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --text-font-weight-bold: 700;
  --text-font-weight-bold-italic: 700;
  --text-font-weight-italic: 400;
  --letter-spacing: 0em;
  --line-height: 1.5em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: var(--color-subdued,#00000080);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}

/* Only properties that change at smaller widths. */
@media (max-width:1199px) and (min-width:0) {
  .type-display-scope .text-display:not(.rich-text-wrapper) {
    --text-font-size: 56px;
  }

  .type-case-title-scope .text-case-title:not(.rich-text-wrapper) {
    --text-font-size: 46px;
  }

  .type-heading-scope .text-heading:not(.rich-text-wrapper) {
    --text-font-size: 32px;
  }
}

/* Shared interface labels; component-specific colours stay with the component. */
.text-tag {
  --text-font-size: 12px;
  --text-font-weight: 500;
  --line-height: 1.5em;
}

.text-nav {
  --text-font-open-type-features: 'blwf' on, 'cv03' on, 'cv04' on, 'cv09' on, 'cv11' on;
  --text-font-size: 12px;
  --line-height: 1.5em;
}

.text-brand {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: 'ss02' on;
  --text-font-size: 21px;
}

/* Case-study navigation: the script only identifies the current section. */
.case-nav .case-nav-item-label p.rich-text {
  --text-font-weight: 460;
  --letter-spacing: -0.09px;
}

.case-nav a.link-section[aria-current="location"] {
  --text-font-weight: 600;
}