/* Scoped to the block wrapper — news-item and news-archive reuse the same
* intro__* class names. :where() keeps specificity unchanged. */

:where(.wp-block-ufl-promo-intro) {
  --intro-padding-top: 112px;
  --intro-padding-bottom: 36px;

  --intro-background-before-background: linear-gradient(0deg, var(--second-color) 0%, var(--second-color-opacity-50) 70%, var(--second-color) 100%);

  --intro-full-background-before-background: linear-gradient(0deg, var(--second-color-opacity-40) 0%, var(--second-color-opacity-40) 100%), linear-gradient(180deg, var(--second-color) 0%, var(--second-color-opacity-50) 50%, var(--second-color) 100%), linear-gradient(90deg, var(--second-color) 0%, var(--second-color-opacity-40) 24%, var(--second-color-opacity-40) 48%, var(--second-color-opacity-70) 72%, var(--second-color) 100%);

  --intro-logo-max-height: 24px;

  --intro-title-font-size: 120px;
  --intro-title-line-height: 120px;
  --intro-title-margin-top: 8px;

  --intro-subtitle-margin-top: 8px;

  --intro-subtitle-a-color: var(--accent-color-130);

  --intro-desc-margin-top: 28px;

  --intro-countdown-margin-top: 20px;

  --intro-platforms-gap: 20px;
  --intro-platforms-max-width: 790px;
  --intro-platforms-margin-top: 40px;

  --intro-platforms-button-flex: 0 1 calc(33.3% - (var(--intro-platforms-gap) * 2 / 3));
  --intro-platforms-button-gap: 8px;
  --intro-platforms-button-height: 53px;

  --intro-platforms-button-img-width: 37px;
  --intro-platforms-button-img-height: 37px;

  --intro-actions-gap: 40px;
  --intro-actions-max-width: 490px;
  --intro-actions-margin-top: 40px;

  --intro-actions-button-flex: 0 1 calc(50% - (var(--intro-actions-gap) / 2));
  --intro-actions-button-gap: 8px;

  --intro-form-gap: 16px;
  --intro-form-max-width: 528px;
  --intro-form-margin-top: 40px;


  --intro-form-any-flex: 1 1 100%;
  --intro-form-semi-flex: 1 1 calc(50% - var(--intro-form-gap) / 2);

  --intro-form-title-margin-bottom: 16px;

  --intro-form-element-border-radius: var(--border-radius);
  --intro-form-element-border: 1px solid var(--accent-color-60);

  --intro-form-element-input-font-size: 18px;
  --intro-form-element-input-line-height: 36px;
  --intro-form-element-input-padding: 8px 52px 8px 16px;

  --intro-form-element-select-background-position: right 16px center;
  --intro-form-element-select-background-size: 24px 24px;

  --intro-form-element-legend-font-size: 14px;
  --intro-form-element-legend-color: var(--accent-color);
  --intro-form-element-legend-margin: 0 12px;

  --intro-form-element-svg-top: 14px;
  --intro-form-element-svg-right: 14px;
  --intro-form-element-svg-width: 24px;
  --intro-form-element-svg-height: 24px;

  --intro-form-element-use-fill: var(--accent-color-60);

  --intro-form-element-focus-use-fill: var(--accent-color);

  --intro-form-element-focus-border: 1px solid var(--accent-color);

  --intro-form-element-focus-legend-padding: 0 8px;

  --intro-form-additional-gap: 8px;

  --intro-form-additional-input-flex: 0 0 24px;
  --intro-form-additional-input-width: 24px;
  --intro-form-additional-input-height: 24px;

  --intro-form-additional-label-font-size: 14px;
  --intro-form-additional-label-color: var(--main-color-opacity-60);

  --intro-form-button-min-width: 248px;
  --intro-form-button-margin-top: 16px;

  --intro-reverse-form-margin-top: 0;
}



:where(.wp-block-ufl-promo-intro).cover.intro__cover {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  padding-top: var(--intro-padding-top) !important;
  padding-bottom: var(--intro-padding-bottom) !important;
}

:where(.wp-block-ufl-promo-intro) .content.intro__content {
  width: 100%;
  text-align: left;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  z-index: 2;
}

:where(.wp-block-ufl-promo-intro) .background.intro__background.has-fg:before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0;
  right: 0;
  background: var(--intro-background-before-background);
  z-index: 1;
}

:where(.wp-block-ufl-promo-intro) .intro__wrapper {
  display: block;
  position: relative;
  width: auto;
  margin: 0 auto 0 0;
}

:where(.wp-block-ufl-promo-intro) .logo.intro__logo img {
  max-height: var(--intro-logo-max-height);
  margin: 0 auto 0 0;
}

:where(.wp-block-ufl-promo-intro) .title.intro__title {
  font-size: var(--intro-title-font-size);
  line-height: var(--intro-title-line-height);
  text-align: left;
  padding: 0 !important;
  margin-top: var(--intro-title-margin-top);
}

:where(.wp-block-ufl-promo-intro) .intro__subtitle {
  font-weight: 700;
  margin-top: var(--intro-subtitle-margin-top);
}

:where(.wp-block-ufl-promo-intro) .intro__subtitle a {
  text-decoration: underline;
  color: var(--intro-subtitle-a-color);
}

:where(.wp-block-ufl-promo-intro) .desc.intro__desc {
  margin-top: var(--intro-desc-margin-top);
}

:where(.wp-block-ufl-promo-intro) .countdown.intro__countdown {
  margin-top: var(--intro-countdown-margin-top);
}

:where(.wp-block-ufl-promo-intro) .intro__platforms {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--intro-platforms-gap);
  max-width: var(--intro-platforms-max-width);
  margin-top: var(--intro-platforms-margin-top);
}

:where(.wp-block-ufl-promo-intro) .button.intro-platforms__button {
  flex: var(--intro-platforms-button-flex);
  gap: var(--intro-platforms-button-gap);
  height: var(--intro-platforms-button-height) !important;
  font-weight: 700;
  text-transform: none;
  margin: 0;
}
:where(.wp-block-ufl-promo-intro) .button.custom.intro-platforms__button {
  flex-basis: auto !important;
}

:where(.wp-block-ufl-promo-intro) .button.intro-platforms__button img {
  width: var(--intro-platforms-button-img-width);
  height: var(--intro-platforms-button-img-height);
}

:where(.wp-block-ufl-promo-intro) .intro__actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--intro-actions-gap);
  max-width: var(--intro-actions-max-width);
  margin-top: var(--intro-actions-margin-top);
}

:where(.wp-block-ufl-promo-intro) .button.intro-actions__button {
  flex: var(--intro-actions-button-flex);
  gap: var(--intro-actions-button-gap);
  height: auto !important;
  margin: 0;
}



/* CENTER */
:where(.wp-block-ufl-promo-intro).center .content.intro__content {
  text-align: center;
}
:where(.wp-block-ufl-promo-intro).center .logo.intro__logo img {
  margin: 0 auto;
}
:where(.wp-block-ufl-promo-intro).center .title.intro__title {
  text-align: center;
}
:where(.wp-block-ufl-promo-intro).center .intro__platforms {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
:where(.wp-block-ufl-promo-intro).center .intro__actions {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
/*  */



/* END */
:where(.wp-block-ufl-promo-intro).end .content.intro__content {
  display: flex;
}
:where(.wp-block-ufl-promo-intro).end .intro__wrapper {
  margin: 0 0 0 auto;
}
/*  */



/* FULL */
:where(.wp-block-ufl-promo-intro).full .content.intro__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--intro-full-gap);
}

:where(.wp-block-ufl-promo-intro).full .background.intro__background.has-fg:before {
  background: var(--intro-full-background-before-background);
}

:where(.wp-block-ufl-promo-intro) .intro__form {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--intro-form-gap);
  max-width: var(--intro-form-max-width);
  margin-top: var(--intro-form-margin-top);
}

:where(.wp-block-ufl-promo-intro) .intro__form > * {
  flex: var(--intro-form-any-flex);
}
:where(.wp-block-ufl-promo-intro) .intro__form > *.semi {
  flex: var(--intro-form-semi-flex);
}

:where(.wp-block-ufl-promo-intro) .title.intro-form__title {
  padding: 0 !important;
  margin-bottom: var(--intro-form-title-margin-bottom);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element {
  display: block;
  position: relative;
  border: var(--intro-form-element-border);
  border-radius: var(--intro-form-element-border-radius);
}
:where(.wp-block-ufl-promo-intro) .intro-form__element:focus-within {
  border: var(--intro-form-element-focus-border);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element input, :where(.wp-block-ufl-promo-intro) .intro-form__element select, :where(.wp-block-ufl-promo-intro) .intro-form__element textarea {
  appearance: none;
  border: none;
  background: none;
  font-size: var(--intro-form-element-input-font-size);
  line-height: var(--intro-form-element-input-line-height);
  padding: var(--intro-form-element-input-padding);
  transition: all 0.25s;
}

:where(.wp-block-ufl-promo-intro) .intro-form__element select {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDlMMTIgMTZMNSA5IiBzdHJva2U9IiMzRDhGOEUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center center / contain;
  background-position: var(--intro-form-element-select-background-position);
  background-size: var(--intro-form-element-select-background-size);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element legend {
  display: block;
  position: relative;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: var(--intro-form-element-legend-font-size);
  line-height: 0;
  text-align: left;
  color: var(--intro-form-element-legend-color);
  padding: 0;
  margin: var(--intro-form-element-legend-margin);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element:focus-within legend {
  width: auto;
  overflow: visible;
  padding: var(--intro-form-element-focus-legend-padding);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element svg {
  display: block;
  position: absolute;
  top: var(--intro-form-element-svg-top);
  right: var(--intro-form-element-svg-right);
  width: var(--intro-form-element-svg-width);
  height: var(--intro-form-element-svg-width);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element svg use {
  fill: var(--intro-form-element-use-fill);
}

:where(.wp-block-ufl-promo-intro) .intro-form__element:focus-within svg use {
  fill: var(--intro-form-element-focus-use-fill);
}


:where(.wp-block-ufl-promo-intro) .intro-form__additional {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--intro-form-additional-gap);
}

:where(.wp-block-ufl-promo-intro) .intro-form__additional input[type="checkbox"] {
  display: block;
  position: relative;
  flex: var(--intro-form-additional-input-flex);
  width: var(--intro-form-additional-input-width);
  height: var(--intro-form-additional-input-height);
  appearance: none;
  border-radius: 0;
  border: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMjQ0XzEzMDA5IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0wIDRDMCAxLjc5MDg2IDEuNzkwODYgMCA0IDBIMjBDMjIuMjA5MSAwIDI0IDEuNzkwODYgMjQgNFYyMEMyNCAyMi4yMDkxIDIyLjIwOTEgMjQgMjAgMjRINEMxLjc5MDg2IDI0IDAgMjIuMjA5MSAwIDIwVjRaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTAgNEMwIDEuNzkwODYgMS43OTA4NiAwIDQgMEgyMEMyMi4yMDkxIDAgMjQgMS43OTA4NiAyNCA0VjIwQzI0IDIyLjIwOTEgMjIuMjA5MSAyNCAyMCAyNEg0QzEuNzkwODYgMjQgMCAyMi4yMDkxIDAgMjBWNFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMTkiLz4KPHBhdGggZD0iTTQgMFYxSDIwVjBWLTFINFYwWk0yNCA0SDIzVjIwSDI0SDI1VjRIMjRaTTIwIDI0VjIzSDRWMjRWMjVIMjBWMjRaTTAgMjBIMVY0SDBILTFWMjBIMFpNNCAyNFYyM0MyLjM0MzE1IDIzIDEgMjEuNjU2OSAxIDIwSDBILTFDLTEgMjIuNzYxNCAxLjIzODU4IDI1IDQgMjVWMjRaTTI0IDIwSDIzQzIzIDIxLjY1NjkgMjEuNjU2OSAyMyAyMCAyM1YyNFYyNUMyMi43NjE0IDI1IDI1IDIyLjc2MTQgMjUgMjBIMjRaTTIwIDBWMUMyMS42NTY5IDEgMjMgMi4zNDMxNSAyMyA0SDI0SDI1QzI1IDEuMjM4NTggMjIuNzYxNCAtMSAyMCAtMVYwWk00IDBWLTFDMS4yMzg1OCAtMSAtMSAxLjIzODU4IC0xIDRIMEgxQzEgMi4zNDMxNSAyLjM0MzE1IDEgNCAxVjBaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjI5IiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8yMjQ0XzEzMDA5KSIvPgo8L3N2Zz4K) no-repeat center center / contain;
  padding: 0 !important;
  margin: 0 !important;
}
:where(.wp-block-ufl-promo-intro) .intro-form__additional input[type="checkbox"]:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMjQ0XzEzMDA2IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0wIDRDMCAxLjc5MDg2IDEuNzkwODYgMCA0IDBIMjBDMjIuMjA5MSAwIDI0IDEuNzkwODYgMjQgNFYyMEMyNCAyMi4yMDkxIDIyLjIwOTEgMjQgMjAgMjRINEMxLjc5MDg2IDI0IDAgMjIuMjA5MSAwIDIwVjRaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTAgNEMwIDEuNzkwODYgMS43OTA4NiAwIDQgMEgyMEMyMi4yMDkxIDAgMjQgMS43OTA4NiAyNCA0VjIwQzI0IDIyLjIwOTEgMjIuMjA5MSAyNCAyMCAyNEg0QzEuNzkwODYgMjQgMCAyMi4yMDkxIDAgMjBWNFoiIGZpbGw9IiMwQjI3MjQiLz4KPHBhdGggZD0iTTQgMFYxSDIwVjBWLTFINFYwWk0yNCA0SDIzVjIwSDI0SDI1VjRIMjRaTTIwIDI0VjIzSDRWMjRWMjVIMjBWMjRaTTAgMjBIMVY0SDBILTFWMjBIMFpNNCAyNFYyM0MyLjM0MzE1IDIzIDEgMjEuNjU2OSAxIDIwSDBILTFDLTEgMjIuNzYxNCAxLjIzODU4IDI1IDQgMjVWMjRaTTI0IDIwSDIzQzIzIDIxLjY1NjkgMjEuNjU2OSAyMyAyMCAyM1YyNFYyNUMyMi43NjE0IDI1IDI1IDIyLjc2MTQgMjUgMjBIMjRaTTIwIDBWMUMyMS42NTY5IDEgMjMgMi4zNDMxNSAyMyA0SDI0SDI1QzI1IDEuMjM4NTggMjIuNzYxNCAtMSAyMCAtMVYwWk00IDBWLTFDMS4yMzg1OCAtMSAtMSAxLjIzODU4IC0xIDRIMEgxQzEgMi4zNDMxNSAyLjM0MzE1IDEgNCAxVjBaIiBmaWxsPSIjNkRGRkZEIiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8yMjQ0XzEzMDA2KSIvPgo8cGF0aCBkPSJNMTcuMzMzNCA4LjMzMzM3TDEwLjAwMDEgMTUuNjY2N0w2LjY2Njc1IDEyLjMzMzQiIHN0cm9rZT0iIzZERkZGRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

:where(.wp-block-ufl-promo-intro) .intro-form__additional label {
  font-size: var(--intro-form-additional-label-font-size);
  text-align: left;
  color: var(--intro-form-additional-label-color);
}

:where(.wp-block-ufl-promo-intro) .intro-form__additional label a {
  text-decoration: underline;
}

:where(.wp-block-ufl-promo-intro) .button.intro-form__button {
  flex: 0 1 auto;
  min-width: var(--intro-form-button-min-width);
  margin-top: var(--intro-form-button-margin-top);
}
/*  */



/* FULL REVERSE */
:where(.wp-block-ufl-promo-intro).full.reverse .content.intro__content {
  flex-direction: row-reverse;
}

:where(.wp-block-ufl-promo-intro).full.reverse .intro__wrapper {
  margin: 0;
}

:where(.wp-block-ufl-promo-intro).full.reverse .intro__form {
  margin-top: var(--intro-reverse-form-margin-top);
}
/*  */



/* FULL COLUMN */
:where(.wp-block-ufl-promo-intro).full.column .content.intro__content {
  align-items: center;
  flex-direction: column;
}

:where(.wp-block-ufl-promo-intro).full.column .content.intro__content {
  text-align: center;
}
:where(.wp-block-ufl-promo-intro).full.column .intro__wrapper {
  margin: 0 auto;
}
:where(.wp-block-ufl-promo-intro).full.column .logo.intro__logo img {
  margin: 0 auto;
}
:where(.wp-block-ufl-promo-intro).full.column .title.intro__title {
  text-align: center;
}
:where(.wp-block-ufl-promo-intro).full.column .intro__platforms {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
:where(.wp-block-ufl-promo-intro).full.column .intro__actions {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
/*  */



@media screen and (min-width: 1900px) {
  :where(.wp-block-ufl-promo-intro) {
    --intro-padding-top: 5.83vw;
    --intro-padding-bottom: 1.88vw;

    --intro-logo-max-height: 1.25vw;

    --intro-title-font-size: 6.25vw;
    --intro-title-line-height: 6.25vw;
    --intro-title-margin-top: 0.42vw;

    --intro-subtitle-margin-top: 0.42vw;

    --intro-desc-margin-top: 1.46vw;

    --intro-countdown-margin-top: 1.04vw;

    --intro-platforms-gap: 1.04vw;
    --intro-platforms-max-width: 41.15vw;
    --intro-platforms-margin-top: 2.08vw;

    --intro-platforms-button-gap: 0.42vw;
    --intro-platforms-button-height: 2.76vw;

    --intro-platforms-button-img-width: 1.93vw;
    --intro-platforms-button-img-height: 1.93vw;

    --intro-actions-gap: 2.08vw;
    --intro-actions-max-width: 25.52vw;
    --intro-actions-margin-top: 2.08vw;

    --intro-actions-button-gap: 0.42vw;

    --intro-form-gap: 0.83vw;
    --intro-form-max-width: 27.5vw;

    --intro-form-title-margin-bottom: 0.83vw;

    --intro-form-element-border: 0.05vw solid var(--accent-color-60);

    --intro-form-element-input-font-size: 0.94vw;
    --intro-form-element-input-line-height: 1.88vw;
    --intro-form-element-input-padding: 0.42vw 2.71vw 0.42vw 0.83vw;

    --intro-form-element-select-background-position: right 0.83vw center;
    --intro-form-element-select-background-size: 1.25vw 1.25vw;

    --intro-form-element-legend-font-size: 0.73vw;
    --intro-form-element-legend-margin: 0 0.63vw;

    --intro-form-element-svg-top: 0.73vw;
    --intro-form-element-svg-right: 0.73vw;
    --intro-form-element-svg-width: 1.25vw;
    --intro-form-element-svg-height: 1.25vw;

    --intro-form-element-focus-border: 0.05vw solid var(--accent-color);

    --intro-form-element-focus-legend-padding: 0 0.42vw;

    --intro-form-additional-gap: 0.42vw;

    --intro-form-additional-input-flex: 0 0 1.25vw;
    --intro-form-additional-input-width: 1.25vw;
    --intro-form-additional-input-height: 1.25vw;

    --intro-form-additional-label-font-size: 0.73vw;

    --intro-form-button-min-width: 12.92vw;
    --intro-form-button-margin-top: 0.83vw;
  }
}



@media screen and (max-width: 1100px) {
  :where(.wp-block-ufl-promo-intro) {
    --intro-reverse-form-margin-top: 40px;
  }

  /* FULL */
  :where(.wp-block-ufl-promo-intro).full .content.intro__content {
    align-items: center;
    flex-direction: column;
  }

  :where(.wp-block-ufl-promo-intro).full .content.intro__content {
    text-align: center;
  }
  :where(.wp-block-ufl-promo-intro).full .intro__wrapper {
    margin: 0 auto;
  }
  :where(.wp-block-ufl-promo-intro).full .logo.intro__logo img {
    margin: 0 auto;
  }
  :where(.wp-block-ufl-promo-intro).full .title.intro__title {
    text-align: center;
  }
  :where(.wp-block-ufl-promo-intro).full .intro__platforms {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  :where(.wp-block-ufl-promo-intro).full .intro__actions {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  /*  */

  /* FULL REVERSE */
  :where(.wp-block-ufl-promo-intro).full.reverse .content.intro__content {
    flex-direction: column;
  }
  /*  */
}



@media screen and (max-width: 900px) {
  :where(.wp-block-ufl-promo-intro) {
    --intro-title-font-size: 104px;
    --intro-title-line-height: 104px;
    --intro-title-margin-top: 8px;

    --intro-subtitle-margin-top: 8px;

    --intro-platforms-max-width: 520px;

    --intro-platforms-button-flex: 0 1 calc(50% - (var(--auth-platforms-gap) / 2));
  }
}



@media screen and (max-width: 600px) {
  :where(.wp-block-ufl-promo-intro) {
    --intro-logo-max-height: 20px;

    --intro-title-font-size: 80px;
    --intro-title-line-height: 80px;
    --intro-title-margin-top: 4px;

    --intro-subtitle-margin-top: 4px;

    --intro-desc-margin-top: 16px;

    --intro-countdown-margin-top: 16px;

    --intro-platforms-max-width: 380px;
    --intro-platforms-margin-top: 32px;

    --intro-platforms-button-flex: 0 1 100%;

    --intro-actions-margin-top: 32px;

    --intro-form-semi-flex: 0 1 100%;
  }



  /* END */
  :where(.wp-block-ufl-promo-intro).end .intro__wrapper {
    margin: 0 auto;
  }
  /*  */
}



@media screen and (max-width: 500px) {
  :where(.wp-block-ufl-promo-intro) {
    --intro-logo-max-height: 16px;

    --intro-title-font-size: 64px;
    --intro-title-line-height: 64px;

    --intro-actions-gap: 24px;
    --intro-actions-max-width: 380px;

    --intro-actions-button-flex: 0 1 100%;
  }

  :where(.wp-block-ufl-promo-intro) .button.intro-form__button {
    flex: 1 1 100%;
  }
}