@royaloperahouse/harmonic 1.0.1-c → 1.0.1-d

package/dist/harmonic.cjs.development.css

@@ -0,0 +1,1265 @@
+/* Base classes */
+.typography-module_display__ZHsz9 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  line-height: 100%;
+}
+
+.typography-module_header__FVsLI {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+}
+
+.typography-module_subtitle__x3sSn {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+}
+
+.typography-module_bodycopy__-BY2U {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+}
+
+.typography-module_overline__y1yCC {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+.typography-module_buttontext__Gp0W- {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+}
+
+.typography-module_captiontext__zyA-- {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+}
+
+.typography-module_navigationtext__Qj6Zw {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+}
+
+/* Size modifiers */
+.typography-module_display--large__RwPQD {
+  font-size: 96px;
+  font-weight: 700;
+  letter-spacing: -5px;
+}
+
+.typography-module_display--small__XWUSJ {
+  font-size: 68px;
+  font-weight: 500;
+  letter-spacing: -3px;
+}
+
+.typography-module_header--large__2vP3p {
+  font-size: 44px;
+  line-height: 48px;
+  letter-spacing: -1.5px;
+}
+
+.typography-module_header--medium__OgzlB {
+  font-size: 34px;
+  line-height: 40px;
+  letter-spacing: -1px;
+}
+
+.typography-module_header--small__zLuFf {
+  font-size: 26px;
+  line-height: 32px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_subtitle--large__1Ep9J {
+  font-size: 19px;
+  line-height: 26px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_subtitle--small__Vt9bZ {
+  font-size: 17px;
+  line-height: 24px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_bodycopy--large__BNzf2 {
+  font-size: 19px;
+  line-height: 26px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_bodycopy--medium__cwJEu {
+  font-size: 17px;
+  line-height: 24px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_bodycopy--small__fTLSM {
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_overline--large__79WUM {
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: 0.3px;
+}
+
+.typography-module_overline--small__MGEG6 {
+  font-size: 12px;
+  line-height: 14px;
+  letter-spacing: 0.2px;
+}
+
+/* Button, Caption, Navigation text */
+.typography-module_buttontext__Gp0W- {
+  font-size: 17px;
+  line-height: 20px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_captiontext__zyA-- {
+  font-size: 17px;
+  line-height: 24px;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_navigationtext__Qj6Zw {
+  font-size: 19px;
+  line-height: 19px;
+  letter-spacing: 0.4px;
+}
+
+/* Color modifiers */
+.typography-module_display--primary__9sTwU,
+.typography-module_header--primary__KF0PJ,
+.typography-module_subtitle--primary__yL-hS,
+.typography-module_bodycopy--primary__5Uo2D,
+.typography-module_overline--primary__a2NSa,
+.typography-module_buttontext--primary__HnmE3,
+.typography-module_captiontext--primary__mmafI,
+.typography-module_navigationtext--primary__vIsUl {
+  color: var(--color-primary);
+}
+
+.typography-module_display--black__8hmsx,
+.typography-module_header--black__M3I14,
+.typography-module_subtitle--black__IQRSo,
+.typography-module_bodycopy--black__J8BNP,
+.typography-module_overline--black__RUDoj,
+.typography-module_buttontext--black__irjmz,
+.typography-module_captiontext--black__7axhP,
+.typography-module_navigationtext--black__wDz-G {
+  color: var(--color-base-black);
+}
+
+.typography-module_display--white__3QA6W,
+.typography-module_header--white__mm-ex,
+.typography-module_subtitle--white__VzQ3K,
+.typography-module_bodycopy--white__NJ8J8,
+.typography-module_overline--white__cV5QV,
+.typography-module_buttontext--white__rrr8U,
+.typography-module_captiontext--white__OMFwW,
+.typography-module_navigationtext--white__5YDdY {
+  color: var(--color-base-white);
+}
+
+.typography-module_display--red__khdLJ,
+.typography-module_header--red__hxuj9,
+.typography-module_subtitle--red__gSK7d,
+.typography-module_bodycopy--red__P5Mau,
+.typography-module_overline--red__OW5dE,
+.typography-module_buttontext--red__mlRi2,
+.typography-module_captiontext--red__jMQIK,
+.typography-module_navigationtext--red__-QADV {
+  color: var(--color-primary-red);
+}
+
+.typography-module_display--grey__RsgTf,
+.typography-module_header--grey__rC0vN,
+.typography-module_subtitle--grey__1nkEx,
+.typography-module_bodycopy--grey__SNnaU,
+.typography-module_overline--grey__lGOsK,
+.typography-module_buttontext--grey__1Y4oX,
+.typography-module_captiontext--grey__V0MLc,
+.typography-module_navigationtext--grey__xi3sz {
+  color: var(--color-base-dark-grey);
+}
+
+.typography-module_display--inherit__ZNOHM,
+.typography-module_header--inherit__qmHQE,
+.typography-module_subtitle--inherit__mly-X,
+.typography-module_bodycopy--inherit__CoC-f,
+.typography-module_overline--inherit__Cq4ni,
+.typography-module_buttontext--inherit__vguWx,
+.typography-module_captiontext--inherit__ya6gm,
+.typography-module_navigationtext--inherit__cJLWf {
+  color: inherit;
+}
+
+/* Typography variants */
+.typography-module_display--serif__C0-Ve {
+  font-family: var(--font-family-serif);
+}
+
+.typography-module_header--serif__uTGCc {
+  font-family: var(--font-family-serif);
+  letter-spacing: -0.5px;
+}
+
+.typography-module_display--em__h2bPV {
+  font-family: var(--font-family-serif);
+  font-style: italic;
+}
+
+.typography-module_header--em__UFQIA {
+  font-family: var(--font-family-serif);
+  font-style: italic;
+  letter-spacing: -0.5px;
+}
+
+.typography-module_display--bold__PG-8g,
+.typography-module_header--bold__InvJk,
+.typography-module_subtitle--bold__Subov,
+.typography-module_bodycopy--bold__nZX3C,
+.typography-module_overline--bold__3mUXy,
+.typography-module_buttontext--bold__rBKIJ,
+.typography-module_captiontext--bold__ebTyV,
+.typography-module_navigationtext--bold__SRlV2 {
+  font-weight: 700;
+}
+
+/* Media queries */
+@media (max-width: 699px) {
+  .typography-module_display--large__RwPQD {
+    font-size: 38px;
+    letter-spacing: -1.5px;
+  }
+
+  .typography-module_display--small__XWUSJ {
+    font-size: 32px;
+    letter-spacing: -1.5px;
+  }
+
+  .typography-module_header--large__2vP3p {
+    font-size: 28px;
+    line-height: 34px;
+    letter-spacing: -1.5px;
+  }
+
+  .typography-module_header--medium__OgzlB {
+    font-size: 24px;
+    line-height: 28px;
+    letter-spacing: -1px;
+  }
+
+  .typography-module_header--small__zLuFf {
+    font-size: 20px;
+    line-height: 26px;
+    letter-spacing: -0.75px;
+  }
+
+  .typography-module_subtitle--large__1Ep9J {
+    font-size: 17px;
+    line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  .typography-module_subtitle--small__Vt9bZ {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.2px;
+  }
+
+  .typography-module_bodycopy--large__BNzf2 {
+    font-size: 17px;
+    line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  .typography-module_bodycopy--medium__cwJEu {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.2px;
+  }
+
+  .typography-module_bodycopy--small__fTLSM {
+    font-size: 11px;
+    line-height: 16px;
+    letter-spacing: -0.2px;
+  }
+
+  .typography-module_overline--large__79WUM {
+    line-height: 17px;
+    letter-spacing: 0.3px;
+  }
+
+  .typography-module_overline--small__MGEG6 {
+    line-height: 14px;
+    letter-spacing: 0.3px;
+  }
+}
+
+@font-face {
+  font-family: 'GreyLLTT';
+  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'GreyLLTT';
+  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'GreyLLTT';
+  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'VictorSerif';
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'VictorSerif';
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+/* ~~~~~ General Styling Classes ~~~~~ */
+.typography_color-primary__LOfDi {
+  color: var(--color-primary);
+}
+
+.typography_color-black__6MHRL {
+  color: var(--color-base-black);
+}
+
+.typography_color-white__PfW5s {
+  color: var(--color-base-white);
+}
+
+.typography_color-red__iPlbG {
+  color: var(--color-primary-red);
+}
+
+.typography_color-grey__GA1c2 {
+  color: var(--color-base-dark-grey);
+}
+
+.typography_color-inherit__RDd0Y {
+  color: inherit;
+}
+
+.typography_em__E6tX- {
+  font-style: italic;
+}
+/* ~~~ */
+
+/* Display Headers */
+.typography_display__-F3p4 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  line-height: 100%;
+
+  &.typography_large__uq0zC {
+    font-size: 96px;
+    font-weight: 700;
+    letter-spacing: -5px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 68px;
+    font-weight: 500;
+    letter-spacing: -3px;
+  }
+
+  /* Serif and Italic styles */
+  &.typography_serif__VSO38,
+  &.typography_em__E6tX- {
+    font-family: var(--font-family-serif);
+    font-weight: 500;
+  }
+
+  /* Serif and Italic adjustments */
+  &.typography_large__uq0zC.typography_serif__VSO38,
+  &.typography_large__uq0zC.typography_em__E6tX- {
+    letter-spacing: -3px;
+  }
+
+  &.typography_small__wfQ0K.typography_serif__VSO38,
+  &.typography_small__wfQ0K.typography_em__E6tX- {
+    letter-spacing: -2px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 38px;
+      letter-spacing: -1.5px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 32px;
+      letter-spacing: -1.5px;
+    }
+
+    &.typography_large__uq0zC.typography_serif__VSO38,
+    &.typography_large__uq0zC.typography_em__E6tX-,
+    &.typography_small__wfQ0K.typography_serif__VSO38,
+    &.typography_small__wfQ0K.typography_em__E6tX- {
+      letter-spacing: -0.5px;
+    }
+  }
+}
+
+/* Headers */
+.typography_header__BexiD {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+
+  &.typography_large__uq0zC {
+    font-size: 44px;
+    line-height: 48px;
+    letter-spacing: -1.5px;
+  }
+
+  &.typography_medium__K0uZD {
+    font-size: 34px;
+    line-height: 40px;
+    letter-spacing: -1px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 26px;
+    line-height: 32px;
+    letter-spacing: -0.5px;
+  }
+
+  /* Serif and Italic styles */
+  &.typography_serif__VSO38,
+  &.typography_em__E6tX- {
+    font-family: var(--font-family-serif);
+  }
+
+  /* Serif and Italic letter-spacing overrides */
+  &.typography_large__uq0zC.typography_serif__VSO38,
+  &.typography_large__uq0zC.typography_em__E6tX- {
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_medium__K0uZD.typography_serif__VSO38,
+  &.typography_medium__K0uZD.typography_em__E6tX- {
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_small__wfQ0K.typography_serif__VSO38,
+  &.typography_small__wfQ0K.typography_em__E6tX- {
+    letter-spacing: -0.5px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 28px;
+      line-height: 34px;
+      letter-spacing: -1.5px;
+    }
+
+    &.typography_medium__K0uZD {
+      font-size: 24px;
+      line-height: 28px;
+      letter-spacing: -1px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 20px;
+      line-height: 26px;
+      letter-spacing: -0.75px;
+    }
+
+    /* Mobile overrides for serif/italic letter-spacing */
+    &.typography_large__uq0zC.typography_serif__VSO38,
+    &.typography_large__uq0zC.typography_em__E6tX-,
+    &.typography_medium__K0uZD.typography_serif__VSO38,
+    &.typography_medium__K0uZD.typography_em__E6tX-,
+    &.typography_small__wfQ0K.typography_serif__VSO38,
+    &.typography_small__wfQ0K.typography_em__E6tX- {
+      letter-spacing: -0.5px;
+    }
+  }
+}
+
+/* Subtitle */
+.typography_subtitle__aoFTV {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+
+  &.typography_large__uq0zC {
+    font-size: 19px;
+    line-height: 26px;
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 17px;
+    line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 17px;
+      line-height: 24px;
+      letter-spacing: -0.5px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+    }
+  }
+}
+
+/* Body Copy */
+.typography_bodycopy__vYtQ8 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+
+  &.typography_large__uq0zC {
+    font-size: 19px;
+    line-height: 26px;
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_medium__K0uZD {
+    font-size: 17px;
+    line-height: 24px;
+    letter-spacing: -0.5px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.5px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      font-size: 17px;
+      line-height: 24px;
+      letter-spacing: -0.5px;
+    }
+
+    &.typography_medium__K0uZD {
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+    }
+
+    &.typography_small__wfQ0K {
+      font-size: 11px;
+      line-height: 16px;
+      letter-spacing: -0.2px;
+    }
+  }
+}
+
+/* Overline */
+.typography_overline__EnUK3 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+  text-transform: uppercase;
+
+  &.typography_large__uq0zC {
+    font-size: 14px;
+    line-height: 18px;
+    letter-spacing: 0.3px;
+  }
+
+  &.typography_small__wfQ0K {
+    font-size: 12px;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  @media (max-width: 699px) {
+    &.typography_large__uq0zC {
+      line-height: 17px;
+      letter-spacing: 0.3px; /* Added to ensure it stays */
+    }
+
+    &.typography_small__wfQ0K {
+      line-height: 14px;
+      letter-spacing: 0.3px;
+    }
+  }
+}
+
+/* Button Text */
+.typography_buttontext__vcxNi {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-size: 17px;
+  line-height: 20px;
+  letter-spacing: -0.5px;
+  font-weight: 400;
+
+  @media (max-width: 699px) {
+    font-weight: 500;
+    line-height: 17px;
+  }
+}
+
+/* Caption Text */
+.typography_captiontext__91UFb {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+  font-size: 17px;
+  line-height: 24px;
+  letter-spacing: -0.5px;
+
+  @media (max-width: 699px) {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: -0.2px;
+  }
+}
+
+/* Navigation Text */
+.typography_navigationtext__YfGf7 {
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-size: 19px;
+  line-height: 19px;
+  letter-spacing: 0.4px;
+  font-weight: 500;
+
+  @media (max-width: 699px) {
+    font-size: 17px;
+    line-height: 17px;
+  }
+}
+
+.core-theme-module_coreTheme__pWxYB {
+  /* RBO Red */
+  /* Primary Palette */
+  --color-primary: #1a1a1a;
+  --color-primary-background: #eb0a0a;
+  --color-primary-red: #eb0a0a;
+  --color-primary-black: #1a1a1a;
+
+  /* Base Colours */
+  --color-base-white: #ffffff;
+  --color-base-black: #000000;
+  --color-base-dark-grey: #4c4f53;
+  --color-base-mid-grey: #72767c;
+  --color-base-light-grey: #e9e9e9;
+  --color-base-transparent: transparent;
+
+  /* States */
+  --color-state-error: #cc071e;
+  --color-state-medium: #ffce45;
+  --color-state-good: #2a874a;
+  --color-state-focused: #1e1da0;
+  --color-state-disabled: #b3b3b3;
+
+  /* RBO Red (Core) */
+  --color-rbo-red-hovered: #c40808;
+  --color-rbo-red-pressed: #9d0707;
+
+  /* RBO Black */
+  --color-rbo-black-hovered: #575757;
+  --color-rbo-black-pressed: #353535;
+
+  /* Black */
+  --color-black-hovered: #575757;
+  --color-black-pressed: #353535;
+
+  /* White */
+  --color-white-hovered: #fafafa;
+  --color-white-pressed: #f2f2f2;
+
+  /* Secondary Palette */
+  --color-secondary-yellow: #ffce45;
+  --color-secondary-pink: #ff36d0;
+  --color-secondary-orange: #ff6700;
+  --color-secondary-blue: #5f9cff;
+
+  /* Shadows */
+  --shadow-floating: 0px 4px 38px 0px #0000000a;
+
+  /* Core theme colors */
+  --base-color-primary: #c8102e;
+  --base-color-core: #c8102e;
+  --base-color-stream: #1866dc;
+  --base-color-cinema: #1a1a1a;
+  --base-color-white: #ffffff;
+  --base-color-black: #000000;
+  --base-color-dark-grey: #4c4f53;
+  --base-color-mid-grey: #72767c;
+  --base-color-light-grey: #e9e9e9;
+  --base-color-transparent: transparent;
+  --base-color-errorstate: #eb0a0a;
+  --base-color-mediumstate: #ffce45;
+  --base-color-goodstate: #2a874a;
+  --base-color-progress: #1866dc;
+  --base-color-navigation: #c8102e;
+  --base-color-lapislazuli: #0060a0;
+  --base-color-lemonchiffon: #fffbbe;
+
+  --button-height: 48px;
+  --button-line-height: 20px;
+  --button-padding-x: 20px;
+  --button-padding-y: 14px;
+  --button-padding-y-icon: 12px;
+  --button-icon-margin: 12px;
+  --button-icon-width: 20px;
+  --button-icon-height: 20px;
+  --button-font-size: 14px;
+  --button-font-weight: 400;
+  --button-color: var(--color-base-white);
+  --button-bg-color: var(--color-primary-red);
+  --button-hover-color: var(--color-rbo-red-hovered);
+  --button-pressed-color: var(--color-rbo-red-pressed);
+  --button-secondary-color: var(--color-primary-red);
+  --button-secondary-hover-color: var(--color-rbo-red-hovered);
+  --button-secondary-pressed-color: var(--color-rbo-red-pressed);
+  --button-tertiary-color: var(--color-primary-black);
+  --button-tertiary-hover-color: var(--color-rbo-black-hovered);
+  --button-tertiary-pressed-color: var(--color-rbo-black-pressed);
+  --button-auxiliary-color: var(--color-primary-black);
+  --button-auxiliary-bg-color: var(--color-base-transparent);
+  --button-anchor-tab-color: var(--color-primary-red);
+
+  /* -----  Variables already used in Harmonic START  ----- */
+  --grid-column-gap: 36px;
+  --grid-margin: 10%;
+
+  --rotator-button-width: 60px;
+  --rotator-button-icon-width: 36px;
+  --rotator-button-small-width: 44px;
+  --rotator-button-small-icon-width: 28px;
+  --rotator-button-color: var(--color-primary-black);
+  --rotator-button-bg-color: var(--color-base-light-grey);
+  --rotator-button-hover-color: var(--color-base-white);
+  --rotator-button-hover-bg-color: var(--color-primary-red);
+
+  --carousel-image-caption-margin: 12px;
+
+  --line-height-listing: 36px;
+
+  --upsell-border-color: var(--color-primary-red);
+
+  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
+  --font-feature-settings-header: 'tnum' on, 'lnum' on;
+  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
+
+  --text-transform-body: none;
+  --text-transform-header: uppercase;
+  --text-transform-subtitle: uppercase;
+
+  @media (max-width: 699px) {
+    --grid-column-gap: 12px;
+    --grid-margin: 20px;
+    --rotator-button-width: 40px;
+    --rotator-button-icon-width: 24px;
+
+    --line-height-listing: 34px;
+
+    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
+    --font-feature-settings-header: 'tnum' on, 'lnum' on;
+    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
+
+    --text-transform-body: none;
+    --text-transform-header: uppercase;
+    --text-transform-subtitle: uppercase;
+  }
+
+  @media (min-width: 700px) and (max-width: 1139px) {
+    --grid-column-gap: 20px;
+    --grid-margin: 32px;
+    --rotator-button-width: 44px;
+    --rotator-button-icon-width: 24px;
+  }
+
+  /* -----  Variables already used in Harmonic END  ----- */
+
+  --font-size-header-1: 96px;
+  --font-weight-header-1: 500;
+  --letter-spacing-header-1: 2px;
+  --line-height-header-1: 110px;
+  --margin-header-1: 0.67em 0;
+
+  --font-size-header-2: 68px;
+  --font-weight-header-2: 500;
+  --letter-spacing-header-2: 1px;
+  --line-height-header-2: 72px;
+  --margin-header-2: 0.83em 0;
+
+  --font-size-header-3: 44px;
+  --font-weight-header-3: 500;
+  --letter-spacing-header-3: 1px;
+  --line-height-header-3: 48px;
+  --margin-header-3: 1em 0;
+
+  --font-size-header-4: 34px;
+  --font-weight-header-4: 500;
+  --letter-spacing-header-4: 1px;
+  --line-height-header-4: 40px;
+  --margin-header-4: 1.33em 0;
+
+  --font-size-header-5: 24px;
+  --font-weight-header-5: 500;
+  --letter-spacing-header-5: 1px;
+  --line-height-header-5: 30px;
+  --margin-header-5: 1.67em 0;
+
+  --font-size-header-6: 20px;
+  --font-weight-header-6: 500;
+  --letter-spacing-header-6: 1px;
+  --line-height-header-6: 28px;
+  --margin-header-6: 2.33em 0;
+
+  --font-size-altHeader-3: 44px;
+  --font-weight-altHeader-3: normal;
+  --letter-spacing-altHeader-3: normal;
+  --line-height-altHeader-3: 48px;
+
+  --font-size-altHeader-4: 34px;
+  --font-weight-altHeader-4: normal;
+  --letter-spacing-altHeader-4: normal;
+  --line-height-altHeader-4: 44px;
+
+  --font-size-altHeader-5: 24px;
+  --font-weight-altHeader-5: normal;
+  --letter-spacing-altHeader-5: normal;
+  --line-height-altHeader-5: 30px;
+
+  --font-size-altHeader-6: 20px;
+  --font-weight-altHeader-6: normal;
+  --letter-spacing-altHeader-6: normal;
+  --line-height-altHeader-6: 28px;
+
+  --font-size-overline-1: 14px;
+  --font-weight-overline-1: 500;
+  --letter-spacing-overline-1: 1px;
+  --line-height-overline-1: 16px;
+
+  --font-size-overline-2: 12px;
+  --font-weight-overline-2: 500;
+  --letter-spacing-overline-2: 1px;
+  --line-height-overline-2: 14px;
+
+  --font-size-overline-3: 10px;
+  --font-weight-overline-3: 500;
+  --letter-spacing-overline-3: 1px;
+  --line-height-overline-3: 12px;
+
+  --font-size-overline-4: 8px;
+  --font-weight-overline-4: 500;
+  --letter-spacing-overline-4: 1px;
+  --line-height-overline-4: 10px;
+
+  --font-size-body-1: 19px;
+  --font-weight-body-1: 400;
+  --letter-spacing-body-1: normal;
+  --line-height-body-1: 26px;
+
+  --font-size-body-2: 16px;
+  --font-weight-body-2: 400;
+  --letter-spacing-body-2: normal;
+  --line-height-body-2: 22px;
+
+  --font-size-body-3: 14px;
+  --font-weight-body-3: 400;
+  --letter-spacing-body-3: normal;
+  --line-height-body-3: 20px;
+
+  --font-size-subtitle-1: 18px;
+  --font-weight-subtitle-1: 500;
+  --letter-spacing-subtitle-1: 1px;
+  --line-height-subtitle-1: 22px;
+
+  --font-size-subtitle-2: 14px;
+  --font-weight-subtitle-2: 500;
+  --letter-spacing-subtitle-2: 1px;
+  --line-height-subtitle-2: 22px;
+
+  --font-size-title-description: 20px;
+  --line-height-title-description: 28px;
+
+  --font-size-individual-listing-name: 19px;
+  --line-height-individual-listing-name: 24px;
+  --line-height-people-listing-gap: 24px;
+
+  --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+  --font-family-altHeader: 'adobe-garamond-pro';
+  --font-family-body: 'adobe-garamond-pro';
+  --font-family-body-italics: 'adobe-garamond-pro';
+  --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+  --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+  --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+  --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+  --font-family-people-listing-name: 'adobe-garamond-pro';
+
+  --font-feature-settings-altHeader: 'pnum' on, 'onum' on;
+  --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
+  --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
+
+  --text-transform-altHeader: none;
+  --text-transform-overline: uppercase;
+
+  --word-break-header: break-word;
+  --word-break-altHeader: break-word;
+  --word-break-body: break-word;
+  --word-break-overline: break-word;
+  --word-break-subtitle: break-word;
+
+  --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+  --font-size-navigation: 13px;
+  --font-weight-navigation: 500;
+  --line-height-navigation: 16px;
+  --text-transform-navigation: uppercase;
+  --letter-spacing-navigation: 1px;
+
+  --navigation-small-gap: 16px;
+  --navigation-middle-gap: 20px;
+  --navigation-large-gap: 24px;
+  --navigation-xlarge-gap: 36px;
+  --navigation-large-margin: 60px;
+
+  --font-size-search: 24px;
+  --font-family-search: 'adobe-garamond-pro';
+
+  --grid-outer-margin: 50px;
+  --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;
+
+  --footer-height: 380px;
+  --footer-padding-top: 44px;
+  --footer-padding-bottom: 44px;
+  --footer-items-gap: 32px;
+  --footer-media-gap: 32px;
+  --footer-media-icon-width: 24px;
+  --footer-media-icon-height: 24px;
+  --footer-vertical-spacing-lg: 58px;
+  --footer-vertical-spacing-sm: 16px;
+
+  --text-link-underline-offset: 8px;
+  --cards-spacing-stack: 40px;
+
+  --editorial-subtitle-margin-bottom: 16px;
+  --editorial-margin-between: 24px;
+  --editorial-spacing-hover: 4px;
+  --anchor-tabs-height: 70px;
+
+  --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;
+  --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;
+
+  --harmonic-text-link-underline-offset: 4px;
+  --harmonic-font-size-navigation: 19px;
+
+  --announcement-banner-color: var(--color-base-white);
+  --announcement-banner-bg-color: var(--color-primary-red);
+  --announcement-banner-hover-color: var(--color-white-hovered);
+  --announcement-banner-pressed-color: var(--color-white-pressed);
+
+  --information-panel-color: var(--color-base-white);
+  --information-panel-bg-color: var(--color-primary-red);
+  --information-panel-button-color: var(--color-primary-black);
+  --information-panel-button-bg-color: var(--color-base-white);
+  --information-panel-button-hover-color: var(--color-white-hovered);
+  --information-panel-button-pressed-color: var(--color-white-pressed);
+
+  --heading-promo-bg-color: var(--color-primary-red);
+  --page-header-bg-color: var(--color-primary-red);
+
+  @media (max-width: 699px) {
+    --font-size-header-1: 38px;
+    --font-weight-header-1: 500;
+    --letter-spacing-header-1: 1px;
+    --line-height-header-1: 42px;
+
+    --font-size-header-2: 30px;
+    --font-weight-header-2: 500;
+    --letter-spacing-header-2: 1px;
+    --line-height-header-2: 34px;
+
+    --font-size-header-3: 26px;
+    --font-weight-header-3: 500;
+    --letter-spacing-header-3: 1px;
+    --line-height-header-3: 30px;
+
+    --font-size-header-4: 24px;
+    --font-weight-header-4: 500;
+    --letter-spacing-header-4: 1px;
+    --line-height-header-4: 28px;
+
+    --font-size-header-5: 20px;
+    --font-weight-header-5: 500;
+    --letter-spacing-header-5: 1px;
+    --line-height-header-5: 28px;
+
+    --font-size-header-6: 17px;
+    --font-weight-header-6: 500;
+    --letter-spacing-header-6: 1px;
+    --line-height-header-6: 24px;
+
+    --font-size-altHeader-3: 26px;
+    --font-weight-altHeader-3: normal;
+    --letter-spacing-altHeader-3: normal;
+    --line-height-altHeader-3: 30px;
+
+    --font-size-altHeader-4: 24px;
+    --font-weight-altHeader-4: normal;
+    --letter-spacing-altHeader-4: normal;
+    --line-height-altHeader-4: 28px;
+
+    --font-size-altHeader-5: 20px;
+    --font-weight-altHeader-5: normal;
+    --letter-spacing-altHeader-5: normal;
+    --line-height-altHeader-5: 28px;
+
+    --font-size-altHeader-6: 17px;
+    --font-weight-altHeader-6: normal;
+    --letter-spacing-altHeader-6: normal;
+    --line-height-altHeader-6: 24px;
+
+    --font-size-overline-1: 14px;
+    --font-weight-overline-1: 500;
+    --letter-spacing-overline-1: 1px;
+    --line-height-overline-1: 16px;
+
+    --font-size-overline-2: 12px;
+    --font-weight-overline-2: 500;
+    --letter-spacing-overline-2: 1px;
+    --line-height-overline-2: 14px;
+
+    --font-size-body-1: 17px;
+    --font-weight-body-1: 400;
+    --letter-spacing-body-1: normal;
+    --line-height-body-1: 24px;
+
+    --font-size-body-2: 12px;
+    --font-weight-body-2: 400;
+    --letter-spacing-body-2: normal;
+    --line-height-body-2: 18px;
+
+    --font-size-body-3: 11px;
+    --font-weight-body-3: 400;
+    --letter-spacing-body-3: normal;
+    --line-height-body-3: 16px;
+
+    --font-size-subtitle-1: 16px;
+    --font-weight-subtitle-1: 500;
+    --letter-spacing-subtitle-1: 1px;
+    --line-height-subtitle-1: 24px;
+
+    --font-size-subtitle-2: 14px;
+    --font-weight-subtitle-2: 500;
+    --letter-spacing-subtitle-2: 1px;
+    --line-height-subtitle-2: 18px;
+
+    --font-size-title-description: 17px;
+    --line-height-title-description: 24px;
+    --line-height-people-listing-gap: 16px;
+
+    --font-size-search: 20px;
+    --font-family-search: 'adobe-garamond-pro';
+
+    --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+    --font-family-altHeader: 'adobe-garamond-pro';
+    --font-family-body: 'adobe-garamond-pro';
+    --font-family-body-italics: 'adobe-garamond-pro';
+    --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+    --font-family-overline: 'Gotham SSm Medium', sans-serif;
+    --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;
+    --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
+    --font-family-people-listing-name: 'adobe-garamond-pro';
+
+    --font-feature-settings-altHeader: 'pnum' on, 'onum' on;
+    --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
+    --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
+
+    --text-transform-altHeader: none;
+    --text-transform-overline: uppercase;
+
+    --word-break-header: break-word;
+    --word-break-altHeader: break-word;
+    --word-break-body: break-word;
+    --word-break-overline: break-word;
+    --word-break-subtitle: break-word;
+
+    --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);
+
+    --footer-height: auto;
+    --footer-padding-top: 20px;
+    --footer-padding-bottom: 20px;
+    --footer-items-gap: 12px;
+    --footer-media-icon-width: 28px;
+    --footer-media-icon-height: 28px;
+    --footer-vertical-spacing-lg: 24px;
+    --footer-vertical-spacing-sm: 24px;
+
+    --anchor-tabs-height: 60px;
+  }
+
+  @media (min-width: 700px) and (max-width: 1139px) {
+    --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);
+    --font-size-header-6: 17px;
+    --font-size-altHeader-4: 24px;
+    --font-size-body-1: 17px;
+
+    --footer-media-gap: 24px;
+    --footer-padding-top: 40px;
+    --footer-padding-bottom: 40px;
+  }
+}
+
+.stream-theme-module_streamTheme__lTfqQ {
+  /* Stream theme overrides */
+  --base-color-primary: #1a1a1a;
+  --color-primary: #1a1a1a;
+  --color-primary-background: #1a1a1a;
+  --color-primary-button: #1a1a1a;
+  --color-secondary-button: #ffffff;
+  --color-tertiary-button: transparent;
+  --color-auxiliary-button: transparent;
+  --color-primary-button-reverse-bg: #1a1a1a;
+  --color-primary-button-reverse: #ffffff;
+
+  --button-color: var(--color-base-white);
+  --button-bg-color: var(--color-primary-black);
+  --button-hover-color: var(--color-black-hovered);
+  --button-pressed-color: var(--color-black-pressed);
+  --button-secondary-color: var(--color-primary-black);
+  --button-secondary-hover-color: var(--color-black-hovered);
+  --button-secondary-pressed-color: var(--color-black-pressed);
+  --button-tertiary-color: var(--color-primary-black);
+  --button-tertiary-hover-color: var(--color-rbo-black-hovered);
+  --button-tertiary-pressed-color: var(--color-rbo-black-pressed);
+  --button-anchor-tab-color: var(--color-primary-black);
+
+  --rotator-button-color: var(--color-base-black);
+  --rotator-button-bg-color: var(--color-base-light-grey);
+  --rotator-button-hover-color: var(--color-base-white);
+  --rotator-button-hover-bg-color: var(--color-primary-black);
+
+  --announcement-banner-color: var(--color-base-white);
+  --announcement-banner-bg-color: var(--color-primary-black);
+  --announcement-banner-hover-color: var(--color-white-hovered);
+  --announcement-banner-pressed-color: var(--color-white-pressed);
+
+  --information-panel-color: var(--color-base-white);
+  --information-panel-bg-color: var(--color-primary-black);
+
+  --heading-promo-bg-color: var(--color-base-black);
+  --page-header-bg-color: var(--color-primary-black);
+
+  --upsell-border-color: var(--color-primary-black);
+}
+
+.cinema-theme-module_cinemaTheme__f5QFs {
+  /* White */
+  --base-color-primary: #1a1a1a;
+  --color-primary: #1a1a1a;
+  --color-primary-button: #ffffff;
+  --color-primary-background: #1a1a1a;
+  --color-primary-button-reverse-bg: #ffffff;
+  --color-primary-button-reverse: #1a1a1a;
+  --color-secondary-button: #ffffff;
+  --color-tertiary-button: transparent;
+  --color-auxiliary-button: transparent;
+  --color-white-hovered: #fafafa;
+  --color-white-pressed: #f2f2f2;
+
+  --button-color: var(--color-primary-black);
+  --button-bg-color: var(--color-base-white);
+  --button-hover-color: var(--color-white-hovered);
+  --button-pressed-color: var(--color-white-pressed);
+  --button-secondary-color: var(--color-base-white);
+  --button-secondary-hover-color: var(--color-white-hovered);
+  --button-secondary-pressed-color: var(--color-white-pressed);
+  --button-tertiary-color: var(--color-base-white);
+  --button-tertiary-hover-color: var(--color-white-hovered);
+  --button-tertiary-pressed-color: var(--color-white-pressed);
+  --button-anchor-tab-color: var(--color-primary-black);
+
+  --rotator-button-color: var(--color-primary-black);
+  --rotator-button-bg-color: var(--color-base-light-grey);
+  --rotator-button-hover-color: var(--color-base-white);
+  --rotator-button-hover-bg-color: var(--color-primary-black);
+
+  --announcement-banner-color: var(--color-primary-red);
+  --announcement-banner-bg-color: var(--color-base-white);
+  --announcement-banner-hover-color: var(--color-rbo-red-hovered);
+  --announcement-banner-pressed-color: var(--color-rbo-red-pressed);
+
+  --information-panel-color: var(--color-primary-black);
+  --information-panel-bg-color: var(--color-base-white);
+  --information-panel-button-color: var(--color-base-white);
+  --information-panel-button-bg-color: var(--color-primary-red);
+  --information-panel-button-hover-color: var(--color-rbo-red-hovered);
+  --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
+
+  --heading-promo-bg-color: var(--color-base-white);
+  --page-header-bg-color: var(--color-primary-black);
+
+  --upsell-border-color: var(--color-primary-black);
+}
+
+.schools-theme-module_schoolsTheme__CWHba {
+  /* Schools theme overrides */
+  --base-color-primary: #c8102e;
+  --color-primary: #c8102e;
+  --color-primary-button: #c8102e;
+  --color-primary-button-reverse-bg: #1a1a1a;
+  --color-primary-button-reverse: #ffffff;
+  --color-secondary-button: #ffffff;
+  --color-tertiary-button: transparent;
+  --color-auxiliary-button: transparent;
+
+  --text-transform-header: none;
+  --text-transform-altHeader: none;
+  --text-transform-body: none;
+  --text-transform-overline: none;
+  --text-transform-subtitle: none;
+  --text-transform-navigation: uppercase;
+
+  @media only screen and (max-width: calc(var(--breakpoint-sm) - 1px)) {
+    --text-transform-header: none;
+    --text-transform-altHeader: none;
+    --text-transform-body: none;
+    --text-transform-overline: none;
+    --text-transform-subtitle: none;
+    --text-transform-navigation: uppercase;
+  }
+}