.template-root[data-brand="the-sandy-springs-record"] {
  --brand-tokens-brand-50: #eff4fa;
  --brand-tokens-brand-100: #dbe7f5;
  --brand-tokens-brand-200: #b4cee8;
  --brand-tokens-brand-300: #7fabd4;
  --brand-tokens-brand-400: #4483bd;
  --brand-tokens-brand-500: #2a76b8;
  --brand-tokens-brand-600: #2165a1;
  --brand-tokens-brand-700: #1b5486;
  --brand-tokens-brand-800: #16436b;
  --brand-tokens-brand-900: #103150;
  --brand-tokens-brand-950: #0a2038;
  --brand-tokens-greyscale-10: #fafbfd;
  --brand-tokens-greyscale-50: #f1f4f9;
  --brand-tokens-greyscale-100: #e3e9f2;
  --brand-tokens-greyscale-200: #c9d3e2;
  --brand-tokens-greyscale-300: #a6b4ca;
  --brand-tokens-greyscale-400: #7f8fab;
  --brand-tokens-greyscale-500: #5c6b87;
  --brand-tokens-greyscale-600: #46536c;
  --brand-tokens-greyscale-700: #333e54;
  --brand-tokens-greyscale-800: #222c40;
  --brand-tokens-greyscale-900: #131c2f;
  --brand-tokens-greyscale-950: #0c1322;
  --brand-tokens-greyscale-1000: #060a14;
  --brand-tokens-typography-body: "Host Grotesk";
  --brand-tokens-typography-labels: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-a: "Space Grotesk";
  --brand-tokens-typography-titles-b: "Space Grotesk";
  --tint-light: #e9eff8;

  --ssr-green-mark: #1f7a4d;
  --ssr-green-mark-on-paint: #78cfa4;
}

.template-root[data-brand="the-sandy-springs-record"] .block-container--bg-default,
.template-root[data-brand="the-sandy-springs-record"] .block-container--bg-tint {
  --interactive-text-primary-hover: var(--brand-tokens-brand-800);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-900);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-800);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-900);
}

.template-root[data-brand="the-sandy-springs-record"] .block-container--bg-brand {
  --interactive-text-primary-idle: var(--brand-tokens-brand-200);
  --interactive-text-primary-hover: var(--brand-tokens-brand-100);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-50);

  --text-inverted-3: var(--brand-tokens-greyscale-200);
  --text-inverted-4: var(--brand-tokens-brand-200);
}

.template-root[data-brand="the-sandy-springs-record"] .block-container--bg-brand {
  background-image: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 22%, transparent) 100%
  );
}

/* Painted containers otherwise render typed input text on the field's light fill. */
.template-root[data-brand="the-sandy-springs-record"] .block-container--bg-brand .block-cta__input {
  color: var(--brand-tokens-greyscale-900);
}

/* A transparent border lets the layered rule paint the full strip. */
.template-root[data-brand="the-sandy-springs-record"] .block-section-title--v1,
.template-root[data-brand="the-sandy-springs-record"]
  .block-subcategory-section-title--v1
  .block-subcategory-section-title__row {
  border-bottom-color: transparent;
  background-image:
    linear-gradient(
      to right,
      var(--brand-tokens-brand-400) 0 32px,
      var(--brand-tokens-brand-600) 32px 64px,
      var(--ssr-green-mark) 64px 96px
    ),
    linear-gradient(var(--brand-tokens-greyscale-200), var(--brand-tokens-greyscale-200));
  background-repeat: no-repeat, no-repeat;
  background-position:
    left bottom,
    left bottom;
  background-size:
    96px 3px,
    100% 1px;
}

.template-root[data-brand="the-sandy-springs-record"]
  .block-container--bg-brand
  .block-section-title--v1 {
  background-image:
    linear-gradient(
      to right,
      var(--brand-tokens-brand-200) 0 32px,
      var(--brand-tokens-greyscale-10) 32px 64px,
      var(--ssr-green-mark-on-paint) 64px 96px
    ),
    linear-gradient(
      color-mix(in srgb, var(--brand-tokens-greyscale-10) 26%, transparent),
      color-mix(in srgb, var(--brand-tokens-greyscale-10) 26%, transparent)
    );
}

.template-root[data-brand="the-sandy-springs-record"] .block-quick-hits__label {
  color: var(--brand-tokens-brand-600);
}