@marioschmidt/design-system-components 1.0.79 → 1.1.0

package/dist/www/css/bundles/advertorial.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.79
+ * BILD Design System Tokens v1.1.0
  * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
  *
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -26,14 +26,21 @@
 
   /* BILD - red */
   --color-bild-red-50: #DD0000;
-  --color-bild-red-35: #AF0002;
-  --color-bild-red-53: #F52D2D;
+  --color-bild-red-40: #C10000;
+  --color-bild-red-60: #F75849;
+  --color-bild-red-10: #410000;
+  --color-bild-red-90: #FFDADA;
+  --color-bild-red-20: #680000;
+  --color-bild-red-30: #930000;
+  --color-bild-red-80: #FFB2B2;
+  --color-bild-red-95: #FFECEC;
+  --color-bild-red-70: #FF8989;
 
   /* BILD - purple */
   --color-bild-purple-20: #551937;
 
   /* BILD - alpha */
-  --alpha-red-50-a-80: rgba(221, 0, 0, 0.8);
+  --color-bild-red-50-a-80: rgba(221, 0, 0, 0.8);
 
 
   /* ============================================
@@ -41,55 +48,82 @@
      ============================================ */
 
   /* Shared - neutral */
-  --color-neutral-15: #232629;
+  --color-neutral-15: #222628;
   --color-neutral-100: #FFFFFF;
-  --color-neutral-85: #CED4DA;
-  --color-neutral-35: #4B525A;
+  --color-neutral-80: #C4C9CF;
+  --color-neutral-30: #40464D;
   --color-neutral-25: #343C41;
   --color-neutral-60: #8C9196;
-  --color-neutral-96: #F2F4F5;
-  --color-neutral-93: #E9ECEF;
-  --color-neutral-73: #AEB4B9;
-  --color-neutral-45: #666B70;
-  --color-neutral-10: #1C1C1C;
-  --color-neutral-20: #2C3138;
+  --color-neutral-95: #F2F4F5;
+  --color-neutral-90: #DDE1E2;
+  --color-neutral-70: #A6ABB0;
+  --color-neutral-40: #565A5F;
+  --color-neutral-10: #191B1C;
+  --color-neutral-20: #2C3133;
   --color-neutral-0: #000000;
+  --color-neutral-50: #6E787C;
 
   /* Shared - orange */
-  --color-orange-67: #FD8227;
+  --color-orange-70: #FD8227;
+  --color-orange-30: #763301;
+  --color-orange-40: #9E4401;
+  --color-orange-50: #C65502;
+  --color-orange-80: #FEB782;
+  --color-orange-90: #FEDBC1;
+  --color-orange-95: #FFEDDF;
+  --color-orange-60: #EF6702;
+  --color-orange-20: #522301;
+  --color-orange-10: #2F1400;
 
   /* Shared - green */
   --color-green-70: #00C373;
-  --color-green-63: #00AF67;
-  --color-green-93: #CEF4E4;
+  --color-green-90: #B9EFCD;
   --color-green-40: #006E3E;
-  --color-green-56: #18995C;
+  --color-green-60: #00AF67;
+  --color-green-10: #052013;
+  --color-green-30: #0D5232;
+  --color-green-20: #093822;
+  --color-green-50: #158751;
+  --color-green-95: #DEF7E6;
+  --color-green-80: #76DA9F;
 
   /* Shared - yellow */
   --color-yellow-80: #FFBF00;
+  --color-yellow-70: #D9A200;
+  --color-yellow-90: #FFE082;
+  --color-yellow-95: #FFF0C2;
+  --color-yellow-10: #241B00;
+  --color-yellow-20: #3D2E00;
+  --color-yellow-30: #594300;
+  --color-yellow-40: #785A00;
+  --color-yellow-50: #967100;
+  --color-yellow-60: #B88A00;
 
   /* Shared - alpha */
-  --alpha-neutral-85-a-50: rgba(206, 212, 218, 0.5);
-  --alpha-green-93-a-50: rgba(206, 244, 228, 0.5);
-  --color-green-56-a-50: rgba(0, 155, 90, 0.5);
-  --alpha-black-20: rgba(0, 0, 0, 0.2);
-  --alpha-black-10: rgba(0, 0, 0, 0.1);
-  --alpha-black-60: rgba(0, 0, 0, 0.6);
-  --alpha-black-30: rgba(0, 0, 0, 0.3);
-  --alpha-black-70: rgba(0, 0, 0, 0.7);
-  --alpha-white-10: rgba(255, 255, 255, 0.1);
-  --alpha-white-20: rgba(255, 255, 255, 0.2);
-  --alpha-white-30: rgba(255, 255, 255, 0.3);
-  --alpha-white-60: rgba(255, 255, 255, 0.6);
-  --alpha-white-70: rgba(255, 255, 255, 0.7);
-  --alpha-white-35: rgba(255, 255, 255, 0.35);
-  --alpha-black-80: rgba(0, 0, 0, 0.8);
-  --alpha-white-80: rgba(255, 255, 255, 0.8);
-  --alpha-black-35: rgba(0, 0, 0, 0.35);
-  --alpha-black-0: rgba(0, 0, 0, 0);
-  --alpha-black-50: rgba(0, 0, 0, 0.5);
-  --alpha-black-5: rgba(0, 0, 0, 0.05);
-  --alpha-white-0: rgba(255, 255, 255, 0);
+  --color-neutral-0-a-20: rgba(0, 0, 0, 0.2);
+  --color-neutral-0-a-10: rgba(0, 0, 0, 0.1);
+  --color-neutral-0-a-60: rgba(0, 0, 0, 0.6);
+  --color-neutral-0-a-30: rgba(0, 0, 0, 0.3);
+  --color-neutral-0-a-70: rgba(0, 0, 0, 0.7);
+  --color-neutral-100-a-10: rgba(255, 255, 255, 0.1);
+  --color-neutral-100-a-20: rgba(255, 255, 255, 0.2);
+  --color-neutral-100-a-30: rgba(255, 255, 255, 0.3);
+  --color-neutral-100-a-60: rgba(255, 255, 255, 0.6);
+  --color-neutral-100-a-70: rgba(255, 255, 255, 0.7);
+  --color-neutral-100-a-35: rgba(255, 255, 255, 0.35);
+  --color-neutral-0-a-80: rgba(0, 0, 0, 0.8);
+  --color-neutral-100-a-80: rgba(255, 255, 255, 0.8);
+  --color-neutral-0-a-35: rgba(0, 0, 0, 0.35);
+  --color-neutral-0-a-0: rgba(0, 0, 0, 0);
+  --color-neutral-0-a-50: rgba(0, 0, 0, 0.5);
+  --color-neutral-0-a-5: rgba(0, 0, 0, 0.05);
+  --color-neutral-100-a-0: rgba(255, 255, 255, 0);
+  --color-neutral-100-a-95: rgba(255, 255, 255, 0.95);
+  --color-neutral-15-a-0: rgba(34, 38, 40, 0);
+  --color-neutral-95-a-0: rgba(242, 244, 245, 0);
+  --color-neutral-20-a-0: rgba(44, 49, 51, 0);
+  --color-neutral-25-a-0: rgba(52, 60, 65, 0);
+  --color-neutral-90-a-0: rgba(221, 225, 226, 0);
 
 
   /* ============================================
@@ -112,19 +146,29 @@
      ============================================ */
 
   /* SportBILD - blue */
-  --color-spobi-blue-98: #F7F9FD;
-  --color-spobi-blue-81: #BDCADB;
-  --color-spobi-blue-29: #174482;
-  --color-spobi-blue-16: #0A2750;
-  --color-spobi-blue-10: #081828;
-  --color-spobi-blue-38: #315998;
+  --color-spobi-blue-95: #EFF1F5;
+  --color-spobi-blue-80: #C3C9DB;
+  --color-spobi-blue-30: #174482;
+  --color-spobi-blue-20: #0C2F61;
+  --color-spobi-blue-10: #091C2E;
+  --color-spobi-blue-40: #345EA0;
+  --color-spobi-blue-50: #4676C3;
+  --color-spobi-blue-70: #8FACDB;
+  --color-spobi-blue-60: #6A91CF;
+  --color-spobi-blue-90: #D6E1F2;
+  --color-spobi-blue-15: #0B2647;
+  --color-spobi-blue-25: #113B72;
 
   /* SportBILD - red */
   --color-spobi-red-50: #E52528;
 
   /* SportBILD - alpha */
-  --color-spobi-blue-16-a-0: rgba(10, 39, 80, 0);
-  --color-spobi-blue-16-a-70: rgba(10, 39, 80, 0.7);
+  --color-spobi-blue-15-a-0: rgba(11, 38, 71, 0);
+  --color-spobi-blue-15-a-70: rgba(11, 38, 71, 0.7);
+  --color-spobi-blue-95-a-0: rgba(239, 241, 245, 0);
+  --color-spobi-blue-20-a-0: rgba(12, 47, 97, 0);
+  --color-spobi-blue-90-a-0: rgba(214, 225, 242, 0);
+  --color-spobi-blue-25-a-0: rgba(17, 59, 114, 0);
 
 
   /* ============================================
@@ -218,6 +262,8 @@
   --st-font-weight-thin: 100;
   --st-font-weight-bold-italic: 700;
   --st-font-weight-black-italic: 900;
+  --st-font-weight-st-book-italic: 400;
+  --st-font-weight-light-italic-st: 300;
 
 }
 
@@ -278,6 +324,7 @@
   --size-100-x: 800px;
   --size-0-x: 0px;
   --size-0-p-125-x: 1px;
+  --size-5-p-5-x: 44px;
 
 }
 
@@ -366,7 +413,6 @@
   --label-3-font-size: 12px;
   --label-2-font-size: 15px;
   --label-1-font-size: 17px;
-  --label-1-font-size-responsive: 10px;
   --callout-1-font-size: 16px;
   --footnote-1-font-size: 13px;
   --footnote-2-font-size: 10px;
@@ -389,6 +435,8 @@
   --callout-font-weight: var(--font-weight-black, 800);
   --label-font-weight-bold: var(--font-weight-bold, 700);
   --label-font-weight-book: var(--font-weight-book, 400);
+  --label-font-weight-bold-st: var(--st-font-weight-bold, 700);
+  --label-font-weight-book-st: var(--st-font-weight-st-book, 400);
   --body-font-weight-book: var(--font-weight-book, 400);
   --body-font-weight-bold: var(--font-weight-bold, 700);
   --kicker-font-weight: var(--font-weight-bold, 700);
@@ -399,8 +447,12 @@
   --headline-3-font-weight: var(--font-weight-bold, 700);
   --headline-4-font-weight: var(--font-weight-semi-bold, 600);
   --headline-1-font-weight-st: var(--st-font-weight-bold, 700);
+  --headline-2-font-weight-st: var(--st-font-weight-bold, 700);
+  --headline-3-font-weight-st: var(--st-font-weight-bold, 700);
+  --headline-4-font-weight-st: var(--st-font-weight-semi-bold, 600);
   --title-font-weight: var(--font-weight-black, 800);
   --display-font-weight: var(--font-weight-black, 800);
+  --display-font-weight-st: var(--st-font-weight-black, 800);
   --quote-font-weight: var(--font-weight-black, 800);
   --footnote-font-weight-book: var(--font-weight-book, 400);
   --footnote-font-weight-bold: var(--font-weight-bold, 700);
@@ -411,7 +463,6 @@
   --kicker-1-line-height: 17.6px;
   --label-3-line-height: 14.4px;
   --label-1-line-height: 20.4px;
-  --label-1-responsive-line-height: 10px;
   --label-2-line-height: 16px;
   --display-1-line-height: 40px;
   --display-2-line-height: 36px;
@@ -427,18 +478,18 @@
   --headline-4-line-height: 18.4px;
   --callout-line-height: 20.8px;
   --subheadline-1-line-height: 23.4px;
-  --letter-spacing-positive-sm: var(--letter-space-0-p-5, 0.5px);
-  --letter-spacing-positive-lg: var(--letter-space-2, 2px);
-  --letter-spacing-positive-md: var(--letter-space-1, 1px);
-  --letter-spacing-none: var(--letter-space-0, 0px);
-  --letter-spacing-negative-sm: var(--letter-space-neg-0-p-5, -0.5px);
-  --letter-spacing-negative-md: var(--letter-space-neg-1, -1px);
-  --letter-spacing-negative-lg: var(--letter-space-neg-2, -2px);
-  --letter-spacing-negative-xs: var(--letter-space-neg-0-p-25, -0.25px);
-  --letter-spacing-positive-xs: var(--letter-space-0-p-25, 0.25px);
-  --display-1-letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
-  --display-2-letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
-  --display-3-letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
+  --letter-space-positive-sm: var(--letter-space-0-p-5, 0.5px);
+  --letter-space-positive-lg: var(--letter-space-2, 2px);
+  --letter-space-positive-md: var(--letter-space-1, 1px);
+  --letter-space-none: var(--letter-space-0, 0px);
+  --letter-space-negative-sm: var(--letter-space-neg-0-p-5, -0.5px);
+  --letter-space-negative-md: var(--letter-space-neg-1, -1px);
+  --letter-space-negative-lg: var(--letter-space-neg-2, -2px);
+  --letter-space-negative-xs: var(--letter-space-neg-0-p-25, -0.25px);
+  --letter-space-positive-xs: var(--letter-space-0-p-25, 0.25px);
+  --display-1-letter-space: var(--letter-space-neg-0-p-5, -0.5px);
+  --display-2-letter-space: var(--letter-space-neg-0-p-5, -0.5px);
+  --display-3-letter-space: var(--letter-space-neg-0-p-5, -0.5px);
   --border-radius-xs: var(--size-0-p-25-x, 2px);
   --border-radius-md: var(--size-1-x, 8px);
   --border-radius-sm: var(--size-0-p-5-x, 4px);
@@ -466,19 +517,19 @@
   --inline-space-const-xs: var(--space-0-p-75-x, 6px);
   --inline-space-const-3-xs: var(--space-0-p-25-x, 2px);
   --inline-space-const-2-xs: var(--space-0-p-5-x, 4px);
-  --stack-space-resp-md: var(--space-1-p-5-x, 12px);
-  --stack-space-resp-lg: var(--space-2-x, 16px);
-  --stack-space-resp-2-xl: var(--space-4-x, 32px);
-  --stack-space-resp-sm: var(--space-1-x, 8px);
-  --stack-space-resp-xl: var(--space-3-x, 24px);
-  --stack-space-const-sm: var(--space-1-x, 8px);
-  --stack-space-const-md: var(--space-1-p-5-x, 12px);
-  --stack-space-const-lg: var(--space-2-x, 16px);
-  --stack-space-const-2-xl: var(--space-4-x, 32px);
-  --stack-space-const-xl: var(--space-3-x, 24px);
-  --stack-space-const-xs: var(--space-0-p-75-x, 6px);
-  --stack-space-const-3-xs: var(--space-0-p-25-x, 2px);
-  --stack-space-const-2-xs: var(--space-0-p-5-x, 4px);
+  --stack-space-resp-md: var(--density-xs-stack-space-resp-md);
+  --stack-space-resp-lg: var(--density-xs-stack-space-resp-lg);
+  --stack-space-resp-2-xl: var(--density-xs-stack-space-resp-2-xl);
+  --stack-space-resp-sm: var(--density-xs-stack-space-resp-sm);
+  --stack-space-resp-xl: var(--density-xs-stack-space-resp-xl);
+  --stack-space-const-sm: var(--density-stack-space-const-sm);
+  --stack-space-const-md: var(--density-stack-space-const-md);
+  --stack-space-const-lg: var(--density-stack-space-const-lg);
+  --stack-space-const-2-xl: var(--density-stack-space-const-2-xl);
+  --stack-space-const-xl: var(--density-stack-space-const-xl);
+  --stack-space-const-xs: var(--density-stack-space-const-xs);
+  --stack-space-const-3-xs: var(--density-stack-space-const-3-xs);
+  --stack-space-const-2-xs: var(--density-stack-space-const-2-xs);
   --gap-space-resp-xs: var(--space-0-p-5-x, 4px);
   --gap-space-resp-lg: var(--space-2-x, 16px);
   --gap-space-resp-xl: var(--space-3-x, 24px);
@@ -529,6 +580,11 @@
     --canvas-width-size-web: 390px;
     --canvas-width-size-app: 390px;
     --canvas-height-size-app: 844px;
+    --stack-space-resp-md: var(--density-sm-stack-space-resp-md);
+    --stack-space-resp-lg: var(--density-sm-stack-space-resp-lg);
+    --stack-space-resp-2-xl: var(--density-sm-stack-space-resp-2-xl);
+    --stack-space-resp-sm: var(--density-sm-stack-space-resp-sm);
+    --stack-space-resp-xl: var(--density-sm-stack-space-resp-xl);
     --breakpoint-name: sm;
   }
 }
@@ -557,7 +613,6 @@
     --headline-2-font-size: 36px;
     --headline-3-font-size: 26px;
     --headline-4-font-size: 20px;
-    --label-1-font-size-responsive: 15px;
     --callout-1-font-size: 22px;
     --kicker-1-font-size: 18px;
     --kicker-2-font-size: 18px;
@@ -565,7 +620,6 @@
     --kicker-4-line-height: 15.4px;
     --kicker-2-line-height: 19.8px;
     --kicker-1-line-height: 19.8px;
-    --label-1-responsive-line-height: 15px;
     --display-1-line-height: 72px;
     --display-2-line-height: 42px;
     --display-3-line-height: 32px;
@@ -575,10 +629,10 @@
     --headline-3-line-height: 28.6px;
     --headline-4-line-height: 19.8px;
     --callout-line-height: 28.6px;
-    --letter-spacing-negative-sm: var(--letter-space-neg-0-p-25, -0.25px);
-    --display-1-letter-spacing: var(--letter-space-neg-1, -1px);
-    --display-2-letter-spacing: var(--letter-space-neg-1, -1px);
-    --display-3-letter-spacing: var(--letter-space-neg-1, -1px);
+    --letter-space-negative-sm: var(--letter-space-neg-0-p-25, -0.25px);
+    --display-1-letter-space: var(--letter-space-neg-1, -1px);
+    --display-2-letter-space: var(--letter-space-neg-1, -1px);
+    --display-3-letter-space: var(--letter-space-neg-1, -1px);
     --change-on-md: md/lg;
     --bp-specific-web: md;
     --bp-specific-app: regular;
@@ -587,11 +641,10 @@
     --inline-space-resp-lg: var(--space-3-x, 24px);
     --inline-space-resp-2-xl: var(--space-6-x, 48px);
     --inline-space-resp-xl: var(--space-4-x, 32px);
-    --stack-space-resp-md: var(--space-2-x, 16px);
-    --stack-space-resp-lg: var(--space-3-x, 24px);
-    --stack-space-resp-2-xl: var(--space-6-x, 48px);
-    --stack-space-resp-sm: var(--space-1-p-5-x, 12px);
-    --stack-space-resp-xl: var(--space-4-x, 32px);
+    --stack-space-resp-md: var(--density-md-stack-space-resp-md);
+    --stack-space-resp-lg: var(--density-md-stack-space-resp-lg);
+    --stack-space-resp-sm: var(--density-md-stack-space-resp-sm);
+    --stack-space-resp-xl: var(--density-md-stack-space-resp-xl);
     --gap-space-resp-xs: var(--space-0-p-75-x, 6px);
     --gap-space-resp-lg: var(--space-3-x, 24px);
     --gap-space-resp-xl: var(--space-4-x, 32px);
@@ -636,7 +689,6 @@
     --headline-2-font-size: 48px;
     --headline-3-font-size: 32px;
     --headline-4-font-size: 22px;
-    --label-1-font-size-responsive: 17px;
     --footnote-1-font-size: 15px;
     --footnote-2-font-size: 13px;
     --kicker-1-font-size: 25px;
@@ -647,7 +699,6 @@
     --kicker-3-line-height: 17.6px;
     --kicker-2-line-height: 23.1px;
     --kicker-1-line-height: 27.5px;
-    --label-1-responsive-line-height: 17px;
     --display-1-line-height: 120px;
     --display-2-line-height: 64px;
     --display-3-line-height: 40px;
@@ -661,9 +712,9 @@
     --headline-3-line-height: 35.2px;
     --headline-4-line-height: 27.5px;
     --subheadline-1-line-height: 36.4px;
-    --letter-spacing-positive-lg: var(--letter-space-3, 3px);
-    --letter-spacing-negative-lg: var(--letter-space-neg-3, -3px);
-    --display-1-letter-spacing: var(--letter-space-neg-2, -2px);
+    --letter-space-positive-lg: var(--letter-space-3, 3px);
+    --letter-space-negative-lg: var(--letter-space-neg-3, -3px);
+    --display-1-letter-space: var(--letter-space-neg-2, -2px);
     --change-on-lg: lg;
     --bp-specific-web: lg;
     --inline-space-resp-sm: var(--space-2-x, 16px);
@@ -671,11 +722,11 @@
     --inline-space-resp-lg: var(--space-4-x, 32px);
     --inline-space-resp-2-xl: var(--space-8-x, 64px);
     --inline-space-resp-xl: var(--space-5-x, 40px);
-    --stack-space-resp-md: var(--space-3-x, 24px);
-    --stack-space-resp-lg: var(--space-4-x, 32px);
-    --stack-space-resp-2-xl: var(--space-8-x, 64px);
-    --stack-space-resp-sm: var(--space-2-x, 16px);
-    --stack-space-resp-xl: var(--space-5-x, 40px);
+    --stack-space-resp-md: var(--density-lg-stack-space-resp-md);
+    --stack-space-resp-lg: var(--density-lg-stack-space-resp-lg);
+    --stack-space-resp-2-xl: var(--density-lg-stack-space-resp-2-xl);
+    --stack-space-resp-sm: var(--density-lg-stack-space-resp-sm);
+    --stack-space-resp-xl: var(--density-lg-stack-space-resp-xl);
     --gap-space-resp-xs: var(--space-1-x, 8px);
     --gap-space-resp-lg: var(--space-4-x, 32px);
     --gap-space-resp-xl: var(--space-6-x, 48px);
@@ -703,28 +754,10 @@
 [data-content-brand="advertorial"] .display-1,
 :host([data-content-brand="advertorial"]) .display-1 {
   font-family: var(--display-font-family);
-  font-weight: var(--display-font-weight);
+  font-weight: 900;
   font-size: var(--display-1-font-size);
   line-height: var(--display-1-line-height);
-  letter-spacing: var(--display-1-letter-spacing);
-}
-
-[data-content-brand="advertorial"] .display-2,
-:host([data-content-brand="advertorial"]) .display-2 {
-  font-family: var(--display-font-family);
-  font-weight: var(--display-font-weight);
-  font-size: var(--display-2-font-size);
-  line-height: var(--display-2-line-height);
-  letter-spacing: var(--display-2-letter-spacing);
-}
-
-[data-content-brand="advertorial"] .display-3,
-:host([data-content-brand="advertorial"]) .display-3 {
-  font-family: var(--display-font-family);
-  font-weight: var(--display-font-weight);
-  font-size: var(--display-3-font-size);
-  line-height: var(--display-3-line-height);
-  letter-spacing: var(--display-3-letter-spacing);
+  letter-spacing: var(--display-1-letter-space);
 }
 
 [data-content-brand="advertorial"] .headline-1,
@@ -735,30 +768,6 @@
   line-height: var(--headline-1-line-height);
 }
 
-[data-content-brand="advertorial"] .headline-2,
-:host([data-content-brand="advertorial"]) .headline-2 {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-2-font-size);
-  line-height: var(--headline-2-line-height);
-}
-
-[data-content-brand="advertorial"] .headline-3,
-:host([data-content-brand="advertorial"]) .headline-3 {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-line-height);
-}
-
-[data-content-brand="advertorial"] .headline-4,
-:host([data-content-brand="advertorial"]) .headline-4 {
-  font-family: var(--headline-font-family);
-  font-weight: 700;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-font-size);
-}
-
 [data-content-brand="advertorial"] .subheadline-1,
 :host([data-content-brand="advertorial"]) .subheadline-1 {
   font-family: var(--subheadline-font-family);
@@ -775,30 +784,6 @@
   line-height: var(--kicker-1-line-height);
 }
 
-[data-content-brand="advertorial"] .kicker-2,
-:host([data-content-brand="advertorial"]) .kicker-2 {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--kicker-2-font-size);
-  line-height: var(--kicker-2-line-height);
-}
-
-[data-content-brand="advertorial"] .kicker-3,
-:host([data-content-brand="advertorial"]) .kicker-3 {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--kicker-3-font-size);
-  line-height: var(--kicker-3-line-height);
-}
-
-[data-content-brand="advertorial"] .kicker-4,
-:host([data-content-brand="advertorial"]) .kicker-4 {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--kicker-4-font-size);
-  line-height: var(--kicker-4-line-height);
-}
-
 [data-content-brand="advertorial"] .title-1,
 :host([data-content-brand="advertorial"]) .title-1 {
   font-family: var(--title-font-family);
@@ -807,32 +792,6 @@
   line-height: var(--title-1-line-height);
 }
 
-[data-content-brand="advertorial"] .title-1-uppercase,
-:host([data-content-brand="advertorial"]) .title-1-uppercase {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: var(--title-1-font-size);
-  line-height: var(--title-1-line-height);
-  text-transform: uppercase;
-}
-
-[data-content-brand="advertorial"] .title-2,
-:host([data-content-brand="advertorial"]) .title-2 {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: var(--title-2-font-size);
-  line-height: var(--title-2-line-height);
-}
-
-[data-content-brand="advertorial"] .title-2-uppercase,
-:host([data-content-brand="advertorial"]) .title-2-uppercase {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: var(--title-2-font-size);
-  line-height: var(--title-2-line-height);
-  text-transform: uppercase;
-}
-
 [data-content-brand="advertorial"] .callout,
 :host([data-content-brand="advertorial"]) .callout {
   font-family: var(--callout-font-family);
@@ -849,32 +808,6 @@
   line-height: var(--body-line-height);
 }
 
-[data-content-brand="advertorial"] .body-italic,
-:host([data-content-brand="advertorial"]) .body-italic {
-  font-family: var(--body-font-family);
-  font-weight: 400;
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-  font-style: italic;
-}
-
-[data-content-brand="advertorial"] .body-bold,
-:host([data-content-brand="advertorial"]) .body-bold {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-bold);
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-}
-
-[data-content-brand="advertorial"] .body-bold-italic,
-:host([data-content-brand="advertorial"]) .body-bold-italic {
-  font-family: var(--body-font-family);
-  font-weight: 700;
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-  font-style: italic;
-}
-
 [data-content-brand="advertorial"] .text-link,
 :host([data-content-brand="advertorial"]) .text-link {
   font-family: var(--body-font-family);
@@ -884,43 +817,6 @@
   text-decoration: underline;
 }
 
-[data-content-brand="advertorial"] .text-link-italic,
-:host([data-content-brand="advertorial"]) .text-link-italic {
-  font-family: var(--body-font-family);
-  font-weight: 400;
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-  font-style: italic;
-  text-decoration: underline;
-}
-
-[data-content-brand="advertorial"] .text-link-bold,
-:host([data-content-brand="advertorial"]) .text-link-bold {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-bold);
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-  text-decoration: underline;
-}
-
-[data-content-brand="advertorial"] .text-link-hover,
-:host([data-content-brand="advertorial"]) .text-link-hover {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-book);
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-  text-decoration: underline;
-}
-
-[data-content-brand="advertorial"] .text-link-bold-hover,
-:host([data-content-brand="advertorial"]) .text-link-bold-hover {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-bold);
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
-  text-decoration: underline;
-}
-
 [data-content-brand="advertorial"] .footnote-1,
 :host([data-content-brand="advertorial"]) .footnote-1 {
   font-family: var(--footnote-font-family);
@@ -929,149 +825,161 @@
   line-height: var(--footnote-1-line-height);
 }
 
-[data-content-brand="advertorial"] .footnote-1-bold,
-:host([data-content-brand="advertorial"]) .footnote-1-bold {
-  font-family: var(--footnote-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--footnote-1-font-size);
-  line-height: var(--footnote-1-line-height);
-}
-
-[data-content-brand="advertorial"] .footnote-2,
-:host([data-content-brand="advertorial"]) .footnote-2 {
-  font-family: var(--footnote-font-family);
-  font-weight: var(--font-weight-book, 400);
-  font-size: var(--footnote-2-font-size);
-  line-height: var(--footnote-2-line-height);
-}
-
-[data-content-brand="advertorial"] .footnote-2-bold,
-:host([data-content-brand="advertorial"]) .footnote-2-bold {
-  font-family: var(--footnote-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--footnote-2-font-size);
-  line-height: var(--footnote-2-line-height);
-}
-
 [data-content-brand="advertorial"] .label-1,
 :host([data-content-brand="advertorial"]) .label-1 {
   font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-book);
+  font-weight: 400;
   font-size: var(--label-1-font-size);
   line-height: var(--label-1-line-height);
   letter-spacing: var(--letter-space-0-p-25, 0.25px);
 }
 
-[data-content-brand="advertorial"] .label-1-bold,
-:host([data-content-brand="advertorial"]) .label-1-bold {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--label-1-font-size);
-  line-height: var(--label-1-line-height);
-  letter-spacing: var(--letter-space-0-p-25, 0.25px);
+[data-content-brand="advertorial"] .quote,
+:host([data-content-brand="advertorial"]) .quote {
+  font-family: var(--quote-font-family);
+  font-weight: var(--quote-font-weight);
+  font-size: var(--quote-font-size);
+  line-height: var(--quote-line-height);
 }
 
-[data-content-brand="advertorial"] .label-1-bold-resp,
-:host([data-content-brand="advertorial"]) .label-1-bold-resp {
-  font-family: var(--label-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--label-1-font-size-responsive);
-  line-height: var(--label-1-responsive-line-height);
-  letter-spacing: var(--letter-space-0-p-25, 0.25px);
-}
+/* === SEMANTIC DENSITY TOKENS === */
 
-[data-content-brand="advertorial"] .label-1-uppercase-bold,
-:host([data-content-brand="advertorial"]) .label-1-uppercase-bold {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--label-1-font-size);
-  line-height: var(--label-1-line-height);
-  letter-spacing: var(--letter-spacing-positive-sm);
-  text-transform: uppercase;
-}
+[data-content-brand="advertorial"][data-density="default"],
+:host([data-content-brand="advertorial"][data-density="default"]) {
+  /* ============================================
+     GLOBAL
+     ============================================ */
 
-[data-content-brand="advertorial"] .label-2,
-:host([data-content-brand="advertorial"]) .label-2 {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-book);
-  font-size: var(--label-2-font-size);
-  line-height: var(--label-2-line-height);
-  letter-spacing: var(--letter-spacing-positive-xs);
-}
+  /* Global - StackSpace - Constant */
+  --density-stack-space-const-3-xs: var(--space-0-p-25-x, 2px);
+  --density-stack-space-const-2-xs: var(--space-0-p-5-x, 4px);
+  --density-stack-space-const-xs: var(--space-0-p-75-x, 6px);
+  --density-stack-space-const-sm: var(--space-1-x, 8px);
+  --density-stack-space-const-md: var(--space-1-p-5-x, 12px);
+  --density-stack-space-const-lg: var(--space-2-x, 16px);
+  --density-stack-space-const-xl: var(--space-3-x, 24px);
+  --density-stack-space-const-2-xl: var(--space-4-x, 32px);
+
+  /* Global - StackSpace - Responsive - Xs */
+  --density-xs-stack-space-resp-sm: var(--space-1-x, 8px);
+  --density-xs-stack-space-resp-md: var(--space-1-p-5-x, 12px);
+  --density-xs-stack-space-resp-lg: var(--space-2-x, 16px);
+  --density-xs-stack-space-resp-xl: var(--space-3-x, 24px);
+  --density-xs-stack-space-resp-2-xl: var(--space-4-x, 32px);
+
+  /* Global - StackSpace - Responsive - Sm */
+  --density-sm-stack-space-resp-sm: var(--space-1-x, 8px);
+  --density-sm-stack-space-resp-md: var(--space-1-p-5-x, 12px);
+  --density-sm-stack-space-resp-lg: var(--space-2-x, 16px);
+  --density-sm-stack-space-resp-xl: var(--space-3-x, 24px);
+  --density-sm-stack-space-resp-2-xl: var(--space-4-x, 32px);
+
+  /* Global - StackSpace - Responsive - Md */
+  --density-md-stack-space-resp-sm: 12px;
+  --density-md-stack-space-resp-md: 16px;
+  --density-md-stack-space-resp-lg: 24px;
+  --density-md-stack-space-resp-xl: 32px;
+  --density-md-stack-space-resp-2-xl: 48px;
+
+  /* Global - StackSpace - Responsive - Lg */
+  --density-lg-stack-space-resp-sm: 16px;
+  --density-lg-stack-space-resp-md: 24px;
+  --density-lg-stack-space-resp-lg: 32px;
+  --density-lg-stack-space-resp-xl: 40px;
+  --density-lg-stack-space-resp-2-xl: 64px;
 
-[data-content-brand="advertorial"] .label-2-uppercase,
-:host([data-content-brand="advertorial"]) .label-2-uppercase {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-book);
-  font-size: var(--label-2-font-size);
-  line-height: var(--label-2-line-height);
-  letter-spacing: var(--letter-spacing-positive-xs);
-  text-transform: uppercase;
 }
 
-[data-content-brand="advertorial"] .label-2-bold,
-:host([data-content-brand="advertorial"]) .label-2-bold {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--label-2-font-size);
-  line-height: var(--label-2-line-height);
-  letter-spacing: var(--letter-spacing-positive-xs);
-}
+[data-content-brand="advertorial"][data-density="dense"],
+:host([data-content-brand="advertorial"][data-density="dense"]) {
+  /* ============================================
+     GLOBAL
+     ============================================ */
 
-[data-content-brand="advertorial"] .label-2-uppercase-bold,
-:host([data-content-brand="advertorial"]) .label-2-uppercase-bold {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--label-2-font-size);
-  line-height: var(--label-2-line-height);
-  letter-spacing: var(--letter-spacing-positive-xs);
-  text-transform: uppercase;
-}
+  /* Global - StackSpace - Constant */
+  --density-stack-space-const-3-xs: var(--space-0-p-25-x, 2px);
+  --density-stack-space-const-2-xs: var(--space-0-p-25-x, 2px);
+  --density-stack-space-const-xs: var(--space-0-p-25-x, 2px);
+  --density-stack-space-const-sm: var(--space-0-p-75-x, 6px);
+  --density-stack-space-const-md: var(--space-1-x, 8px);
+  --density-stack-space-const-lg: var(--space-1-p-5-x, 12px);
+  --density-stack-space-const-xl: var(--space-2-x, 16px);
+  --density-stack-space-const-2-xl: var(--space-3-x, 24px);
+
+  /* Global - StackSpace - Responsive - Xs */
+  --density-xs-stack-space-resp-sm: var(--space-0-p-75-x, 6px);
+  --density-xs-stack-space-resp-md: var(--space-1-x, 8px);
+  --density-xs-stack-space-resp-lg: var(--space-1-p-5-x, 12px);
+  --density-xs-stack-space-resp-xl: var(--space-2-x, 16px);
+  --density-xs-stack-space-resp-2-xl: var(--space-3-x, 24px);
+
+  /* Global - StackSpace - Responsive - Sm */
+  --density-sm-stack-space-resp-sm: var(--space-0-p-75-x, 6px);
+  --density-sm-stack-space-resp-md: var(--space-1-x, 8px);
+  --density-sm-stack-space-resp-lg: var(--space-1-p-5-x, 12px);
+  --density-sm-stack-space-resp-xl: var(--space-2-x, 16px);
+  --density-sm-stack-space-resp-2-xl: var(--space-3-x, 24px);
+
+  /* Global - StackSpace - Responsive - Md */
+  --density-md-stack-space-resp-sm: 8px;
+  --density-md-stack-space-resp-md: 12px;
+  --density-md-stack-space-resp-lg: 16px;
+  --density-md-stack-space-resp-xl: 24px;
+  --density-md-stack-space-resp-2-xl: 36px;
+
+  /* Global - StackSpace - Responsive - Lg */
+  --density-lg-stack-space-resp-sm: 12px;
+  --density-lg-stack-space-resp-md: 16px;
+  --density-lg-stack-space-resp-lg: 24px;
+  --density-lg-stack-space-resp-xl: 28px;
+  --density-lg-stack-space-resp-2-xl: 48px;
 
-[data-content-brand="advertorial"] .label-3,
-:host([data-content-brand="advertorial"]) .label-3 {
-  font-family: var(--label-font-family);
-  font-weight: var(--font-weight-book, 400);
-  font-size: var(--label-3-font-size);
-  line-height: var(--label-3-line-height);
-  letter-spacing: var(--letter-spacing-positive-xs);
 }
 
-[data-content-brand="advertorial"] .label-3-uppercase,
-:host([data-content-brand="advertorial"]) .label-3-uppercase {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-book);
-  font-size: var(--label-3-font-size);
-  line-height: var(--label-3-line-height);
-  letter-spacing: var(--letter-spacing-positive-sm);
-  text-transform: uppercase;
-}
+[data-content-brand="advertorial"][data-density="spacious"],
+:host([data-content-brand="advertorial"][data-density="spacious"]) {
+  /* ============================================
+     GLOBAL
+     ============================================ */
 
-[data-content-brand="advertorial"] .label-3-bold,
-:host([data-content-brand="advertorial"]) .label-3-bold {
-  font-family: var(--label-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--label-3-font-size);
-  line-height: var(--label-3-line-height);
-  letter-spacing: var(--letter-spacing-positive-xs);
-}
+  /* Global - StackSpace - Constant */
+  --density-stack-space-const-3-xs: var(--space-0-p-25-x, 2px);
+  --density-stack-space-const-2-xs: var(--space-0-p-5-x, 4px);
+  --density-stack-space-const-xs: var(--space-1-x, 8px);
+  --density-stack-space-const-sm: var(--space-1-p-25-x, 10px);
+  --density-stack-space-const-md: var(--space-1-p-75-x, 14px);
+  --density-stack-space-const-lg: var(--space-2-p-5-x, 20px);
+  --density-stack-space-const-xl: var(--space-3-p-5-x, 28px);
+  --density-stack-space-const-2-xl: var(--space-5-x, 40px);
 
-[data-content-brand="advertorial"] .label-3-uppercase-bold,
-:host([data-content-brand="advertorial"]) .label-3-uppercase-bold {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--label-3-font-size);
-  line-height: var(--label-3-line-height);
-  letter-spacing: var(--letter-spacing-positive-sm);
-  text-transform: uppercase;
-}
+  /* Global - StackSpace - Responsive - Xs */
+  --density-xs-stack-space-resp-sm: var(--space-1-p-25-x, 10px);
+  --density-xs-stack-space-resp-md: var(--space-1-p-75-x, 14px);
+  --density-xs-stack-space-resp-lg: var(--space-2-p-5-x, 20px);
+  --density-xs-stack-space-resp-xl: var(--space-3-p-5-x, 28px);
+  --density-xs-stack-space-resp-2-xl: var(--space-5-x, 40px);
+
+  /* Global - StackSpace - Responsive - Sm */
+  --density-sm-stack-space-resp-sm: var(--space-1-p-25-x, 10px);
+  --density-sm-stack-space-resp-md: var(--space-1-p-75-x, 14px);
+  --density-sm-stack-space-resp-lg: var(--space-2-p-5-x, 20px);
+  --density-sm-stack-space-resp-xl: var(--space-3-p-5-x, 28px);
+  --density-sm-stack-space-resp-2-xl: var(--space-5-x, 40px);
+
+  /* Global - StackSpace - Responsive - Md */
+  --density-md-stack-space-resp-sm: 14px;
+  --density-md-stack-space-resp-md: 20px;
+  --density-md-stack-space-resp-lg: 28px;
+  --density-md-stack-space-resp-xl: 40px;
+  --density-md-stack-space-resp-2-xl: 60px;
+
+  /* Global - StackSpace - Responsive - Lg */
+  --density-lg-stack-space-resp-sm: 20px;
+  --density-lg-stack-space-resp-md: 28px;
+  --density-lg-stack-space-resp-lg: 40px;
+  --density-lg-stack-space-resp-xl: 48px;
+  --density-lg-stack-space-resp-2-xl: 80px;
 
-[data-content-brand="advertorial"] .quote,
-:host([data-content-brand="advertorial"]) .quote {
-  font-family: var(--quote-font-family);
-  font-weight: var(--quote-font-weight);
-  font-size: var(--quote-font-size);
-  line-height: var(--quote-line-height);
 }
 
 
@@ -1084,16 +992,10 @@
 
 [data-content-brand="advertorial"] .accordion-label,
 :host([data-content-brand="advertorial"]) .accordion-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--label-font-family);
   font-weight: var(--label-font-weight-bold);
   font-size: var(--label-1-font-size);
-}
-
-/* === BREAKPOINT TOKENS === */
-
-[data-content-brand="advertorial"],
-:host([data-content-brand="advertorial"]) {
-  --accordion-label-font-family: var(--font-family-lucida-grande, Lucida Grande);
+  line-height: var(--label-1-line-height);
 }
 
 /* === TYPOGRAPHY TOKENS === */
@@ -1106,91 +1008,57 @@
   line-height: var(--kicker-1-line-height);
 }
 
-[data-content-brand="advertorial"] .article-image-caption,
-:host([data-content-brand="advertorial"]) .article-image-caption {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--article-image-caption-font-size);
-  line-height: var(--article-image-caption-line-height);
-}
-
-[data-content-brand="advertorial"] .article-headline,
-:host([data-content-brand="advertorial"]) .article-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-2-font-size);
-  line-height: var(--headline-2-font-size);
-}
-
-[data-content-brand="advertorial"] .article-meta-source,
-:host([data-content-brand="advertorial"]) .article-meta-source {
-  font-family: var(--footnote-font-family);
-  font-weight: var(--footnote-font-weight-book);
-  font-size: 13px;
-  line-height: 19px;
-}
-
-[data-content-brand="advertorial"] .article-time-stamp,
-:host([data-content-brand="advertorial"]) .article-time-stamp {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
-  font-size: 12px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
   --aricle-mobile-1-col-grid-image-margin-space: var(--space-0-x, 0px);
   --article-top-margin-space: var(--stack-space-resp-sm);
-  --article-kicker-font-size: var(--kicker-1-font-size);
-  --article-headline-font-size: var(--headline-2-font-size);
-  --article-gallery-ateaser-width: 145px;
-  --article-image-caption-font-size: 13px;
-  --article-image-source-font-size: 13px;
-  --article-image-caption-line-height: 19.5px;
-  --article-image-source-line-height: 19px;
   --article-content-stack-space: var(--stack-space-resp-lg);
   --article-headings-stack-space: var(--space-1-p-5-x, 12px);
   --article-image-landscape-inline-space: var(--space-0-x, 0px);
-  --article-meta-font-family: var(--font-family-lucida-grande, Lucida Grande);
-  --article-meta-font-size: 12px;
   --article-content-inline-space: var(--space-2-x, 16px);
   --article-headings-inline-space: var(--space-2-x, 16px);
   --article-image-portait-inline-space: var(--space-0-x, 0px);
   --article-image-container-stack-space: var(--stack-space-resp-sm);
   --article-infobox-inline-space: var(--inline-space-resp-lg);
   --article-infobox-stack-space: var(--stack-space-resp-lg);
+  --article-kicker-font-size: var(--kicker-1-font-size);
+  --article-headline-font-size: var(--headline-2-font-size);
+  --article-image-caption-font-size: 13px;
+  --article-image-source-font-size: 13px;
+  --article-meta-font-size: 12px;
+  --article-image-caption-line-height: 19.5px;
+  --article-image-source-line-height: 19px;
+  --article-meta-font-family: var(--font-family-lucida-grande, Lucida Grande);
 }
 
 @media (min-width: 600px) {
   [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
     --aricle-mobile-1-col-grid-image-margin-space: var(--space-9-x, 72px);
-    --article-headline-font-size: var(--headline-1-font-size);
-    --article-gallery-ateaser-width: 260px;
     --article-image-landscape-inline-space: var(--space-1-p-5-x, 12px);
-    --article-meta-font-size: 14px;
     --article-content-inline-space: var(--space-9-x, 72px);
     --article-headings-inline-space: var(--space-9-x, 72px);
     --article-image-portait-inline-space: var(--space-9-x, 72px);
+    --article-headline-font-size: var(--headline-1-font-size);
+    --article-meta-font-size: 14px;
   }
 }
 
 @media (min-width: 1024px) {
   [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
-    --article-gallery-ateaser-width: 300px;
-    --article-image-caption-font-size: 16px;
-    --article-image-source-font-size: 16px;
-    --article-image-caption-line-height: 24px;
-    --article-image-source-line-height: 24px;
     --article-headings-stack-space: var(--space-2-x, 16px);
     --article-image-landscape-inline-space: var(--space-2-x, 16px);
-    --article-meta-font-size: 16px;
     --article-content-inline-space: 162px;
     --article-headings-inline-space: var(--space-2-x, 16px);
     --article-image-portait-inline-space: 162px;
+    --article-image-caption-font-size: 16px;
+    --article-image-source-font-size: 16px;
+    --article-meta-font-size: 16px;
+    --article-image-caption-line-height: 24px;
+    --article-image-source-line-height: 24px;
   }
 }
 
@@ -1228,40 +1096,6 @@
   text-transform: uppercase;
 }
 
-[data-content-brand="advertorial"] .avatar-default,
-:host([data-content-brand="advertorial"]) .avatar-default {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: 13px;
-  line-height: 21px;
-}
-
-[data-content-brand="advertorial"] .avatar-hover,
-:host([data-content-brand="advertorial"]) .avatar-hover {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--label-font-weight-bold);
-  font-size: 13px;
-  line-height: 21px;
-  text-decoration: underline;
-}
-
-[data-content-brand="advertorial"] .avatar-secondary-info,
-:host([data-content-brand="advertorial"]) .avatar-secondary-info {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--label-font-weight-book);
-  font-size: 13px;
-  line-height: 21px;
-}
-
-[data-content-brand="advertorial"] .avatar-secondary-info-hover,
-:host([data-content-brand="advertorial"]) .avatar-secondary-info-hover {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--label-font-weight-book);
-  font-size: 13px;
-  line-height: 21px;
-  text-decoration: underline;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1269,7 +1103,7 @@
   --avatar-label-font-size: 13px;
   --avatar-article-size: var(--size-const-md);
   --avatar-author-page-size: var(--size-12-x, 96px);
-  --avatar-font-family: var(--font-family-lucida-grande, Lucida Grande);
+  --avatar-font-family: var(--body-font-family);
   --avatar-label-line-height: 21px;
   --avatar-lane-gap-space: var(--space-2-x, 16px);
   --app-avatar-font-family: var(--title-font-family);
@@ -1301,14 +1135,6 @@
   text-transform: uppercase;
 }
 
-[data-content-brand="advertorial"] .video-time-badge,
-:host([data-content-brand="advertorial"]) .video-time-badge {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--label-font-weight-book);
-  font-size: 16px;
-  line-height: 21px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1322,41 +1148,23 @@
 
 [data-content-brand="advertorial"] .breadcrumb,
 :host([data-content-brand="advertorial"]) .breadcrumb {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-bold, 700);
+  font-family: var(--body-font-family);
+  font-weight: var(--body-font-weight-bold);
   font-size: var(--breadcrumb-font-size);
   line-height: var(--breadcrumb-line-height);
 }
 
-[data-content-brand="advertorial"] .breadcrumb-link,
-:host([data-content-brand="advertorial"]) .breadcrumb-link {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: 15px;
-  line-height: 15px;
-  text-decoration: underline;
-}
-
-[data-content-brand="advertorial"] .breadcrumb-link-hover,
-:host([data-content-brand="advertorial"]) .breadcrumb-link-hover {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--body-font-weight-bold);
-  font-size: 15px;
-  line-height: 15px;
-  text-decoration: underline;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
   --breadcrumb-font-size: 15px;
-  --breadcrumb-font-family: var(--font-family-lucida-grande, Lucida Grande);
+  --breadcrumb-font-family: var(--body-font-family);
   --breadcrumb-arrow-left-inline-space-1: 3px;
   --breadcrumb-arrow-right-inline-space-2: 5px;
   --breadcrumb-inline-space: var(--grid-space-resp-base);
   --breadcrumb-line-height: 15px;
-  --breadcrumb-font-weight: var(--font-weight-bold, 700);
+  --breadcrumb-font-weight: var(--body-font-weight-bold);
   --breadcrumb-stack-space: 14px;
 }
 
@@ -1381,22 +1189,6 @@
   text-transform: uppercase;
 }
 
-[data-content-brand="advertorial"] .breaking-news-upper-title,
-:host([data-content-brand="advertorial"]) .breaking-news-upper-title {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: 13px;
-  line-height: 13px;
-}
-
-[data-content-brand="advertorial"] .breaking-news-lower-title,
-:host([data-content-brand="advertorial"]) .breaking-news-lower-title {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: 23px;
-  line-height: 21px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1442,6 +1234,7 @@
   --density-button-stack-space: var(--space-1-x, 8px);
   --density-button-label-font-size: 17px;
   --density-button-inline-space: var(--space-2-p-5-x, 20px);
+  --density-button-height-size: var(--size-5-x, 40px);
 
 }
 
@@ -1455,6 +1248,7 @@
   --density-button-stack-space: var(--space-0-p-75-x, 6px);
   --density-button-label-font-size: 15px;
   --density-button-inline-space: var(--space-2-x, 16px);
+  --density-button-height-size: var(--size-4-p-5-x, 36px);
 
 }
 
@@ -1468,6 +1262,7 @@
   --density-button-stack-space: var(--space-1-p-5-x, 12px);
   --density-button-label-font-size: 19px;
   --density-button-inline-space: var(--space-3-x, 24px);
+  --density-button-height-size: var(--size-6-x, 48px);
 
 }
 
@@ -1479,18 +1274,10 @@
   font-weight: 700;
   font-size: var(--button-label-font-size);
   line-height: var(--button-label-line-height);
-  letter-spacing: var(--letter-spacing-positive-sm);
+  letter-spacing: var(--letter-space-positive-sm);
   text-transform: uppercase;
 }
 
-[data-content-brand="advertorial"] .partner-link-button-label,
-:host([data-content-brand="advertorial"]) .partner-link-button-label {
-  font-family: var(--label-font-family);
-  font-weight: var(--label-font-weight-book);
-  font-size: var(--partner-link-button-label-font-size);
-  line-height: 16px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1507,6 +1294,7 @@
   --button-stack-space: var(--density-button-stack-space);
   --button-border-radius: var(--border-radius-md);
   --button-label-font-family: var(--label-font-family);
+  --button-height-size: var(--density-button-height-size);
 }
 
 @media (min-width: 1024px) {
@@ -1594,8 +1382,8 @@
 
 [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
-  --datepicker-item-day-width-size: 44px;
-  --datepicker-item-height-size: 44px;
+  --datepicker-item-day-width-size: var(--size-5-p-5-x, 44px);
+  --datepicker-item-height-size: var(--size-5-p-5-x, 44px);
   --datepicker-item-year-width-size: 77px;
 }
 
@@ -1620,45 +1408,21 @@
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-content-brand="advertorial"] .footer-card-link,
-:host([data-content-brand="advertorial"]) .footer-card-link {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-book, 400);
-  font-size: var(--label-2-font-size);
-  text-decoration: underline;
-}
-
-[data-content-brand="advertorial"] .footer-link-separator,
-:host([data-content-brand="advertorial"]) .footer-link-separator {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-book, 400);
-}
-
-[data-content-brand="advertorial"] .footer-links,
-:host([data-content-brand="advertorial"]) .footer-links {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+[data-content-brand="advertorial"] .footer-link,
+:host([data-content-brand="advertorial"]) .footer-link {
+  font-family: var(--body-font-family);
   font-weight: var(--label-font-weight-bold);
   font-size: 11px;
   line-height: 14px;
 }
 
-[data-content-brand="advertorial"] .footer-link-user-offer-pages,
-:host([data-content-brand="advertorial"]) .footer-link-user-offer-pages {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-book, 400);
-  font-size: 18px;
-  line-height: 26px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
   --footer-font-size: 11px;
   --footer-line-height: 14px;
-  --footer-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  --footer-font-size-user-offer-pages: 18px;
-  --footer-line-height-user-offer-pages: 26px;
+  --footer-font-family: var(--body-font-family);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -1669,6 +1433,46 @@
   --icon-size-embedd-media: 40px;
 }
 
+/* === DENSITY TOKENS === */
+
+[data-content-brand="advertorial"][data-density="default"],
+:host([data-content-brand="advertorial"][data-density="default"]) {
+  /* ============================================
+     OTHER
+     ============================================ */
+
+  --density-icon-button-size: var(--size-6-x, 48px);
+
+}
+
+[data-content-brand="advertorial"][data-density="dense"],
+:host([data-content-brand="advertorial"][data-density="dense"]) {
+  /* ============================================
+     OTHER
+     ============================================ */
+
+  --density-icon-button-size: var(--size-5-x, 40px);
+
+}
+
+[data-content-brand="advertorial"][data-density="spacious"],
+:host([data-content-brand="advertorial"][data-density="spacious"]) {
+  /* ============================================
+     OTHER
+     ============================================ */
+
+  --density-icon-button-size: var(--size-7-x, 56px);
+
+}
+
+/* === BREAKPOINT TOKENS === */
+
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
+  --icon-button-size: var(--density-icon-button-size);
+  --icon-button-border-radius: var(--border-radius-md);
+}
+
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1709,6 +1513,7 @@
   --density-input-field-stack-space: var(--space-1-x, 8px);
   --density-input-field-height-size: var(--size-5-x, 40px);
   --density-input-field-label-font-size: 17px;
+  --density-input-field-label-line-height: 17px;
 
 }
 
@@ -1722,6 +1527,7 @@
   --density-input-field-stack-space: var(--space-0-p-75-x, 6px);
   --density-input-field-height-size: var(--size-4-p-5-x, 36px);
   --density-input-field-label-font-size: 16px;
+  --density-input-field-label-line-height: 16px;
 
 }
 
@@ -1735,14 +1541,15 @@
   --density-input-field-stack-space: var(--space-1-p-5-x, 12px);
   --density-input-field-height-size: var(--size-6-x, 48px);
   --density-input-field-label-font-size: 19px;
+  --density-input-field-label-line-height: 19px;
 
 }
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-content-brand="advertorial"] .text-input-field-label,
-:host([data-content-brand="advertorial"]) .text-input-field-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+[data-content-brand="advertorial"] .input-field-label,
+:host([data-content-brand="advertorial"]) .input-field-label {
+  font-family: var(--body-font-family);
   font-weight: var(--label-font-weight-book);
   font-size: 16px;
   line-height: 16px;
@@ -1754,19 +1561,21 @@
 :host([data-content-brand="advertorial"]) {
   --input-field-stack-space: var(--density-input-field-stack-space);
   --input-field-inline-space: var(--density-input-field-inline-space);
-  --input-field-mini-label-inline-space: var(--space-0-p-5-x, 4px);
-  --input-field-font-size: var(--density-input-field-label-font-size);
+  --input-field-mini-label-inline-space: var(--inline-space-const-2-xs);
+  --input-field-label-font-size: var(--density-input-field-label-font-size);
   --input-field-imessage-inline-space: var(--inline-space-const-lg);
   --input-field-height-size: var(--density-input-field-height-size);
   --hey-input-container-inline-space: var(--inline-space-const-sm);
   --input-field-message-gap-space: var(--gap-space-const-xs);
-  --input-field-font-family: var(--font-family-lucida-grande, Lucida Grande);
+  --input-field-label-font-family: var(--body-font-family);
+  --input-field-label-line-height: var(--density-input-field-label-line-height);
 }
 
 @media (min-width: 1024px) {
   [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
     --hey-input-container-inline-space: var(--inline-space-const-lg);
+    --input-field-label-line-height: var(--density-input-field-label-font-size);
   }
 }
 
@@ -1780,14 +1589,6 @@
   line-height: 22px;
 }
 
-[data-content-brand="advertorial"] .live-ticker-time-stamp,
-:host([data-content-brand="advertorial"]) .live-ticker-time-stamp {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--live-ticker-time-stamp-font-size);
-  line-height: 14px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1829,22 +1630,6 @@
   line-height: 16px;
 }
 
-[data-content-brand="advertorial"] .video-ad-time,
-:host([data-content-brand="advertorial"]) .video-ad-time {
-  font-family: var(--font-family-gotham, Gotham);
-  font-weight: var(--title-font-weight);
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="advertorial"] .video-player-time,
-:host([data-content-brand="advertorial"]) .video-player-time {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1852,13 +1637,13 @@
   --podcast-play-button-size: var(--size-6-x, 48px);
   --vid-player-bottom-bar-gap-space: 0px;
   --audio-player-header-stack-space: var(--size-7-x, 56px);
-  --video-time-badge-font-family: var(--font-family-lucida-grande, Lucida Grande);
+  --video-time-badge-font-family: var(--body-font-family);
   --vid-player-control-button-size: var(--size-5-p-25-x, 42px);
   --vid-player-control-button-icon-size-hover: var(--size-3-p-5-x, 28px);
   --vid-player-timecode-font-size: 14px;
   --vid-player-timecode-container-min-width-size: 45px;
   --vid-player-progress-bar-container-height-size: 24px;
-  --vid-player-unmute-button-width-size: 220;
+  --vid-player-unmute-button-width-size: 220px;
 }
 
 @media (min-width: 600px) {
@@ -1888,33 +1673,6 @@
   line-height: 14px;
 }
 
-[data-content-brand="advertorial"] .app-topbar-tabs-title,
-:host([data-content-brand="advertorial"]) .app-topbar-tabs-title {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: 12px;
-  line-height: 14px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="advertorial"] .menu-item-label,
-:host([data-content-brand="advertorial"]) .menu-item-label {
-  font-family: var(--label-font-family);
-  font-weight: 700;
-  font-size: 15px;
-  line-height: 15px;
-  text-transform: uppercase;
-}
-
-[data-content-brand="advertorial"] .menu-item-util-label,
-:host([data-content-brand="advertorial"]) .menu-item-util-label {
-  font-family: var(--label-font-family);
-  font-weight: 700;
-  font-size: var(--size-1-p-5-x, 12px);
-  line-height: var(--size-1-p-5-x, 12px);
-  text-transform: uppercase;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -1937,8 +1695,8 @@
   --menu-right-inline-space: var(--space-0-x, 0px);
   --menu-bottom-stack-space: var(--stack-space-const-sm);
   --menu-utility-links-divider-height-size: var(--size-const-sm);
-  --menu-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
-  --hey-input-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
+  --menu-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --hey-input-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
   --app-topbar-title-font-size: 12px;
   --app-topbar-stage-title-height: 14px;
   --i-osapp-top-bar-height-size: 44px;
@@ -1969,8 +1727,8 @@
     --menu-right-inline-space: var(--inline-space-const-lg);
     --menu-bottom-stack-space: var(--space-0-x, 0px);
     --menu-utility-links-divider-height-size: var(--size-const-md);
-    --menu-shadow-visibility: var(--alpha-black-0, rgba(0, 0, 0, 0));
-    --hey-input-shadow-visibility: var(--alpha-black-10, rgba(0, 0, 0, 0.1));
+    --menu-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
+    --hey-input-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
   }
 }
 
@@ -1984,22 +1742,6 @@
   line-height: 20.8px;
 }
 
-[data-content-brand="advertorial"] .news-ticker-kicker,
-:host([data-content-brand="advertorial"]) .news-ticker-kicker {
-  font-family: var(--kicker-font-family);
-  font-weight: var(--kicker-font-weight);
-  font-size: var(--kicker-3-font-size);
-  line-height: var(--kicker-3-line-height);
-}
-
-[data-content-brand="advertorial"] .news-ticker-headline,
-:host([data-content-brand="advertorial"]) .news-ticker-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-line-height);
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -2076,7 +1818,7 @@
   --gallery-pagination-container-web-inline-space: var(--inline-space-const-sm);
   --gallery-pagination-container-stack-space: var(--stack-space-const-md);
   --gallery-pagination-container-app-inline-space: var(--inline-space-const-md);
-  --scroll-bar-thickness-size: var(--size-1-x, 8px);
+  --scroll-bar-thickness-size: var(--size-const-4-xs);
 }
 
 @media (min-width: 600px) {
@@ -2095,16 +1837,7 @@
   font-weight: var(--title-font-weight);
   font-size: var(--size-8-x, 64px);
   line-height: var(--size-8-x, 64px);
-  letter-spacing: var(--display-2-letter-spacing);
-}
-
-[data-content-brand="advertorial"] .paywall-card-note,
-:host([data-content-brand="advertorial"]) .paywall-card-note {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: var(--size-5-x, 40px);
-  line-height: var(--size-5-x, 40px);
-  letter-spacing: var(--display-3-letter-spacing);
+  letter-spacing: var(--display-2-letter-space);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -2268,22 +2001,6 @@
   text-transform: uppercase;
 }
 
-[data-content-brand="advertorial"] .app-bottom-bar-label-default,
-:host([data-content-brand="advertorial"]) .app-bottom-bar-label-default {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-book, 400);
-  font-size: 11px;
-  line-height: 14.4px;
-}
-
-[data-content-brand="advertorial"] .app-bottom-bar-label-active,
-:host([data-content-brand="advertorial"]) .app-bottom-bar-label-active {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: 11px;
-  line-height: 14.4px;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -2362,46 +2079,6 @@
   line-height: var(--kicker-3-font-size);
 }
 
-[data-content-brand="advertorial"] .a-teaser-a-teaser-headline,
-:host([data-content-brand="advertorial"]) .a-teaser-a-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-font-size);
-}
-
-[data-content-brand="advertorial"] .m-qteaser-m-qteaser-kicker,
-:host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-kicker {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--kicker-4-font-size);
-  line-height: var(--kicker-4-line-height);
-}
-
-[data-content-brand="advertorial"] .m-qteaser-m-qteaser-headline,
-:host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-line-height);
-}
-
-[data-content-brand="advertorial"] .q-teaser-q-teaser-headline,
-:host([data-content-brand="advertorial"]) .q-teaser-q-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-1-font-size);
-  line-height: var(--headline-1-line-height);
-}
-
-[data-content-brand="advertorial"] .std-teaser-std-teaser-headline,
-:host([data-content-brand="advertorial"]) .std-teaser-std-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 700;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-line-height);
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="advertorial"],
@@ -2552,8 +2229,10 @@
   --dsys-docs-width-size: 320px;
   --main-content-stage-size: 320px;
   --foundations-banner-height-size: var(--size-10-x, 80px);
+  --doc-label-resp-font-size: 10px;
   --ds-caption-stack-space-0-p-5-x: var(--space-0-p-5-x, 4px);
   --ds-caption-stack-space-1-x: var(--space-1-x, 8px);
+  --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10773;
   --1-column-mobile: 320px;
   --thin-banner-vertical-height-size: 558px;
   --specs-font-family: var(--font-family-gotham, Gotham);
@@ -2565,6 +2244,7 @@
 :host([data-content-brand="advertorial"]) {
     --dsys-docs-width-size: 750px;
     --main-content-stage-size: 750px;
+    --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10774;
   }
 }
 
@@ -2575,8 +2255,10 @@
     --ds-main-container-space: var(--space-8-p-5-x, 68px);
     --dsys-docs-width-size: 962px;
     --main-content-stage-size: 962px;
+    --doc-label-resp-font-size: 15px;
     --ds-caption-stack-space-0-p-5-x: var(--space-0-p-75-x, 6px);
     --ds-caption-stack-space-1-x: var(--space-1-p-5-x, 12px);
+    --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10775;
     --1-column-mobile: 930px;
     --doc-header-height-size: 160px;
   }
@@ -2586,10 +2268,12 @@
   [data-content-brand="advertorial"],
 :host([data-content-brand="advertorial"]) {
     --dsys-docs-width-size: 1440px;
-    --main-content-stage-size: var(--size-128-x, 1024px);
+    --main-content-stage-size: 1024px;
     --foundations-banner-height-size: var(--size-17-p-5-x, 140px);
+    --doc-label-resp-font-size: 17px;
     --ds-caption-stack-space-0-p-5-x: var(--space-1-x, 8px);
     --ds-caption-stack-space-1-x: var(--space-2-x, 16px);
+    --label-1-responsive-line-height: UNRESOLVED_VariableID:18038:10776;
     --1-column-mobile: 656px;
     --thin-banner-vertical-height-size: 186px;
     --doc-header-height-size: 180px;