.template-root[data-brand="miami-beach-review"] {
  --brand-tokens-brand-50: #fdf1f4;
  --brand-tokens-brand-100: #fce4ea;
  --brand-tokens-brand-200: #f8c9d5;
  --brand-tokens-brand-300: #f2a6b9;
  --brand-tokens-brand-400: #ec8da5;
  --brand-tokens-brand-500: #e87d98;
  --brand-tokens-brand-600: #e36d8b;
  --brand-tokens-brand-700: #7c1d35;
  --brand-tokens-brand-800: #601528;
  --brand-tokens-brand-900: #480f1d;
  --brand-tokens-brand-950: #2f0913;
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-50: #fafafa;
  --brand-tokens-greyscale-100: #eff0f1;
  --brand-tokens-greyscale-200: #dcdfe0;
  --brand-tokens-greyscale-300: #b6bcbe;
  --brand-tokens-greyscale-400: #90999d;
  --brand-tokens-greyscale-500: #5c666a;
  --brand-tokens-greyscale-600: #495155;
  --brand-tokens-greyscale-700: #383f43;
  --brand-tokens-greyscale-800: #272d30;
  --brand-tokens-greyscale-900: #191d1f;
  --brand-tokens-greyscale-950: #101314;
  --brand-tokens-greyscale-1000: #090b0c;
  --brand-tokens-typography-body: "Manrope";
  --brand-tokens-typography-labels: "Manrope";
  --brand-tokens-typography-titles-a: "Anton";
  --brand-tokens-typography-titles-b: "Anton";

  --tint-light: #fdf0f3;
}

.template-root[data-brand="miami-beach-review"] .block-section-title {
  letter-spacing: 0.02em;
}

.template-root[data-brand="miami-beach-review"] .block-container--bg-default,
.template-root[data-brand="miami-beach-review"] .block-container--bg-tint {
  --text-default-4: var(--brand-tokens-brand-700);
  --interactive-text-primary-idle: var(--brand-tokens-brand-700);
  --interactive-text-primary-hover: var(--brand-tokens-brand-800);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-900);

  --interactive-contained-primary-idle: var(--brand-tokens-brand-700);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-800);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-900);
}

.template-root[data-brand="miami-beach-review"] .block-container--bg-inverted {
  --interactive-contained-primary-on-idle: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="miami-beach-review"] .block-container--bg-image {
  --interactive-contained-primary-idle: var(--brand-tokens-brand-700);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-800);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-900);
}

.template-root[data-brand="miami-beach-review"]
  .block-container--bg-default:has(.block-quick-hits) {
  background-color: color-mix(
    in srgb,
    var(--brand-tokens-brand-600) 40%,
    var(--brand-tokens-greyscale-10)
  );

  --text-default-3: var(--brand-tokens-greyscale-700);
}

.template-root[data-brand="miami-beach-review"] .block-container--bg-brand {
  --interactive-outlined-primary-toggled-idle: var(--brand-tokens-brand-600);

  --text-inverted-1: var(--brand-tokens-greyscale-900);
  --text-inverted-2: var(--brand-tokens-greyscale-900);

  --text-default-3: var(--brand-tokens-greyscale-900);
  --text-default-4: var(--brand-tokens-brand-950);
  --interactive-text-primary-idle: var(--brand-tokens-brand-950);
  --interactive-text-primary-hover: var(--brand-tokens-greyscale-1000);
  --interactive-text-primary-pressed: var(--brand-tokens-greyscale-1000);

  --hairline-color: color-mix(in srgb, var(--brand-tokens-greyscale-900) 70%, transparent);

  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--brand-tokens-brand-300) 18%, transparent) 0%,
    transparent 72%
  );
}

.template-root[data-brand="miami-beach-review"] .block-weather--bg-inverted {
  background-color: var(--brand-tokens-brand-700);
}

.template-root[data-brand="miami-beach-review"] .block-hero__lead-title {
  --card-title-xl: 40px;
  --card-title-xl-lh: 44px;

  letter-spacing: 0.005em;
}
@media (max-width: 767px) {
  .template-root[data-brand="miami-beach-review"] .block-hero__lead-title {
    --card-title-xl: 28px;
    --card-title-xl-lh: 32px;
  }
}