:root {
  --brand-type-display-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-display-size: clamp(3.8rem,7.5vw,6.4rem);
  --brand-type-display-size-mobile: clamp(3.8rem,7.5vw,6.4rem);
  --brand-type-display-weight: 500;
  --brand-type-display-line-height: 0.9;
  --brand-type-display-letter-spacing: -0.01em;
  --brand-type-display-text-transform: none;
  --brand-type-display-font-style: normal;
  --brand-type-heading-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-heading-size: clamp(2.2rem,4vw,3.2rem);
  --brand-type-heading-size-mobile: clamp(2.2rem,4vw,3.2rem);
  --brand-type-heading-weight: 500;
  --brand-type-heading-line-height: 0.95;
  --brand-type-heading-letter-spacing: -0.015em;
  --brand-type-heading-text-transform: none;
  --brand-type-heading-font-style: normal;
  --brand-type-subheading-font: var(--brand-font-body, 'EB Garamond');
  --brand-type-subheading-size: clamp(1.35rem,2.3vw,1.95rem);
  --brand-type-subheading-size-mobile: clamp(1.35rem,2.3vw,1.95rem);
  --brand-type-subheading-weight: 400;
  --brand-type-subheading-line-height: 1.4;
  --brand-type-subheading-letter-spacing: 0em;
  --brand-type-subheading-text-transform: none;
  --brand-type-subheading-font-style: normal;
  --brand-type-body-large-font: var(--brand-font-body, 'EB Garamond');
  --brand-type-body-large-size: clamp(1.15rem,1.5vw,1.3rem);
  --brand-type-body-large-size-mobile: clamp(1.15rem,1.5vw,1.3rem);
  --brand-type-body-large-weight: 400;
  --brand-type-body-large-line-height: 1.4;
  --brand-type-body-large-letter-spacing: 0em;
  --brand-type-body-large-text-transform: none;
  --brand-type-body-large-font-style: normal;
  --brand-type-body-font: var(--brand-font-body, 'EB Garamond');
  --brand-type-body-size: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-body-size-mobile: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-body-weight: 400;
  --brand-type-body-line-height: 1.3;
  --brand-type-body-letter-spacing: 0em;
  --brand-type-body-text-transform: none;
  --brand-type-body-font-style: normal;
  --brand-type-lede-font: var(--brand-font-body, 'EB Garamond');
  --brand-type-lede-size: clamp(1.15rem,1.8vw,1.45rem);
  --brand-type-lede-size-mobile: clamp(1.15rem,1.8vw,1.45rem);
  --brand-type-lede-weight: 400;
  --brand-type-lede-line-height: 1.3;
  --brand-type-lede-letter-spacing: 0em;
  --brand-type-lede-text-transform: none;
  --brand-type-lede-font-style: normal;
  --brand-type-small-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-small-size: 0.86rem;
  --brand-type-small-size-mobile: 0.86rem;
  --brand-type-small-weight: 400;
  --brand-type-small-line-height: 1.3;
  --brand-type-small-letter-spacing: 0em;
  --brand-type-small-text-transform: none;
  --brand-type-small-font-style: normal;
  --brand-type-label-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-label-size: 0.64rem;
  --brand-type-label-size-mobile: 0.64rem;
  --brand-type-label-weight: 500;
  --brand-type-label-line-height: 1.3;
  --brand-type-label-letter-spacing: 0.32em;
  --brand-type-label-text-transform: uppercase;
  --brand-type-label-font-style: normal;
  --brand-type-button-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-button-size: 0.8rem;
  --brand-type-button-size-mobile: 0.8rem;
  --brand-type-button-weight: 400;
  --brand-type-button-line-height: 1.3;
  --brand-type-button-letter-spacing: 0.06em;
  --brand-type-button-text-transform: none;
  --brand-type-button-font-style: normal;
  --brand-type-badge-mark-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-badge-mark-size: 1.5rem;
  --brand-type-badge-mark-size-mobile: 1.5rem;
  --brand-type-badge-mark-weight: 700;
  --brand-type-badge-mark-line-height: 1;
  --brand-type-badge-mark-letter-spacing: 0.06em;
  --brand-type-badge-mark-text-transform: uppercase;
  --brand-type-badge-mark-font-style: normal;
  --brand-type-engraved-caps-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-engraved-caps-size: 1.9rem;
  --brand-type-engraved-caps-size-mobile: 1.9rem;
  --brand-type-engraved-caps-weight: 400;
  --brand-type-engraved-caps-line-height: 1;
  --brand-type-engraved-caps-letter-spacing: 0em;
  --brand-type-engraved-caps-text-transform: uppercase;
  --brand-type-engraved-caps-font-style: normal;
  --brand-type-field-label-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-field-label-size: 0.86rem;
  --brand-type-field-label-size-mobile: 0.86rem;
  --brand-type-field-label-weight: 500;
  --brand-type-field-label-line-height: 1.3;
  --brand-type-field-label-letter-spacing: 0.02em;
  --brand-type-field-label-text-transform: none;
  --brand-type-field-label-font-style: normal;
  --brand-type-heading-accent-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-heading-accent-size: clamp(2.2rem,4vw,3.2rem);
  --brand-type-heading-accent-size-mobile: clamp(2.2rem,4vw,3.2rem);
  --brand-type-heading-accent-weight: 500;
  --brand-type-heading-accent-line-height: 0.9;
  --brand-type-heading-accent-letter-spacing: -0.01em;
  --brand-type-heading-accent-text-transform: none;
  --brand-type-heading-accent-font-style: italic;
  --brand-type-heavy-title-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-heavy-title-size: clamp(2.2rem,4vw,3.2rem);
  --brand-type-heavy-title-size-mobile: clamp(2.2rem,4vw,3.2rem);
  --brand-type-heavy-title-weight: 700;
  --brand-type-heavy-title-line-height: 1.1;
  --brand-type-heavy-title-letter-spacing: -0.01em;
  --brand-type-heavy-title-text-transform: none;
  --brand-type-heavy-title-font-style: normal;
  --brand-type-map-card-text-font: var(--brand-font-control, '-apple-system');
  --brand-type-map-card-text-size: 0.75rem;
  --brand-type-map-card-text-size-mobile: 0.75rem;
  --brand-type-map-card-text-weight: 400;
  --brand-type-map-card-text-line-height: 1.4;
  --brand-type-map-card-text-letter-spacing: 0em;
  --brand-type-map-card-text-text-transform: none;
  --brand-type-map-card-text-font-style: normal;
  --brand-type-meta-italic-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-meta-italic-size: 0.75rem;
  --brand-type-meta-italic-size-mobile: 0.75rem;
  --brand-type-meta-italic-weight: 400;
  --brand-type-meta-italic-line-height: 1.3;
  --brand-type-meta-italic-letter-spacing: 0.08em;
  --brand-type-meta-italic-text-transform: none;
  --brand-type-meta-italic-font-style: italic;
  --brand-type-meta-strong-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-meta-strong-size: 0.75rem;
  --brand-type-meta-strong-size-mobile: 0.75rem;
  --brand-type-meta-strong-weight: 600;
  --brand-type-meta-strong-line-height: 1.3;
  --brand-type-meta-strong-letter-spacing: 0.12em;
  --brand-type-meta-strong-text-transform: none;
  --brand-type-meta-strong-font-style: normal;
  --brand-type-quote-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-quote-size: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-quote-size-mobile: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-quote-weight: 400;
  --brand-type-quote-line-height: 1.3;
  --brand-type-quote-letter-spacing: 0em;
  --brand-type-quote-text-transform: none;
  --brand-type-quote-font-style: italic;
  --brand-type-strong-font: var(--brand-font-body, 'EB Garamond');
  --brand-type-strong-size: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-strong-size-mobile: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-strong-weight: 600;
  --brand-type-strong-line-height: 1.3;
  --brand-type-strong-letter-spacing: 0em;
  --brand-type-strong-text-transform: none;
  --brand-type-strong-font-style: normal;
  --brand-type-strong-italic-font: var(--brand-font-body, 'EB Garamond');
  --brand-type-strong-italic-size: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-strong-italic-size-mobile: clamp(1.0625rem,1.1vw,1.1875rem);
  --brand-type-strong-italic-weight: 600;
  --brand-type-strong-italic-line-height: 1.7;
  --brand-type-strong-italic-letter-spacing: 0em;
  --brand-type-strong-italic-text-transform: none;
  --brand-type-strong-italic-font-style: italic;
  --brand-type-tag-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-tag-size: 0.64rem;
  --brand-type-tag-size-mobile: 0.64rem;
  --brand-type-tag-weight: 400;
  --brand-type-tag-line-height: 1.3;
  --brand-type-tag-letter-spacing: 0.16em;
  --brand-type-tag-text-transform: uppercase;
  --brand-type-tag-font-style: normal;
  --brand-type-tag-strong-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-tag-strong-size: 0.64rem;
  --brand-type-tag-strong-size-mobile: 0.64rem;
  --brand-type-tag-strong-weight: 600;
  --brand-type-tag-strong-line-height: 1.3;
  --brand-type-tag-strong-letter-spacing: 0.2em;
  --brand-type-tag-strong-text-transform: uppercase;
  --brand-type-tag-strong-font-style: normal;
  --brand-type-wordmark-font: var(--brand-font-heading, 'EB Garamond');
  --brand-type-wordmark-size: 1.32rem;
  --brand-type-wordmark-size-mobile: 1.32rem;
  --brand-type-wordmark-weight: 500;
  --brand-type-wordmark-line-height: 1.3;
  --brand-type-wordmark-letter-spacing: 0.34em;
  --brand-type-wordmark-text-transform: uppercase;
  --brand-type-wordmark-font-style: normal;
  --brand-type-text-link-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-text-link-size: 0.86rem;
  --brand-type-text-link-size-mobile: 0.86rem;
  --brand-type-text-link-weight: 400;
  --brand-type-text-link-line-height: 1.3;
  --brand-type-text-link-letter-spacing: 0.04em;
  --brand-type-text-link-text-transform: none;
  --brand-type-text-link-font-style: normal;
  --brand-type-tag-link-font: var(--brand-font-meta, 'ui-sans-serif');
  --brand-type-tag-link-size: 0.75rem;
  --brand-type-tag-link-size-mobile: 0.75rem;
  --brand-type-tag-link-weight: 400;
  --brand-type-tag-link-line-height: 1.3;
  --brand-type-tag-link-letter-spacing: 0.12em;
  --brand-type-tag-link-text-transform: uppercase;
  --brand-type-tag-link-font-style: normal;
}
@media (max-width: 768px) {
  :root {
    --brand-type-small-size: 0.86rem;
    --brand-type-label-size: 0.64rem;
    --brand-type-button-size: 0.8rem;
    --brand-type-badge-mark-size: 1.5rem;
    --brand-type-engraved-caps-size: 1.9rem;
    --brand-type-field-label-size: 0.86rem;
    --brand-type-map-card-text-size: 0.75rem;
    --brand-type-meta-italic-size: 0.75rem;
    --brand-type-meta-strong-size: 0.75rem;
    --brand-type-tag-size: 0.64rem;
    --brand-type-tag-strong-size: 0.64rem;
    --brand-type-wordmark-size: 1.32rem;
    --brand-type-text-link-size: 0.86rem;
    --brand-type-tag-link-size: 0.75rem;
  }
}

.t-display { font-family: var(--brand-type-display-font), system-ui, sans-serif; font-size: var(--brand-type-display-size); font-weight: var(--brand-type-display-weight); line-height: var(--brand-type-display-line-height); letter-spacing: var(--brand-type-display-letter-spacing); text-transform: var(--brand-type-display-text-transform); font-style: var(--brand-type-display-font-style); }
.t-display-font { font-family: var(--brand-type-display-font), system-ui, sans-serif; }
.t-heading { font-family: var(--brand-type-heading-font), system-ui, sans-serif; font-size: var(--brand-type-heading-size); font-weight: var(--brand-type-heading-weight); line-height: var(--brand-type-heading-line-height); letter-spacing: var(--brand-type-heading-letter-spacing); text-transform: var(--brand-type-heading-text-transform); font-style: var(--brand-type-heading-font-style); }
.t-heading-font { font-family: var(--brand-type-heading-font), system-ui, sans-serif; }
.t-subheading { font-family: var(--brand-type-subheading-font), system-ui, sans-serif; font-size: var(--brand-type-subheading-size); font-weight: var(--brand-type-subheading-weight); line-height: var(--brand-type-subheading-line-height); letter-spacing: var(--brand-type-subheading-letter-spacing); text-transform: var(--brand-type-subheading-text-transform); font-style: var(--brand-type-subheading-font-style); }
.t-subheading-font { font-family: var(--brand-type-subheading-font), system-ui, sans-serif; }
.t-body-large { font-family: var(--brand-type-body-large-font), system-ui, sans-serif; font-size: var(--brand-type-body-large-size); font-weight: var(--brand-type-body-large-weight); line-height: var(--brand-type-body-large-line-height); letter-spacing: var(--brand-type-body-large-letter-spacing); text-transform: var(--brand-type-body-large-text-transform); font-style: var(--brand-type-body-large-font-style); }
.t-body-large-font { font-family: var(--brand-type-body-large-font), system-ui, sans-serif; }
.t-body { font-family: var(--brand-type-body-font), system-ui, sans-serif; font-size: var(--brand-type-body-size); font-weight: var(--brand-type-body-weight); line-height: var(--brand-type-body-line-height); letter-spacing: var(--brand-type-body-letter-spacing); text-transform: var(--brand-type-body-text-transform); font-style: var(--brand-type-body-font-style); }
.t-body-font { font-family: var(--brand-type-body-font), system-ui, sans-serif; }
.t-lede { font-family: var(--brand-type-lede-font), system-ui, sans-serif; font-size: var(--brand-type-lede-size); font-weight: var(--brand-type-lede-weight); line-height: var(--brand-type-lede-line-height); letter-spacing: var(--brand-type-lede-letter-spacing); text-transform: var(--brand-type-lede-text-transform); font-style: var(--brand-type-lede-font-style); }
.t-lede-font { font-family: var(--brand-type-lede-font), system-ui, sans-serif; }
.t-small { font-family: var(--brand-type-small-font), system-ui, sans-serif; font-size: var(--brand-type-small-size); font-weight: var(--brand-type-small-weight); line-height: var(--brand-type-small-line-height); letter-spacing: var(--brand-type-small-letter-spacing); text-transform: var(--brand-type-small-text-transform); font-style: var(--brand-type-small-font-style); }
.t-small-font { font-family: var(--brand-type-small-font), system-ui, sans-serif; }
.t-label { font-family: var(--brand-type-label-font), system-ui, sans-serif; font-size: var(--brand-type-label-size); font-weight: var(--brand-type-label-weight); line-height: var(--brand-type-label-line-height); letter-spacing: var(--brand-type-label-letter-spacing); text-transform: var(--brand-type-label-text-transform); font-style: var(--brand-type-label-font-style); }
.t-label-font { font-family: var(--brand-type-label-font), system-ui, sans-serif; }
.t-button { font-family: var(--brand-type-button-font), system-ui, sans-serif; font-size: var(--brand-type-button-size); font-weight: var(--brand-type-button-weight); line-height: var(--brand-type-button-line-height); letter-spacing: var(--brand-type-button-letter-spacing); text-transform: var(--brand-type-button-text-transform); font-style: var(--brand-type-button-font-style); }
.t-button-font { font-family: var(--brand-type-button-font), system-ui, sans-serif; }
.t-badge-mark { font-family: var(--brand-type-badge-mark-font), system-ui, sans-serif; font-size: var(--brand-type-badge-mark-size); font-weight: var(--brand-type-badge-mark-weight); line-height: var(--brand-type-badge-mark-line-height); letter-spacing: var(--brand-type-badge-mark-letter-spacing); text-transform: var(--brand-type-badge-mark-text-transform); font-style: var(--brand-type-badge-mark-font-style); }
.t-badge-mark-font { font-family: var(--brand-type-badge-mark-font), system-ui, sans-serif; }
.t-engraved-caps { font-family: var(--brand-type-engraved-caps-font), system-ui, sans-serif; font-size: var(--brand-type-engraved-caps-size); font-weight: var(--brand-type-engraved-caps-weight); line-height: var(--brand-type-engraved-caps-line-height); letter-spacing: var(--brand-type-engraved-caps-letter-spacing); text-transform: var(--brand-type-engraved-caps-text-transform); font-style: var(--brand-type-engraved-caps-font-style); }
.t-engraved-caps-font { font-family: var(--brand-type-engraved-caps-font), system-ui, sans-serif; }
.t-field-label { font-family: var(--brand-type-field-label-font), system-ui, sans-serif; font-size: var(--brand-type-field-label-size); font-weight: var(--brand-type-field-label-weight); line-height: var(--brand-type-field-label-line-height); letter-spacing: var(--brand-type-field-label-letter-spacing); text-transform: var(--brand-type-field-label-text-transform); font-style: var(--brand-type-field-label-font-style); }
.t-field-label-font { font-family: var(--brand-type-field-label-font), system-ui, sans-serif; }
.t-heading-accent { font-family: var(--brand-type-heading-accent-font), system-ui, sans-serif; font-size: var(--brand-type-heading-accent-size); font-weight: var(--brand-type-heading-accent-weight); line-height: var(--brand-type-heading-accent-line-height); letter-spacing: var(--brand-type-heading-accent-letter-spacing); text-transform: var(--brand-type-heading-accent-text-transform); font-style: var(--brand-type-heading-accent-font-style); }
.t-heading-accent-font { font-family: var(--brand-type-heading-accent-font), system-ui, sans-serif; }
.t-heavy-title { font-family: var(--brand-type-heavy-title-font), system-ui, sans-serif; font-size: var(--brand-type-heavy-title-size); font-weight: var(--brand-type-heavy-title-weight); line-height: var(--brand-type-heavy-title-line-height); letter-spacing: var(--brand-type-heavy-title-letter-spacing); text-transform: var(--brand-type-heavy-title-text-transform); font-style: var(--brand-type-heavy-title-font-style); }
.t-heavy-title-font { font-family: var(--brand-type-heavy-title-font), system-ui, sans-serif; }
.t-map-card-text { font-family: var(--brand-type-map-card-text-font), system-ui, sans-serif; font-size: var(--brand-type-map-card-text-size); font-weight: var(--brand-type-map-card-text-weight); line-height: var(--brand-type-map-card-text-line-height); letter-spacing: var(--brand-type-map-card-text-letter-spacing); text-transform: var(--brand-type-map-card-text-text-transform); font-style: var(--brand-type-map-card-text-font-style); }
.t-map-card-text-font { font-family: var(--brand-type-map-card-text-font), system-ui, sans-serif; }
.t-meta-italic { font-family: var(--brand-type-meta-italic-font), system-ui, sans-serif; font-size: var(--brand-type-meta-italic-size); font-weight: var(--brand-type-meta-italic-weight); line-height: var(--brand-type-meta-italic-line-height); letter-spacing: var(--brand-type-meta-italic-letter-spacing); text-transform: var(--brand-type-meta-italic-text-transform); font-style: var(--brand-type-meta-italic-font-style); }
.t-meta-italic-font { font-family: var(--brand-type-meta-italic-font), system-ui, sans-serif; }
.t-meta-strong { font-family: var(--brand-type-meta-strong-font), system-ui, sans-serif; font-size: var(--brand-type-meta-strong-size); font-weight: var(--brand-type-meta-strong-weight); line-height: var(--brand-type-meta-strong-line-height); letter-spacing: var(--brand-type-meta-strong-letter-spacing); text-transform: var(--brand-type-meta-strong-text-transform); font-style: var(--brand-type-meta-strong-font-style); }
.t-meta-strong-font { font-family: var(--brand-type-meta-strong-font), system-ui, sans-serif; }
.t-quote { font-family: var(--brand-type-quote-font), system-ui, sans-serif; font-size: var(--brand-type-quote-size); font-weight: var(--brand-type-quote-weight); line-height: var(--brand-type-quote-line-height); letter-spacing: var(--brand-type-quote-letter-spacing); text-transform: var(--brand-type-quote-text-transform); font-style: var(--brand-type-quote-font-style); }
.t-quote-font { font-family: var(--brand-type-quote-font), system-ui, sans-serif; }
.t-strong { font-family: var(--brand-type-strong-font), system-ui, sans-serif; font-size: var(--brand-type-strong-size); font-weight: var(--brand-type-strong-weight); line-height: var(--brand-type-strong-line-height); letter-spacing: var(--brand-type-strong-letter-spacing); text-transform: var(--brand-type-strong-text-transform); font-style: var(--brand-type-strong-font-style); }
.t-strong-font { font-family: var(--brand-type-strong-font), system-ui, sans-serif; }
.t-strong-italic { font-family: var(--brand-type-strong-italic-font), system-ui, sans-serif; font-size: var(--brand-type-strong-italic-size); font-weight: var(--brand-type-strong-italic-weight); line-height: var(--brand-type-strong-italic-line-height); letter-spacing: var(--brand-type-strong-italic-letter-spacing); text-transform: var(--brand-type-strong-italic-text-transform); font-style: var(--brand-type-strong-italic-font-style); }
.t-strong-italic-font { font-family: var(--brand-type-strong-italic-font), system-ui, sans-serif; }
.t-tag { font-family: var(--brand-type-tag-font), system-ui, sans-serif; font-size: var(--brand-type-tag-size); font-weight: var(--brand-type-tag-weight); line-height: var(--brand-type-tag-line-height); letter-spacing: var(--brand-type-tag-letter-spacing); text-transform: var(--brand-type-tag-text-transform); font-style: var(--brand-type-tag-font-style); }
.t-tag-font { font-family: var(--brand-type-tag-font), system-ui, sans-serif; }
.t-tag-strong { font-family: var(--brand-type-tag-strong-font), system-ui, sans-serif; font-size: var(--brand-type-tag-strong-size); font-weight: var(--brand-type-tag-strong-weight); line-height: var(--brand-type-tag-strong-line-height); letter-spacing: var(--brand-type-tag-strong-letter-spacing); text-transform: var(--brand-type-tag-strong-text-transform); font-style: var(--brand-type-tag-strong-font-style); }
.t-tag-strong-font { font-family: var(--brand-type-tag-strong-font), system-ui, sans-serif; }
.t-wordmark { font-family: var(--brand-type-wordmark-font), system-ui, sans-serif; font-size: var(--brand-type-wordmark-size); font-weight: var(--brand-type-wordmark-weight); line-height: var(--brand-type-wordmark-line-height); letter-spacing: var(--brand-type-wordmark-letter-spacing); text-transform: var(--brand-type-wordmark-text-transform); font-style: var(--brand-type-wordmark-font-style); }
.t-wordmark-font { font-family: var(--brand-type-wordmark-font), system-ui, sans-serif; }
.t-text-link { font-family: var(--brand-type-text-link-font), system-ui, sans-serif; font-size: var(--brand-type-text-link-size); font-weight: var(--brand-type-text-link-weight); line-height: var(--brand-type-text-link-line-height); letter-spacing: var(--brand-type-text-link-letter-spacing); text-transform: var(--brand-type-text-link-text-transform); font-style: var(--brand-type-text-link-font-style); }
.t-text-link-font { font-family: var(--brand-type-text-link-font), system-ui, sans-serif; }
.t-tag-link { font-family: var(--brand-type-tag-link-font), system-ui, sans-serif; font-size: var(--brand-type-tag-link-size); font-weight: var(--brand-type-tag-link-weight); line-height: var(--brand-type-tag-link-line-height); letter-spacing: var(--brand-type-tag-link-letter-spacing); text-transform: var(--brand-type-tag-link-text-transform); font-style: var(--brand-type-tag-link-font-style); }
.t-tag-link-font { font-family: var(--brand-type-tag-link-font), system-ui, sans-serif; }

:root {
  --btn-size-xsmall-px: 0.8rem;  --btn-size-xsmall-py: 0.3rem;  --btn-size-xsmall-fs: calc(0.875rem * var(--brand-lang-size-multiplier, 1));
  --btn-size-small-px: 1.25rem;  --btn-size-small-py: 0.5rem;   --btn-size-small-fs: calc(var(--brand-shape-button-fontSize, 1.125rem) - 0.125rem);
  --btn-size-medium-px: 1.5rem;  --btn-size-medium-py: 0.75rem; --btn-size-medium-fs: var(--brand-shape-button-fontSize, 1.125rem);
  --btn-size-large-px: 2.5rem;   --btn-size-large-py: 1.25rem;  --btn-size-large-fs: calc(var(--brand-shape-button-fontSize, 1.125rem) + 0.125rem);
}
:root {
  --btn-size-xsmall-py: 7px; --btn-size-xsmall-px: 14px; --btn-size-xsmall-fs: 11.2px;
  --btn-size-small-py: 9px; --btn-size-small-px: 17px; --btn-size-small-fs: 12px;
  --btn-size-medium-py: 11px; --btn-size-medium-px: 20px; --btn-size-medium-fs: 12.8px;
  --btn-size-large-py: 13px; --btn-size-large-px: 26px; --btn-size-large-fs: 12.8px;
  --btn-size-xlarge-py: 14px; --btn-size-xlarge-px: 28px; --btn-size-xlarge-fs: 12.8px;
  --btn-size-xxlarge-py: 15px; --btn-size-xxlarge-px: 30px; --btn-size-xxlarge-fs: 14.72px;
}
/* button: primary */
.btn-primary { background: var(--brand-color-brand-primary); color: var(--brand-color-text-headingOnDark); border: 1px solid transparent; border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-button-font), system-ui, sans-serif; font-weight: var(--brand-type-button-weight, 600); line-height: var(--brand-type-button-line-height); letter-spacing: var(--brand-type-button-letter-spacing); text-transform: var(--brand-type-button-text-transform); font-style: var(--brand-type-button-font-style); display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; transform: translateY(0) scale(1); }
.btn-primary { transition: background-color .3s ease, color .3s ease, border-color .3s ease; }
.btn-primary:hover, .btn-primary:focus-visible { background-color: var(--brand-color-custom-primaryHover); color: var(--brand-color-text-headingOnDark); border-color: transparent }
.btn-primary { transition: background-color 380ms ease, color 380ms ease, border-color 380ms ease, transform 200ms ease, box-shadow 200ms ease; }
.btn-primary:hover, .btn-primary:focus-visible { transform: translateY(-3px) scale(1); box-shadow: var(--brand-shadow-custom-primaryGlow); }
/* button: outlined */
.btn-outlined { background: transparent; color: var(--sb-ink, var(--brand-color-text-body)); border: 1px solid var(--sb-ink, var(--brand-color-text-body)); border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-button-font), system-ui, sans-serif; font-weight: var(--brand-type-button-weight, 600); line-height: var(--brand-type-button-line-height); letter-spacing: var(--brand-type-button-letter-spacing); text-transform: var(--brand-type-button-text-transform); font-style: var(--brand-type-button-font-style); display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; transform: translateY(0) scale(1); }
.btn-outlined { transition: background-color .3s ease, color .3s ease, border-color .3s ease; }
.btn-outlined:hover, .btn-outlined:focus-visible { background-color: var(--brand-color-surface-pageBg); color: var(--brand-color-text-body); border-color: var(--brand-color-text-body) }
.btn-outlined { transition: background-color 380ms ease, color 380ms ease, border-color 380ms ease, transform 200ms ease, box-shadow 200ms ease; }
.btn-outlined:hover, .btn-outlined:focus-visible { transform: translateY(-3px) scale(1); box-shadow: var(--brand-shadow-custom-lift); }
/* button: outline-light */
.btn-outline-light { background: transparent; color: var(--sb-ink, var(--brand-color-text-headingOnDark)); border: 1px solid var(--sb-ink, var(--brand-color-text-headingOnDark)); border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-button-font), system-ui, sans-serif; font-weight: var(--brand-type-button-weight, 600); line-height: var(--brand-type-button-line-height); letter-spacing: var(--brand-type-button-letter-spacing); text-transform: var(--brand-type-button-text-transform); font-style: var(--brand-type-button-font-style); display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; transform: translateY(0) scale(1); }
.btn-outline-light { transition: background-color .3s ease, color .3s ease, border-color .3s ease; }
.btn-outline-light:hover, .btn-outline-light:focus-visible { background-color: var(--brand-color-surface-pageBg); color: var(--brand-color-surface-darkBg); border-color: var(--brand-color-surface-darkBg) }
.btn-outline-light { transition: background-color 380ms ease, color 380ms ease, border-color 380ms ease, transform 200ms ease, box-shadow 200ms ease; }
.btn-outline-light:hover, .btn-outline-light:focus-visible { transform: translateY(-3px) scale(1); box-shadow: var(--brand-shadow-custom-heroLift); }
/* button: outline-ink */
.btn-outline-ink { background: transparent; color: var(--sb-ink, var(--brand-color-text-body)); border: 1px solid var(--sb-ink, var(--brand-color-text-body)); border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-button-font), system-ui, sans-serif; font-weight: var(--brand-type-button-weight, 600); line-height: var(--brand-type-button-line-height); letter-spacing: var(--brand-type-button-letter-spacing); text-transform: var(--brand-type-button-text-transform); font-style: var(--brand-type-button-font-style); display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; transform: translateY(0) scale(1); }
.btn-outline-ink { transition: background-color .3s ease, color .3s ease, border-color .3s ease; }
.btn-outline-ink:hover, .btn-outline-ink:focus-visible { background-color: var(--brand-color-surface-darkBg); color: var(--brand-color-surface-pageBg); border-color: var(--brand-color-surface-darkBg) }
.btn-outline-ink { transition: background-color 380ms ease, color 380ms ease, border-color 380ms ease, transform 200ms ease, box-shadow 200ms ease; }
.btn-outline-ink:hover, .btn-outline-ink:focus-visible { transform: translateY(-3px) scale(1); box-shadow: var(--brand-shadow-custom-lift); }
/* button: text-link */
.btn-text-link { background: transparent; color: var(--sb-ink, var(--brand-color-text-headingAccent)); border: 0; border-bottom: 1px solid var(--sb-ink, var(--brand-color-text-headingAccent)); border-radius: 0; padding: 0 0 3px; font-size: var(--brand-type-text-link-size); font-family: var(--brand-type-text-link-font), system-ui, sans-serif; font-weight: var(--brand-type-text-link-weight, 600); line-height: var(--brand-type-text-link-line-height); letter-spacing: var(--brand-type-text-link-letter-spacing); text-transform: var(--brand-type-text-link-text-transform); font-style: var(--brand-type-text-link-font-style); display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; }
.btn-text-link { transition: filter 100ms linear; }
.btn-text-link:hover, .btn-text-link:focus-visible { border-bottom-color: var(--sb-ink, var(--brand-color-text-headingAccent)); filter: drop-shadow(0 0 3px rgba(var(--brand-color-brand-accent-rgb),0.55)) drop-shadow(0 0 9px rgba(var(--brand-color-brand-accent-rgb),0.3)); }
/* button: tag-link */
.btn-tag-link { background: transparent; color: var(--sb-ink, var(--brand-color-brand-accent)); border: 0; border-bottom: 1px solid var(--sb-ink, var(--brand-color-brand-accent)); border-radius: 0; padding: 0 0 3px; font-size: var(--brand-type-tag-link-size); font-family: var(--brand-type-tag-link-font), system-ui, sans-serif; font-weight: var(--brand-type-tag-link-weight, 600); line-height: var(--brand-type-tag-link-line-height); letter-spacing: var(--brand-type-tag-link-letter-spacing); text-transform: var(--brand-type-tag-link-text-transform); font-style: var(--brand-type-tag-link-font-style); display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; }
.btn-tag-link { transition: filter 100ms linear; }
.btn-tag-link:hover, .btn-tag-link:focus-visible { border-bottom-color: var(--sb-ink, var(--brand-color-brand-accent)); filter: drop-shadow(0 0 3px rgba(var(--brand-color-brand-accent-rgb),0.55)) drop-shadow(0 0 9px rgba(var(--brand-color-brand-accent-rgb),0.3)); }
[data-btn-size="xsmall"][class] { padding: var(--btn-size-xsmall-py) var(--btn-size-xsmall-px); font-size: var(--btn-size-xsmall-fs); }
[data-btn-size="small"][class] { padding: var(--btn-size-small-py) var(--btn-size-small-px); font-size: var(--btn-size-small-fs); }
[data-btn-size="medium"][class] { padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); }
[data-btn-size="large"][class] { padding: var(--btn-size-large-py) var(--btn-size-large-px); font-size: var(--btn-size-large-fs); }
[data-btn-size="xlarge"][class] { padding: var(--btn-size-xlarge-py) var(--btn-size-xlarge-px); font-size: var(--btn-size-xlarge-fs); }
[data-btn-size="xxlarge"][class] { padding: var(--btn-size-xxlarge-py) var(--btn-size-xxlarge-px); font-size: var(--btn-size-xxlarge-fs); }
[data-btn-align]:not([data-btn-full="1"]) { display: flex; width: fit-content; max-width: 100%; }
[data-btn-align="start"]:not([data-btn-full="1"]) { margin-inline: 0 auto; }
[data-btn-align="center"]:not([data-btn-full="1"]) { margin-inline: auto; }
[data-btn-align="end"]:not([data-btn-full="1"]) { margin-inline: auto 0; }
[data-text-align][data-text-align="start"] { text-align: start; }
[data-text-align][data-text-align="center"] { text-align: center; }
[data-text-align][data-text-align="end"] { text-align: end; }
[data-li-em="1"] { font-weight: 700; color: var(--brand-color-text-heading, currentColor); }
[data-li-em="1"] > :not([aria-hidden="true"]) { font-weight: 700; color: inherit; }
[data-li-div="1"] { border-top: 1px solid color-mix(in srgb, var(--brand-color-text-heading, currentColor) 14%, transparent); padding-top: 0.875rem; margin-top: 0.125rem; }
.tus-img-caption { font-size: 0.875rem; line-height: 1.5; color: var(--brand-color-text-muted, color-mix(in srgb, currentColor 70%, transparent)); margin-block-start: 0.5rem; }

[class*="btn-"].t-display { font-family: var(--brand-type-display-font), system-ui, sans-serif; font-size: var(--brand-type-display-size); font-weight: var(--brand-type-display-weight); line-height: var(--brand-type-display-line-height); letter-spacing: var(--brand-type-display-letter-spacing); text-transform: var(--brand-type-display-text-transform); font-style: var(--brand-type-display-font-style); }
[class*="btn-"].t-heading { font-family: var(--brand-type-heading-font), system-ui, sans-serif; font-size: var(--brand-type-heading-size); font-weight: var(--brand-type-heading-weight); line-height: var(--brand-type-heading-line-height); letter-spacing: var(--brand-type-heading-letter-spacing); text-transform: var(--brand-type-heading-text-transform); font-style: var(--brand-type-heading-font-style); }
[class*="btn-"].t-subheading { font-family: var(--brand-type-subheading-font), system-ui, sans-serif; font-size: var(--brand-type-subheading-size); font-weight: var(--brand-type-subheading-weight); line-height: var(--brand-type-subheading-line-height); letter-spacing: var(--brand-type-subheading-letter-spacing); text-transform: var(--brand-type-subheading-text-transform); font-style: var(--brand-type-subheading-font-style); }
[class*="btn-"].t-body-large { font-family: var(--brand-type-body-large-font), system-ui, sans-serif; font-size: var(--brand-type-body-large-size); font-weight: var(--brand-type-body-large-weight); line-height: var(--brand-type-body-large-line-height); letter-spacing: var(--brand-type-body-large-letter-spacing); text-transform: var(--brand-type-body-large-text-transform); font-style: var(--brand-type-body-large-font-style); }
[class*="btn-"].t-body { font-family: var(--brand-type-body-font), system-ui, sans-serif; font-size: var(--brand-type-body-size); font-weight: var(--brand-type-body-weight); line-height: var(--brand-type-body-line-height); letter-spacing: var(--brand-type-body-letter-spacing); text-transform: var(--brand-type-body-text-transform); font-style: var(--brand-type-body-font-style); }
[class*="btn-"].t-lede { font-family: var(--brand-type-lede-font), system-ui, sans-serif; font-size: var(--brand-type-lede-size); font-weight: var(--brand-type-lede-weight); line-height: var(--brand-type-lede-line-height); letter-spacing: var(--brand-type-lede-letter-spacing); text-transform: var(--brand-type-lede-text-transform); font-style: var(--brand-type-lede-font-style); }
[class*="btn-"].t-small { font-family: var(--brand-type-small-font), system-ui, sans-serif; font-size: var(--brand-type-small-size); font-weight: var(--brand-type-small-weight); line-height: var(--brand-type-small-line-height); letter-spacing: var(--brand-type-small-letter-spacing); text-transform: var(--brand-type-small-text-transform); font-style: var(--brand-type-small-font-style); }
[class*="btn-"].t-label { font-family: var(--brand-type-label-font), system-ui, sans-serif; font-size: var(--brand-type-label-size); font-weight: var(--brand-type-label-weight); line-height: var(--brand-type-label-line-height); letter-spacing: var(--brand-type-label-letter-spacing); text-transform: var(--brand-type-label-text-transform); font-style: var(--brand-type-label-font-style); }
[class*="btn-"].t-button { font-family: var(--brand-type-button-font), system-ui, sans-serif; font-size: var(--brand-type-button-size); font-weight: var(--brand-type-button-weight); line-height: var(--brand-type-button-line-height); letter-spacing: var(--brand-type-button-letter-spacing); text-transform: var(--brand-type-button-text-transform); font-style: var(--brand-type-button-font-style); }
[class*="btn-"].t-badge-mark { font-family: var(--brand-type-badge-mark-font), system-ui, sans-serif; font-size: var(--brand-type-badge-mark-size); font-weight: var(--brand-type-badge-mark-weight); line-height: var(--brand-type-badge-mark-line-height); letter-spacing: var(--brand-type-badge-mark-letter-spacing); text-transform: var(--brand-type-badge-mark-text-transform); font-style: var(--brand-type-badge-mark-font-style); }
[class*="btn-"].t-engraved-caps { font-family: var(--brand-type-engraved-caps-font), system-ui, sans-serif; font-size: var(--brand-type-engraved-caps-size); font-weight: var(--brand-type-engraved-caps-weight); line-height: var(--brand-type-engraved-caps-line-height); letter-spacing: var(--brand-type-engraved-caps-letter-spacing); text-transform: var(--brand-type-engraved-caps-text-transform); font-style: var(--brand-type-engraved-caps-font-style); }
[class*="btn-"].t-field-label { font-family: var(--brand-type-field-label-font), system-ui, sans-serif; font-size: var(--brand-type-field-label-size); font-weight: var(--brand-type-field-label-weight); line-height: var(--brand-type-field-label-line-height); letter-spacing: var(--brand-type-field-label-letter-spacing); text-transform: var(--brand-type-field-label-text-transform); font-style: var(--brand-type-field-label-font-style); }
[class*="btn-"].t-heading-accent { font-family: var(--brand-type-heading-accent-font), system-ui, sans-serif; font-size: var(--brand-type-heading-accent-size); font-weight: var(--brand-type-heading-accent-weight); line-height: var(--brand-type-heading-accent-line-height); letter-spacing: var(--brand-type-heading-accent-letter-spacing); text-transform: var(--brand-type-heading-accent-text-transform); font-style: var(--brand-type-heading-accent-font-style); }
[class*="btn-"].t-heavy-title { font-family: var(--brand-type-heavy-title-font), system-ui, sans-serif; font-size: var(--brand-type-heavy-title-size); font-weight: var(--brand-type-heavy-title-weight); line-height: var(--brand-type-heavy-title-line-height); letter-spacing: var(--brand-type-heavy-title-letter-spacing); text-transform: var(--brand-type-heavy-title-text-transform); font-style: var(--brand-type-heavy-title-font-style); }
[class*="btn-"].t-map-card-text { font-family: var(--brand-type-map-card-text-font), system-ui, sans-serif; font-size: var(--brand-type-map-card-text-size); font-weight: var(--brand-type-map-card-text-weight); line-height: var(--brand-type-map-card-text-line-height); letter-spacing: var(--brand-type-map-card-text-letter-spacing); text-transform: var(--brand-type-map-card-text-text-transform); font-style: var(--brand-type-map-card-text-font-style); }
[class*="btn-"].t-meta-italic { font-family: var(--brand-type-meta-italic-font), system-ui, sans-serif; font-size: var(--brand-type-meta-italic-size); font-weight: var(--brand-type-meta-italic-weight); line-height: var(--brand-type-meta-italic-line-height); letter-spacing: var(--brand-type-meta-italic-letter-spacing); text-transform: var(--brand-type-meta-italic-text-transform); font-style: var(--brand-type-meta-italic-font-style); }
[class*="btn-"].t-meta-strong { font-family: var(--brand-type-meta-strong-font), system-ui, sans-serif; font-size: var(--brand-type-meta-strong-size); font-weight: var(--brand-type-meta-strong-weight); line-height: var(--brand-type-meta-strong-line-height); letter-spacing: var(--brand-type-meta-strong-letter-spacing); text-transform: var(--brand-type-meta-strong-text-transform); font-style: var(--brand-type-meta-strong-font-style); }
[class*="btn-"].t-quote { font-family: var(--brand-type-quote-font), system-ui, sans-serif; font-size: var(--brand-type-quote-size); font-weight: var(--brand-type-quote-weight); line-height: var(--brand-type-quote-line-height); letter-spacing: var(--brand-type-quote-letter-spacing); text-transform: var(--brand-type-quote-text-transform); font-style: var(--brand-type-quote-font-style); }
[class*="btn-"].t-strong { font-family: var(--brand-type-strong-font), system-ui, sans-serif; font-size: var(--brand-type-strong-size); font-weight: var(--brand-type-strong-weight); line-height: var(--brand-type-strong-line-height); letter-spacing: var(--brand-type-strong-letter-spacing); text-transform: var(--brand-type-strong-text-transform); font-style: var(--brand-type-strong-font-style); }
[class*="btn-"].t-strong-italic { font-family: var(--brand-type-strong-italic-font), system-ui, sans-serif; font-size: var(--brand-type-strong-italic-size); font-weight: var(--brand-type-strong-italic-weight); line-height: var(--brand-type-strong-italic-line-height); letter-spacing: var(--brand-type-strong-italic-letter-spacing); text-transform: var(--brand-type-strong-italic-text-transform); font-style: var(--brand-type-strong-italic-font-style); }
[class*="btn-"].t-tag { font-family: var(--brand-type-tag-font), system-ui, sans-serif; font-size: var(--brand-type-tag-size); font-weight: var(--brand-type-tag-weight); line-height: var(--brand-type-tag-line-height); letter-spacing: var(--brand-type-tag-letter-spacing); text-transform: var(--brand-type-tag-text-transform); font-style: var(--brand-type-tag-font-style); }
[class*="btn-"].t-tag-strong { font-family: var(--brand-type-tag-strong-font), system-ui, sans-serif; font-size: var(--brand-type-tag-strong-size); font-weight: var(--brand-type-tag-strong-weight); line-height: var(--brand-type-tag-strong-line-height); letter-spacing: var(--brand-type-tag-strong-letter-spacing); text-transform: var(--brand-type-tag-strong-text-transform); font-style: var(--brand-type-tag-strong-font-style); }
[class*="btn-"].t-wordmark { font-family: var(--brand-type-wordmark-font), system-ui, sans-serif; font-size: var(--brand-type-wordmark-size); font-weight: var(--brand-type-wordmark-weight); line-height: var(--brand-type-wordmark-line-height); letter-spacing: var(--brand-type-wordmark-letter-spacing); text-transform: var(--brand-type-wordmark-text-transform); font-style: var(--brand-type-wordmark-font-style); }
[class*="btn-"].t-text-link { font-family: var(--brand-type-text-link-font), system-ui, sans-serif; font-size: var(--brand-type-text-link-size); font-weight: var(--brand-type-text-link-weight); line-height: var(--brand-type-text-link-line-height); letter-spacing: var(--brand-type-text-link-letter-spacing); text-transform: var(--brand-type-text-link-text-transform); font-style: var(--brand-type-text-link-font-style); }
[class*="btn-"].t-tag-link { font-family: var(--brand-type-tag-link-font), system-ui, sans-serif; font-size: var(--brand-type-tag-link-size); font-weight: var(--brand-type-tag-link-weight); line-height: var(--brand-type-tag-link-line-height); letter-spacing: var(--brand-type-tag-link-letter-spacing); text-transform: var(--brand-type-tag-link-text-transform); font-style: var(--brand-type-tag-link-font-style); }

:root {
  --brand-color-brand-primary: #d43c23;
  --brand-color-brand-primary-hsl: 8 72% 48%;
  --brand-color-brand-primary-rgb: 212, 60, 35;
  --brand-color-brand-secondary: #dbc782;
  --brand-color-brand-secondary-hsl: 47 55% 68%;
  --brand-color-brand-secondary-rgb: 219, 199, 130;
  --brand-color-brand-accent: #f0cb72;
  --brand-color-brand-accent-hsl: 42 81% 69%;
  --brand-color-brand-accent-rgb: 240, 203, 114;
  --brand-color-semantic-success: #295233;
  --brand-color-semantic-success-hsl: 135 33% 24%;
  --brand-color-semantic-success-rgb: 41, 82, 51;
  --brand-color-semantic-warning: #836404;
  --brand-color-semantic-warning-hsl: 45 94% 26%;
  --brand-color-semantic-warning-rgb: 131, 100, 4;
  --brand-color-semantic-error: #d43c23;
  --brand-color-semantic-error-hsl: 8 72% 48%;
  --brand-color-semantic-error-rgb: 212, 60, 35;
  --brand-color-semantic-info: #2a1f18;
  --brand-color-semantic-info-hsl: 23 27% 13%;
  --brand-color-semantic-info-rgb: 42, 31, 24;
  --brand-color-surface-pageBg: #faf4eb;
  --brand-color-surface-pageBg-hsl: 36 60% 95%;
  --brand-color-surface-pageBg-rgb: 250, 244, 235;
  --brand-color-surface-cardBg: #fefbf6;
  --brand-color-surface-cardBg-hsl: 37 80% 98%;
  --brand-color-surface-cardBg-rgb: 254, 251, 246;
  --brand-color-surface-sectionAlt: #dbc782;
  --brand-color-surface-sectionAlt-hsl: 47 55% 68%;
  --brand-color-surface-sectionAlt-rgb: 219, 199, 130;
  --brand-color-surface-border: #d0c6ba;
  --brand-color-surface-border-hsl: 33 19% 77%;
  --brand-color-surface-border-rgb: 208, 198, 186;
  --brand-color-surface-darkBg: #1e1a14;
  --brand-color-surface-darkBg-hsl: 36 20% 10%;
  --brand-color-surface-darkBg-rgb: 30, 26, 20;
  --brand-color-text-body: #2a1f18;
  --brand-color-text-body-hsl: 23 27% 13%;
  --brand-color-text-body-rgb: 42, 31, 24;
  --brand-color-text-muted: #2a1f18;
  --brand-color-text-muted-hsl: 23 27% 13%;
  --brand-color-text-muted-rgb: 42, 31, 24;
  --brand-color-text-heading: #2a1f18;
  --brand-color-text-heading-hsl: 23 27% 13%;
  --brand-color-text-heading-rgb: 42, 31, 24;
  --brand-color-text-headingAccent: #836404;
  --brand-color-text-headingAccent-hsl: 45 94% 26%;
  --brand-color-text-headingAccent-rgb: 131, 100, 4;
  --brand-color-text-bodyOnDark: #efe7d9;
  --brand-color-text-bodyOnDark-hsl: 38 41% 89%;
  --brand-color-text-bodyOnDark-rgb: 239, 231, 217;
  --brand-color-text-headingOnDark: #ffffff;
  --brand-color-text-headingOnDark-hsl: 0 0% 100%;
  --brand-color-text-headingOnDark-rgb: 255, 255, 255;
  --brand-font-heading: 'EB Garamond', 'Adobe Garamond Pro', 'Garamond', 'Georgia', serif;
  --brand-font-body: 'EB Garamond', 'Adobe Garamond Pro', 'Garamond', 'Georgia', serif;
  --brand-shape-button-radius: 3px;
  --brand-shape-button-fontSize: 0.8rem;
  --brand-shape-card-radius: 5px;
  --brand-shape-base-radius: 3px;
  --brand-shape-large-radius: 9px;
  --brand-shape-input-radius: 3px;
  --brand-shape-input-fontSize: 1.0625rem;
  --brand-shape-input-paddingY: 0.5625rem;
  --brand-shape-input-paddingX: 0.8125rem;
  --brand-shape-input-focusRingWidth: 3px;
  --brand-shape-input-labelFontSize: 0.75rem;
  --brand-shape-input-labelGap: 0.375rem;
  --brand-shape-input-fieldGap: 0.875rem;
  --brand-shape-input-textareaMinHeight: 4.75rem;
  --brand-spacing-density: 9.375rem;
  --brand-shadow-elevation: 0 40px 84px -44px rgba(var(--brand-color-text-body-rgb),0.58);
  --brand-website-header-navLinkColor: #ffffff;
  --brand-website-header-navLinkColor-hsl: 0 0% 100%;
  --brand-website-header-navLinkColor-rgb: 255, 255, 255;
  --brand-website-header-navActiveColor: #f0cb72;
  --brand-website-header-navActiveColor-hsl: 42 81% 69%;
  --brand-website-header-navActiveColor-rgb: 240, 203, 114;
  --brand-website-header-mobileMenu: Overlay;
  --brand-website-hero-overlayEnabled: true;
  --brand-website-hero-overlayColor: #1e1a14;
  --brand-website-hero-overlayColor-hsl: 36 20% 10%;
  --brand-website-hero-overlayColor-rgb: 30, 26, 20;
  --brand-website-hero-overlayOpacity: 55;
  --brand-website-hero-textColor: Light;
  --brand-website-hero-gradient: None;
  --brand-website-section-darkBg: #1e1a14;
  --brand-website-section-darkBg-hsl: 36 20% 10%;
  --brand-website-section-darkBg-rgb: 30, 26, 20;
  --brand-website-footer-bgTone: Dark;
  --brand-website-footer-linkColor: #efe7d9;
  --brand-website-footer-linkColor-hsl: 38 41% 89%;
  --brand-website-footer-linkColor-rgb: 239, 231, 217;
  --brand-website-footer-showSocial: true;
  --brand-website-footer-socialStyle: Outline;
  --brand-website-footer-columns: 4;
  --brand-website-blog-bodySize: Default;
  --brand-website-blog-codeStyle: Light;
  --brand-website-blog-blockquoteStyle: Left border;
  --brand-website-images-radius: 5px;
  --brand-website-images-border-width: 0;
  --brand-website-images-shadow: var(--brand-shadow-elevation);
  --brand-website-images-hoverEffect: None;
  --brand-website-layout-maxWidth: clamp(1240px, 260px + 68vw, 1560px);
  --brand-website-layout-gutter: clamp(20px, 5vw, 72px);
  --brand-color-custom-paperLight: #fbf1dc;
  --brand-color-custom-paperLight-hsl: 41 79% 92%;
  --brand-color-custom-paperLight-rgb: 251, 241, 220;
  --brand-color-custom-paperCream: #faeed1;
  --brand-color-custom-paperCream-hsl: 42 80% 90%;
  --brand-color-custom-paperCream-rgb: 250, 238, 209;
  --brand-color-custom-primaryHover: #c2280d;
  --brand-color-custom-primaryHover-hsl: 9 87% 41%;
  --brand-color-custom-primaryHover-rgb: 194, 40, 13;
  --brand-color-custom-paperHoney: #efddb4;
  --brand-color-custom-paperHoney-hsl: 42 65% 82%;
  --brand-color-custom-paperHoney-rgb: 239, 221, 180;
  --brand-shadow-custom-photoDark: 0 40px 90px -40px rgba(var(--brand-color-surface-darkBg-rgb),0.65);
  --brand-shadow-custom-lift: 0 8px 24px 0 rgba(var(--brand-color-surface-darkBg-rgb),0.2), 0 2px 6px 0 rgba(var(--brand-color-surface-darkBg-rgb),0.1);
  --brand-gradient-honeyPaperCream: linear-gradient(180deg, var(--brand-color-custom-paperCream) 0%, var(--brand-color-custom-paperHoney) 100%);
  --brand-shadow-custom-pop: 0 22px 50px 0 rgba(var(--brand-color-text-body-rgb),0.18), 0 6px 16px 0 rgba(var(--brand-color-text-body-rgb),0.1);
  --brand-font-meta: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --brand-font-control: -apple-system, BlinkMacSystemFont, 'Arial', sans-serif;
  --brand-shadow-custom-primaryGlow: 0 8px 24px 0 rgba(var(--brand-color-brand-primary-rgb),0.4), 0 2px 6px 0 rgba(var(--brand-color-brand-primary-rgb),0.2);
  --brand-shadow-custom-focusRing: 0 0 0 3px rgba(var(--brand-color-brand-primary-rgb),0.13);
  --brand-shadow-custom-todayRing: inset 0 0 0 1px var(--brand-color-text-headingAccent);
  --brand-shadow-custom-linkGlow: 0 0 3px 0 rgba(var(--brand-color-brand-accent-rgb),0.55), 0 0 9px 0 rgba(var(--brand-color-brand-accent-rgb),0.3);
  --brand-gradient-honeyPaper: linear-gradient(180deg, var(--brand-color-custom-paperLight) 0%, var(--brand-color-custom-paperHoney) 100%);
  --brand-shadow-custom-heroLift: 0 8px 24px 0 rgba(var(--brand-color-surface-pageBg-rgb),0.28), 0 2px 6px 0 rgba(var(--brand-color-surface-pageBg-rgb),0.14);
}

:root {
  --brand-ink-color-surface-sectionAlt: var(--brand-color-text-body);
  --brand-ink-heading-color-surface-sectionAlt: var(--brand-color-text-heading);
  --brand-ink-gradient-honeyPaper: var(--brand-color-text-body);
  --brand-ink-heading-gradient-honeyPaper: var(--brand-color-text-heading);
  --brand-ink-color-surface-darkBg: var(--brand-color-text-bodyOnDark);
  --brand-ink-heading-color-surface-darkBg: var(--brand-color-text-headingOnDark);
  --brand-ink-gradient-honeyPaperCream: var(--brand-color-text-body);
  --brand-ink-heading-gradient-honeyPaperCream: var(--brand-color-text-heading);
  --brand-ink-color-surface-cardBg: var(--brand-color-text-body);
  --brand-ink-heading-color-surface-cardBg: var(--brand-color-text-heading);
  --brand-ink-color-surface-pageBg: var(--brand-color-text-body);
  --brand-ink-heading-color-surface-pageBg: var(--brand-color-text-heading);
}

/* Per-selection token-aware styling */
.tus-color-brand-primary { color: var(--brand-color-brand-primary) }
.tus-color-brand-secondary { color: var(--brand-color-brand-secondary) }
.tus-color-brand-accent { color: var(--brand-color-brand-accent) }
.tus-color-semantic-success { color: var(--brand-color-semantic-success) }
.tus-color-semantic-warning { color: var(--brand-color-semantic-warning) }
.tus-color-semantic-error { color: var(--brand-color-semantic-error) }
.tus-color-semantic-info { color: var(--brand-color-semantic-info) }
.tus-color-surface-pageBg { color: var(--brand-color-surface-pageBg) }
.tus-color-surface-cardBg { color: var(--brand-color-surface-cardBg) }
.tus-color-surface-sectionAlt { color: var(--brand-color-surface-sectionAlt) }
.tus-color-surface-border { color: var(--brand-color-surface-border) }
.tus-color-surface-darkBg { color: var(--brand-color-surface-darkBg) }
.tus-color-text-body { color: var(--brand-color-text-body) }
.tus-color-text-muted { color: var(--brand-color-text-muted) }
.tus-color-text-heading { color: var(--brand-color-text-heading) }
.tus-color-text-headingAccent { color: var(--brand-color-text-headingAccent) }
.tus-color-text-bodyOnDark { color: var(--brand-color-text-bodyOnDark) }
.tus-color-text-headingOnDark { color: var(--brand-color-text-headingOnDark) }
.tus-color-custom-paperLight { color: var(--brand-color-custom-paperLight) }
.tus-color-custom-paperCream { color: var(--brand-color-custom-paperCream) }
.tus-color-custom-primaryHover { color: var(--brand-color-custom-primaryHover) }
.tus-color-custom-paperHoney { color: var(--brand-color-custom-paperHoney) }

.tus-weight-bold { font-weight: bold }
.tus-style-italic { font-style: italic }
.tus-decor-underline { text-decoration: underline }
.tus-decor-strikethrough { text-decoration: line-through }


/* Per-selection font-family (V2) */
.tus-font-eb-garamond { font-family: "EB Garamond", sans-serif }


/* Per-selection font-size (V2) */
.tus-size-xs { font-size: 0.64rem }
.tus-size-sm { font-size: 0.86rem }
.tus-size-base { font-size: clamp(1.0625rem,1.1vw,1.1875rem) }
.tus-size-lg { font-size: clamp(1.35rem,2.3vw,1.95rem) }
.tus-size-xl { font-size: clamp(2.2rem,4vw,3.2rem) }
.tus-size-2xl { font-size: clamp(3.8rem,7.5vw,6.4rem) }


/* Popup brand vars */
.pop-canvas {
  --pc-primary: #d43c23;
  --pc-primary-2: #9f2d1a;
  --pc-teal: #dbc782;
  --pc-accent: #d43c23;
  --pc-text: #2a1f18;
  --pc-muted: #2a1f18;
  --pc-surface: #fefbf6;
  --pc-heading: #2a1f18;
  --pc-divider: #836404;
  --pc-btn-bg: #d43c23;
  --pc-btn-text: #ffffff;
  --pc-btn-border: transparent;
  --pc-radius-card: 9px;
  --pc-radius-btn: 3px;
  --pc-shadow: 0 22px 50px 0 rgba(42,31,24,0.18), 0 6px 16px 0 rgba(42,31,24,0.1);
  --pc-badge-bg: transparent;
  --pc-badge-padding: 0;
  --pc-badge-radius: 0;
  --pc-badge-border: none;
  --pc-font-head: 'EB Garamond', 'Adobe Garamond Pro', 'Garamond', 'Georgia', serif;
  --pc-font-body: 'EB Garamond', 'Adobe Garamond Pro', 'Garamond', 'Georgia', serif;
}


/* Popup tus-* scoped overrides */
.pop-canvas .tus-weight-bold         { font-weight: bold }
.pop-canvas .tus-style-italic        { font-style: italic }
.pop-canvas .tus-decor-underline     { text-decoration: underline }
.pop-canvas .tus-decor-strikethrough { text-decoration: line-through }
.pop-canvas .tus-color-brand-primary { color: var(--pc-primary) }
.pop-canvas .tus-color-brand-secondary { color: var(--pc-teal) }
.pop-canvas .tus-color-brand-accent { color: var(--pc-accent) }
.pop-canvas .tus-color-semantic-success { color: var(--brand-color-semantic-success, #295233) }
.pop-canvas .tus-color-semantic-warning { color: var(--brand-color-semantic-warning, #836404) }
.pop-canvas .tus-color-semantic-error { color: var(--brand-color-semantic-error, #d43c23) }
.pop-canvas .tus-color-semantic-info { color: var(--brand-color-semantic-info, #2a1f18) }
.pop-canvas .tus-color-surface-pageBg { color: var(--brand-color-surface-pageBg, #faf4eb) }
.pop-canvas .tus-color-surface-cardBg { color: var(--pc-surface) }
.pop-canvas .tus-color-surface-sectionAlt { color: var(--brand-color-surface-sectionAlt, #dbc782) }
.pop-canvas .tus-color-surface-border { color: var(--brand-color-surface-border, #d0c6ba) }
.pop-canvas .tus-color-surface-darkBg { color: var(--brand-color-surface-darkBg, #1e1a14) }
.pop-canvas .tus-color-text-body { color: var(--pc-text) }
.pop-canvas .tus-color-text-muted { color: var(--pc-muted) }
.pop-canvas .tus-color-text-heading { color: var(--pc-heading) }
.pop-canvas .tus-color-text-headingAccent { color: var(--pc-divider) }
.pop-canvas .tus-color-text-bodyOnDark { color: var(--brand-color-text-bodyOnDark, #efe7d9) }
.pop-canvas .tus-color-text-headingOnDark { color: var(--brand-color-text-headingOnDark, #ffffff) }
.pop-canvas .tus-color-custom-paperLight { color: var(--brand-color-custom-paperLight, #fbf1dc) }
.pop-canvas .tus-color-custom-paperCream { color: var(--brand-color-custom-paperCream, #faeed1) }
.pop-canvas .tus-color-custom-primaryHover { color: var(--brand-color-custom-primaryHover, #c2280d) }
.pop-canvas .tus-color-custom-paperHoney { color: var(--brand-color-custom-paperHoney, #efddb4) }
.pop-canvas .tus-font-eb-garamond { font-family: "EB Garamond", sans-serif }
.pop-canvas .tus-font-eb-garamond { font-family: "EB Garamond", sans-serif }
/* tus-size-* rules require size-scale — emitted by brand-tokens.css/route.ts */


/* Popup tus-size scoped overrides */
.pop-canvas .tus-size-xs { font-size: 0.64rem }
.pop-canvas .tus-size-sm { font-size: 0.86rem }
.pop-canvas .tus-size-base { font-size: clamp(1.0625rem,1.1vw,1.1875rem) }
.pop-canvas .tus-size-lg { font-size: clamp(1.35rem,2.3vw,1.95rem) }
.pop-canvas .tus-size-xl { font-size: clamp(2.2rem,4vw,3.2rem) }
.pop-canvas .tus-size-2xl { font-size: clamp(3.8rem,7.5vw,6.4rem) }


/* Forms brand tokens (--brand-form-* only) */
:root {
  --brand-form-input-bg: var(--brand-color-surface-pageBg);
  --brand-form-input-border-color: #d0c6ba;
  --brand-form-input-text-color: #2a1f18;
  --brand-form-input-placeholder-color: var(--brand-color-text-headingAccent);
  --brand-form-input-focus-bg: var(--brand-color-surface-cardBg);
  --brand-form-input-focus-border-color: #d43c23;
  --brand-form-input-focus-ring-color: rgba(212,60,35,0.13);
  --brand-form-input-focus-ring-width: 3px;
  --brand-form-label-font-size: 0.86rem;
  --brand-form-label-font-weight: 500;
  --brand-form-label-color: #2a1f18;
  --brand-form-label-required-color: var(--brand-color-brand-primary);
  --brand-form-submit-width: auto;
  --brand-form-card-bg: #fefbf6;
  --brand-form-card-border-color: #d0c6ba;
  --brand-form-card-shadow: var(--brand-shadow-custom-pop);
  --brand-form-feedback-success-text: #295233;
  --brand-form-feedback-error-text: var(--brand-color-brand-primary);
  --brand-form-feedback-error-border: var(--brand-color-brand-primary);
  --brand-form-consent-checkbox-border-color: #d0c6ba;
  --brand-form-consent-checkbox-checked-color: #d43c23;
  --brand-form-consent-label-color: #2a1f18;
}