.site-footer__copyright {
  font-size: 0.8rem;
  font-weight: var(--small-copy--font-weight);
}

.site-footer {
  margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1 + var(--bleed-safe-area-inline));
  transition: margin 200ms ease-in-out;
  margin-bottom: calc(1.5625rem + var(--menu-local-tasks-height, 0px));
  background-color: var(--bg-color);
  color: var(--color);
  border-radius: var(--site-footer--border-radius);
  padding-block: 1.953125rem;
}
[data-site-mode=at-work] .site-footer {
  --color: #1d2c3c;
  --bg-color: #80d8ce;
  --highlight-color: #124e66;
  --highlight-color-2: #21767b;
  --heading--color: #1d2c3c;
  --a--color: #124e66;
  --a--color--active: #124e66;
  --button--color: #124e66;
  --button--color--active: #124e66;
  --accordion--summary--color: #124e66;
  --cta-primary--border--color: #124e66;
  --cta-primary--bg-color: #1d2c3c;
  --cta-primary--color: #d3d9d4;
  --cta-primary--focus-visible--outline-color: #511416;
  --cta-secondary--focus-visible--outline-color: #f63259;
  --cta-secondary--border--color: #124e66;
  --cta-secondary--color: #1d2c3c;
  --cta-with-arrow--color: #124e66;
  --custom-scrollbar--scrollbar-color: #124e66;
}
[data-site-mode=at-play] .site-footer {
  --color: #511416;
  --bg-color: #f63259;
  --highlight-color: #eae7dc;
  --heading--color: #511416;
  --a--color: #511416;
  --a--color--active: #511416;
  --button--color: #511416;
  --button--color--active: #511416;
  --accordion--summary--color: #eae7dc;
  --cta-primary--bg-color: #511416;
  --cta-secondary--border--color: #511416;
  --cta-secondary--color: #eae7dc;
  --cta-with-arrow--color: #511416;
  --cta-with-arrow--color--active: #d3d9d4;
  --custom-scrollbar--scrollbar-color: #eae7dc;
  border-radius: 0 clamp(60px, 5vw, 120px) clamp(60px, 5vw, 120px) clamp(60px, 5vw, 120px)/0 clamp(60px, 5vw, 120px) 0 clamp(60px, 5vw, 120px);
}
.site-footer__content {
  padding-inline: calc(var(--safe-area-inline) - var(--bleed-safe-area-inline));
  display: grid;
  row-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas: "sf-follow-us   sf-follow-us" "sf-footer-menu sf-corp-menu" "sf-copr        sf-copr";
}
@media (width > 48rem) {
  .site-footer__content {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "sf-follow-us sf-follow-us sf-footer-menu sf-corp-menu" "sf-copr      sf-copr      sf-copr        sf-copr";
  }
}
@media (width > 64rem) {
  .site-footer__content {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "sf-follow-us sf-follow-us sf-follow-us sf-follow-us sf-follow-us sf-footer-menu sf-footer-menu sf-footer-menu sf-corp-menu sf-corp-menu sf-corp-menu sf-copr";
  }
}
.site-footer__copyright {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: sf-copr;
  text-align: right;
}
.site-footer__follow-us {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: sf-follow-us;
}
.site-footer__footer-menu {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: sf-footer-menu;
}
.site-footer__corporate-menu {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: sf-corp-menu;
}
@media (width > 48rem) {
  .site-footer__copyright {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .site-footer__follow-us {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .site-footer__footer-menu {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .site-footer__corporate-menu {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
}
@media (width > 64rem) {
  .site-footer__copyright {
    -ms-grid-row: 1;
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
  }
  .site-footer__follow-us {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .site-footer__footer-menu {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    -ms-grid-column-span: 3;
  }
  .site-footer__corporate-menu {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
  }
}
