@media screen and (max-width: 1023px) {

  /* Root Elements */

  :root {
    --Fh: 1.875rem;
    --Fxl: 1.563rem;
    --Fl: 1.313rem;
    --Fm: 1.125rem;
    --Pm: 0.625rem;
    --Pg: 0.625rem;
    --Hh: 5.688rem;
  }


  /* Button Elements */

  .button_expand>svg {
    max-width: 12px;
    opacity: 1;
    transition: all 0.2s;
    margin-left: 0.375rem;
  }

  .button_expand>svg path,
  .button_expand>svg rect {
    stroke: var(--fg);
  }

  .button_bg.button_expand>svg path,
  .button_bg.button_expand>svg rect,
  .button_clear.button_expand>svg path,
  .button_clear.button_expand>svg rect {
    stroke: var(--bg);
  }


  /* Cookie Modal */

  .cookie-modal__content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 1.25rem;
  }


  /* Main Styling */

  header,
  main inner>section,
  footer {
    grid-template-columns: repeat(12, 1fr);
  }


  /* Header */
  header {
    row-gap: 0;
    padding-bottom: 2.5rem;
  }

  [data-template="home"] header {
    padding-bottom: 6.25rem;
  }

  .header__icon {
    grid-column: 1/10;
    grid-row: auto;
    height: 25px;
    margin-bottom: 0.625rem;
  }

  .header__announcements {
    grid-column: 1/13;
    grid-row: 1;
    position: static;
    row-gap: 0.5rem;
    overflow: hidden;
    max-height: 0;
    /* visibility: hidden; */
    opacity: 0;
    padding: 0;
    pointer-events: none;
    transition: all 0.4s, padding 0.2s;
  }

  .header__announcements.active {
    padding-bottom: 1.25rem;
    max-height: 100vh;
    /* visibility: visible; */
    opacity: 1;
    pointer-events: unset;
    transition: all 0.6s, padding 0s;
  }

  .header__announcements-item {
    width: 100% !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    -webkit-filter: unset;
    filter: unset;
    z-index: 1 !important;
    overflow: visible;
  }

  .header__announcements-item .swiper-slide {
    /* width: 375px !important */
  }

  .header__announcements-item .font_s {
    font-size: 0.75rem;
  }

  /* .header__announcements-item_inner {
    width: calc(100vw - var(--Pd) - 0.375rem - 18px - 1.75rem);
  } */

  .header__announcements-item .aspectholder {
    padding: 0 0.675rem 0 0.375rem;
  }

  .header__toggle {
    display: grid !important;
    width: 56px !important;
    padding: 0.375rem 1rem 0.375rem 0.5rem !important;
    grid-column: 11/13;
    grid-template-columns: 18px 1fr;
    align-items: center;
    -webkit-column-gap: 0.375rem;
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
    position: relative;
    overflow: hidden;
    /* filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15)); */
    justify-self: flex-end;
  }

  .header__toggle p {
    line-height: 1;
  }

  .header__toggle.button_ac.active {
    color: var(--fg) !important;
    background-color: var(--ac) !important;
  }

  .header__toggle svg {
    margin: 0;
  }

  .header__toggle>svg {
    width: 18px;
    height: 18px;
    display: block;
  }

  .header__toggle>svg path {
    stroke: unset;
    fill: var(--fg);
  }

  .header__toggle.button_ac.active>svg path {
    fill: var(--fg);
  }

  .header__toggle .aspectholder {
    width: 9px;
    height: 9px;
    display: none;
  }

  .header__toggle .aspectholder>* {
    width: 100%;
    height: 100%;
  }

  .header__toggle.active>p {
    display: none;
  }

  .header__toggle.active .aspectholder {
    display: block;
  }

  /* Timezone Section */
  .timezone {
    grid-column: 1/13;
    grid-row: auto;
    row-gap: 1.875rem;
  }

  .timezone__list {
    flex-direction: row;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .timezone__list li>*:not(:last-child) {
    margin-right: 0.313rem;
  }

  .timezone__list li>p {
    margin-right: 0 !important;
  }

  .timezone__text {
    display: none;
  }


  /* Main Menu */
  .header__nav {
    top: unset;
    bottom: 1.125rem;
  }

  .button_header.sub.open>a,
  .button_header.sub.active>a {
    padding-right: 0.875rem !important;
    transition: padding 0.1s;
  }

  .button_header-menu {
    display: none;
  }


  /* Footer */

  footer {
    padding: 2.25rem var(--Pg) 4rem var(--Pg);
    row-gap: 2.5rem;
  }

  .footer__zones {
    grid-column: 1/7;
    grid-template-columns: repeat(1, 1fr);
  }

  .footer__menus {
    grid-column: 8/13;
    grid-template-columns: repeat(1, 1fr);
  }

  .footer__menus-disclaimer {
    grid-column: auto;
  }

  .footer__disclaimer {
    row-gap: 4rem;
    height: 100dvh;
    padding: 1rem var(--Pg);
  }

  .footer__disclaimer-flags {
    row-gap: 1.5rem;
  }

  .footer__disclaimer-flags>* {
    grid-column: 1/4;
  }

  .footer__disclaimer-close {
    height: 100dvh;
  }

  .footer__menu>*:not(:last-child),
  footer nav>*:not(:last-child) {
    margin-bottom: 0.313rem;
  }

  .footer__icon {
    grid-column: 1/13;
  }

  .footer__icon .aspectholder {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .footer__icon .aspectholder>* {
    width: 100%;
    height: auto;
  }


  /* Blocks */

  main section .anchor {
    position: absolute;
    top: -2.5rem;
  }

  .block__inner {
    grid-column: 1/13;
    grid-template-columns: repeat(12, 1fr);
  }

  .block__full {
    grid-column: 1/13;
  }

  .block__left {
    grid-column: 1/13;
  }

  .block__right {
    grid-column: 1/13;
  }

  .block__right-h {
    grid-column: 1/13;
  }

  .block__end {
    align-items: flex-start;
  }

  .block__left-h {
    grid-column: 1/13;
  }

  .block__left>.button_pill {
    margin-top: 1rem;
  }

  .block__sticky {
    /* top: calc(var(--Hh) + 5rem + 1.25rem); */
    position: static;
  }

  .block__ctas {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
  }

  .block__ctas:not(:first-child) {
    margin-top: 1.75rem;
  }

  /* Works Block */
  .works__scroll {
    grid-column: 1/13;
  }

  .works__scroll .work-card {
    min-width: 265px;
    width: 87.5vw;
  }

  .works__scroll .work-card.active {
    min-width: 265px;
    width: 87.5vw;
  }

  .works__scroll .work-card__inner {
    min-height: 265px;
    height: 87.5vw;
    width: 87.5vw;
  }

  /* Media Block */

  .media__container {
    grid-column: 1/13;
    flex-direction: column;
    row-gap: var(--Pm);
  }

  .media__caption {
    grid-column: 1/10;
  }

  /* Cards Block */
  .cards__inner {
    padding: 0.75rem;
  }

  .cards__list {
    justify-content: flex-start !important;
  }

  .cards__list>* {
    flex: unset;
  }

  .cards__list.layout_stack {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
  }

  .cards__list.layout_stack>* {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    width: 100% !important;
    max-height: unset;
  }

  .cards__list.layout_stack .cards__inner {
    min-height: 190px;
    grid-template-columns: repeat(12, 1fr);
  }

  .cards__list.layout_stack .cards__inner-heading {
    grid-column: 1/13;
  }

  .cards__list.layout_stack .cards__inner-body {
    grid-column: 1/12;
  }

  .cards__list.layout_stack .cards__inner-icon {
    grid-column: 12/13;
  }

  .cards__list.layout_slider {
    white-space: nowrap;
    width: var(--Wf);
    margin-left: var(--Ml);
    padding: 0 var(--Pg);
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .cards__list.layout_slider::-webkit-scrollbar {
    display: none;
  }

  .cards__list.layout_slider>* {
    display: inline-block;
    width: 87.5vw !important;
    white-space: normal;
    flex: 0 0 auto;
  }

  .cards__list.layout_slider .cards__inner {
    min-height: 250px;
    grid-template-columns: repeat(11, 1fr);
  }

  .cards__list.layout_slider .cards__inner-heading {
    grid-column: 1/12;
  }

  .cards__list.layout_slider .cards__inner-body {
    grid-column: 1/11;
  }

  .cards__list.layout_slider .cards__inner-icon {
    grid-column: 11/12;
  }

  .cards__inner-expand {
    grid-column: 1/12;
    opacity: 1;
    padding: 0.75rem;
  }

  .cards__inner-expand .aspectholder {
    opacity: 1;
  }

  .cards__inner-ebody {
    grid-column: 1/12;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    row-gap: 2.5rem;
    padding-bottom: calc(9px + 1.5rem);
  }

  .cards__inner-ebody>* {
    grid-column: 1/2 !important;
  }

  .cards__inner-ebody>div {
    position: static;
    top: unset;
  }

  /* List Block */
  .list__works {
    width: var(--Wf);
    padding: 0 var(--Pg);
    margin-left: var(--Ml);
  }

  .list__works .work-card {
    width: 87.5vw;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .list__works .work-card__inner {
    height: 87.5vw;
  }

  /* Icons Block */
  .icons__icons {
    width: var(--Wf);
    margin-left: var(--Ml);
    padding: 0 var(--Pg);
  }

  /* Clients Block */
  .clients__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .clients__list .button_pill {
    text-align: left;
  }

  .clients__list .button_pill svg {
    display: none;
  }

  /* Articles Block */
  [data-type="articlesblock"] .articles__container {
    grid-column: 1/13;
    display: block;
    white-space: nowrap;
    width: var(--Wf);
    margin-left: var(--Ml);
    padding: 0 var(--Pg);
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  [data-type="articlesblock"] .articles__container::-webkit-scrollbar {
    display: none;
  }

  [data-type="articlesblock"] .articles__container>*:not(:last-child) {
    margin-right: var(--Pm);
  }

  [data-type="articlesblock"] .articles__item {
    display: inline-flex;
    width: 87.5vw;
    white-space: normal;
  }

  .articles__item.article_small {
    grid-column: span 1 !important;
  }

  .articles__item.article_med {
    grid-column: span 1 !important;
  }

  .articles__item.article_large {
    grid-column: span 1 !important;
  }

  /* [data-type="articlesblock"] .articles__item.article_small .aspectholder {
    height: 86.5vw !important;
  }

  [data-type="articlesblock"] .articles__item.article_med .aspectholder {
    height: 86.5vw !important;
  }

  [data-type="articlesblock"] .articles__item.article_large .aspectholder {
    height: 86.5vw !important;
  } */


  /* Pages */

  /* News Page */
  .news {
    row-gap: 1.5rem;
  }

  .news .articles__container {
    grid-column: 1/13;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.25rem;
  }

  .news .articles__item.inactive {
    display: flex;
  }

  .news .articles__item:nth-child(2),
  .news .articles__item:nth-child(3) {
    grid-column: span 1;
  }

  .news .articles__item:nth-child(5n + 4),
  .news .articles__item:nth-child(5n + 5),
  .news .articles__item:nth-child(5n + 6) {
    grid-column: span 1;
  }

  .news .articles__item:nth-child(1),
  .news .articles__item:nth-child(5n + 7),
  .news .articles__item:nth-child(5n + 8) {
    grid-column: span 1;
  }

  /* .news .articles__item:nth-child(2) .aspectholder,
  .news .articles__item:nth-child(3) .aspectholder {
    height: 46.376812vw;
  }

  .news .articles__item:nth-child(5n + 4) .aspectholder,
  .news .articles__item:nth-child(5n + 5) .aspectholder,
  .news .articles__item:nth-child(5n + 6) .aspectholder {
    height: 46.376812vw;
  }

  .news .articles__item:nth-child(1) .aspectholder,
  .news .articles__item:nth-child(5n + 7) .aspectholder,
  .news .articles__item:nth-child(5n + 8) .aspectholder {
    height: 46.376812vw;
  } */

  /* Works Page */
  .works .block__full {
    grid-column: 1/13;
  }

  .works__toggle {
    display: none;
  }

  .works__list {
    grid-column: 1/13;
    width: 100%;
    margin-left: 0;
    padding: 0;
    overflow: hidden;
    transition: justify-content 0s 0.6s;
    display: flex;
    flex-direction: column;
  }

  .works__list-2 {
    opacity: 1 !important;
    visibility: visible !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    pointer-events: unset !important;
  }

  .works__list-4 {
    display: none;
  }

  /* .works__list>*:not(:last-child) {
    margin-bottom: 1.875rem;
  } */

  .works__item {
    grid-template-columns: repeat(1, 1fr) !important;
    row-gap: 1.875rem;
  }

  .works__item.active {
    justify-content: flex-start;
  }

  .work-card {
    width: 100% !important;
  }

  .work-card.active {
    width: calc(100vw 0 var(--Pg)) !important;
  }

  .work-card__inner {
    width: 100%;
    height: 150vw;
    max-height: calc(100vw - var(--Pd));
    transition: max-height 0.4s 0.2s, height 0.4s 0.2s;
  }

  .work-card.active .work-card__inner {
    height: calc(150vw - var(--Pd)) !important;
    max-height: calc(150vw - var(--Pd));
    transition: max-height 0.6s 0.3s, height 0.6s 0.3s;
  }

  .work-card__image .aspectholder:nth-of-type(2) {
    display: none;
  }

  .work-card__btn {
    bottom: 30.438rem;
    opacity: 1;
  }

  .work-card__btn-site {
    opacity: 1;
  }

  .work-card__info {
    row-gap: 1.875rem;
  }

  .work-card__info-text {
    grid-column: 1/3;
    grid-row: auto;
    max-width: unset;
  }

  .work-card__info-text .font_m {
    font-size: var(--Fs);
  }

  .work-card__info-data {
    grid-column: 1/3;
    grid-row: auto;
    row-gap: 1.25rem;
  }

  .work-card__info-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    row-gap: 1.875rem;
  }

  .work-card__info-items {
    grid-column: 1/3;
    grid-row: auto;
  }

  .work-card__info-quote {
    grid-row: auto;
    max-width: unset;
  }

  /* Contact Page */
  .contact>* {
    row-gap: 2.5rem;
  }

  .contact__left {
    grid-column: 1/13;
    grid-template-columns: repeat(1, 1fr);
  }

  .contact__left>* {
    grid-column: 1/2 !important;
  }

  .contact__form li h4 {
    grid-column: 1/4;
  }

  .contact__form li>div {
    grid-column: 1/4;
  }

  .contact__form-heading {
    grid-column: 1/13;
  }

  .contact__form-guide {
    grid-column: 1/2;
  }

  .contact__form-guide li>*:nth-child(2) {
    display: none;
  }

  .contact__form-content {
    grid-column: 2/13;
    grid-row: 2;
  }

  .contact__form-prev.button_expand>svg {
    margin-right: 0.375rem;
  }

  .contact__right {
    grid-column: 1/13;
    display: flex;
    flex-direction: column;
  }

  .contact__right>div {
    display: none;
  }

  .contact .contact__socials {
    border-top: 1px solid var(--ac);
    padding-top: 1rem;
  }

  .contact__socials .button_pill svg {
    display: none;
  }

  .contact__socials>* {
    grid-template-columns: repeat(4, 1fr);
  }

  .contact__socials>*.spaced {
    margin-bottom: 2.5rem;
  }

  .contact__socials nav {
    grid-column: 2/5;
  }

  .contact__socials .form_embed,
  .contact__socials form {
    grid-column: 2/5;
    width: 100%;
  }

  .contact__socials .form_inline label {
    display: none;
  }


  /* Bio Page */
  .bio {
    flex: unset;
    padding-bottom: 3.75rem;
  }

  .bio .contact__form {
    row-gap: 1.5rem;
  }

  .bio__featured {
    position: static;
    right: unset;
    bottom: unset;
    grid-column: 1/13;
  }

  /* Payments Page */
  .payment__items {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--ac);
    padding-top: 1rem;
  }

  .payment__items li {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.25rem;
  }

  .payment__items li>div {
    grid-column: 1/2;
  }
}