:root {
        --project-width: 1400px;
        --project-gutter: 20px;
        --project-bg: #0b120d;
        --project-mobile-bg: #010a05;
        --project-gold: #f3dfaf;
        --project-muted: #bfccc3;
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
        text-size-adjust: 100%;
      }

      body {
        min-width: 320px;
        margin: 0;
        background: var(--project-bg);
        color: #fff;
        font-family: "Pretendard", sans-serif;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
      }

      body.is-project-menu-open {
        overflow: hidden;
      }

      h1,
      h2,
      h3,
      p,
      address {
        margin: 0;
      }

      button {
        border: 0;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      img,
      picture {
        display: block;
      }

      [hidden] {
        display: none !important;
      }

      .project-shell {
        position: relative;
        width: min(calc(100% - (var(--project-gutter) * 2)), var(--project-width));
        margin: 0 auto;
      }

      .project-visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
      }

      .project-header {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 87px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(2px);
        transition:
          background-color 200ms ease,
          box-shadow 200ms ease;
      }

      .project-header.is-scrolled {
        background: rgba(7, 20, 13, 0.86);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .project-header__inner {
        position: relative;
        display: flex;
        width: min(calc(100% - 40px), var(--project-width));
        height: 100%;
        align-items: center;
        margin: 0 auto;
      }

      .project-brand {
        display: inline-flex;
        width: 219px;
        height: 25.6903px;
        align-items: center;
        gap: 13.6262px;
      }

      .project-brand__symbol {
        width: 31.5958px;
        height: 25.6903px;
      }

      .project-brand__wordmark {
        width: 173.778px;
        height: 18.196px;
      }

      .project-header__nav {
        position: absolute;
        top: 33px;
        right: 0;
        display: flex;
        width: 252px;
        height: 24px;
        align-items: flex-start;
        font-family: "Poppins", sans-serif;
      }

      .project-header__link {
        position: relative;
        height: 24px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
        opacity: 0.5;
        transition: opacity 160ms ease;
      }

      .project-header__link + .project-header__link {
        margin-left: 30px;
      }

      .project-header__link:hover,
      .project-header__link:focus-visible,
      .project-header__link.is-active {
        opacity: 1;
      }

      .project-header__active-line {
        position: absolute;
        top: 23px;
        left: 2px;
        width: 53px;
        height: 1px;
      }

      .project-header__divider {
        width: 1px;
        height: 14.5px;
        margin-top: 5px;
        margin-left: 23px;
      }

      .project-language {
        display: flex;
        height: 22px;
        align-items: flex-start;
        margin-top: 2px;
        margin-left: 22px;
      }

      .project-language__icon {
        width: 17px;
        height: 17px;
      }

      .project-language__option {
        position: relative;
        height: 20px;
        padding: 0;
        background: transparent;
        color: #dcdcdc;
        cursor: pointer;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        opacity: 0.45;
      }

      .project-language__icon + .project-language__option {
        margin-left: 7px;
      }

      .project-language__option + .project-language__option {
        margin-left: 9px;
      }

      .project-language__option.is-active {
        color: #fff;
        font-weight: 600;
        opacity: 1;
      }

      .project-language__underline {
        position: absolute;
        top: 22px;
        left: 0;
        width: 20px;
        height: 2px;
      }

      .project-header__link:focus-visible,
      .project-language__option:focus-visible,
      .project-header__menu:focus-visible {
        outline: 2px solid var(--project-gold);
        outline-offset: 4px;
      }

      .project-header__menu,
      .project-header__language,
      .project-mobile-menu {
        display: none;
      }

      .project-hero {
        position: relative;
        height: 560px;
        overflow: hidden;
      }

      .project-hero__picture,
      .project-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }

      .project-hero__image {
        object-fit: cover;
        object-position: center;
      }

      .project-hero__inner {
        height: 100%;
      }

      .project-hero__content {
        position: absolute;
        top: 255px;
        left: 0;
      }

      .project-hero__eyebrow {
        color: var(--project-gold);
        font-family: "Poppins", sans-serif;
        font-size: 19px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .project-hero h1 {
        margin-top: 16px;
        font-size: 52px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 62px;
      }

      .project-hero__back {
        display: inline-flex;
        width: 196px;
        height: 48px;
        align-items: center;
        justify-content: center;
        margin-top: 27px;
        border-radius: 31px;
        background: #fff;
        color: #102216;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -0.04em;
        transition:
          color 160ms ease,
          transform 160ms ease;
      }

      .project-hero__back:hover {
        transform: translateY(-1px);
      }

      .project-hero__back:focus-visible {
        outline: 2px solid var(--project-gold);
        outline-offset: 4px;
      }

      .project-board {
        padding: 104px 0 95px;
        background: var(--project-bg);
      }

      .project-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 60px;
      }

      .project-card {
        min-width: 0;
      }

      .project-card[href] {
        cursor: pointer;
      }

      .project-card[href]:focus-visible {
        outline: 2px solid var(--project-gold);
        outline-offset: 6px;
      }

      .project-card__media {
        display: block;
        width: 100%;
        overflow: hidden;
        aspect-ratio: 688 / 380;
        border-radius: 10px;
        background: #1a2f21;
      }

      .project-card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .project-card__body {
        min-width: 0;
        padding: 24px 15px 0;
      }

      .project-card__status {
        display: table;
        min-height: 23px;
        padding: 3px 5px;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 17px;
        white-space: nowrap;
      }

      .project-card__title {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 8px;
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 36px;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .project-card__description {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 10px;
        color: var(--project-muted);
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 20px;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .project-card__date {
        display: block;
        margin-top: 17px;
        color: rgba(191, 204, 195, 0.7);
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .project-pagination {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 255px;
        height: 25px;
        margin-top: 64px;
        margin-right: auto;
        margin-left: auto;
      }

      .project-pagination__button {
        display: grid;
        flex: 0 0 25px;
        place-items: center;
        width: 25px;
        height: 25px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: #5f5f5f;
        cursor: pointer;
        font-family: "Pretendard", sans-serif;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.64px;
        line-height: normal;
        transition: color 160ms ease;
      }

      .project-pagination__button:hover:not(.is-active) {
        color: #000;
      }

      .project-pagination__button:focus-visible,
      .project-pagination__arrow:focus-visible {
        outline: 2px solid #4f4f4f;
        outline-offset: 3px;
      }

      .project-pagination__button.is-active {
        background: url("../assets/project/icons/pagination-active.svg?v=20260921-2")
          center / 25px 25px no-repeat;
        color: #000;
        font-weight: 700;
      }

      .project-pagination__arrow {
        display: grid;
        flex: 0 0 6px;
        place-items: center;
        width: 6px;
        height: 25px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
      }

      .project-pagination__arrow img {
        display: block;
        width: 5.56px;
        height: 9.71px;
      }

      .project-pagination__arrow--next img {
        transform: rotate(180deg);
      }

      .project-pagination__arrow:disabled {
        cursor: default;
      }

      .project-footer {
        height: 355px;
        background: #fff url("../assets/project/icons/footer-bg.svg") center /
          100% 100% no-repeat;
        color: #9e9e9e;
      }

      .project-footer__inner {
        position: relative;
        width: min(calc(100% - 40px), var(--project-width));
        height: 100%;
        margin: 0 auto;
      }

      .project-footer__brand {
        position: absolute;
        top: 76px;
        left: 1px;
        color: #595959;
        font-family: "Poppins", sans-serif;
        font-size: 0;
        line-height: 26px;
        white-space: nowrap;
      }

      .project-footer__brand::before {
        content: "Partner ";
        font-size: 26px;
        font-weight: 600;
      }

      .project-footer__brand::after {
        content: "Market";
        font-size: 26px;
        font-weight: 400;
      }

      .project-footer__tagline {
        position: absolute;
        top: 117px;
        left: 1px;
        color: #7f7f7f;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .project-footer__summary {
        position: absolute;
        top: 143px;
        left: 1px;
        color: #7f7f7f;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 17px;
      }

      .project-footer__company {
        position: absolute;
        top: 196px;
        left: 1px;
        display: flex;
        width: min(100%, 760px);
        height: 47px;
        flex-wrap: wrap;
        align-content: flex-start;
        column-gap: 18px;
        row-gap: 1px;
        color: #9e9e9e;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 23px;
      }

      .project-footer__company span {
        position: relative;
        white-space: nowrap;
      }

      .project-footer__company span:nth-child(2)::before,
      .project-footer__company span:nth-child(3)::before,
      .project-footer__company span:nth-child(5)::before,
      .project-footer__company span:nth-child(6)::before,
      .project-footer__company span:nth-child(7)::before {
        position: absolute;
        top: -1px;
        left: -9px;
        width: 1px;
        height: 12px;
        background: #e4e4e4;
        content: "";
      }

      .project-footer__links {
        display: none;
      }

      .project-footer__line {
        position: absolute;
        top: 277px;
        left: 0;
        width: min(100%, 1240px);
        border-top: 1px solid #f6f6f6;
      }

      .project-footer__copyright {
        position: absolute;
        top: 300px;
        left: 0;
        color: #bbb9b9;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.02em;
        line-height: 20px;
      }

      @media (max-width: 700px) {
        :root {
          --project-gutter: 20px;
        }

        body {
          background: var(--project-mobile-bg);
        }

        .project-header {
          height: 55px;
        }

        .project-header__inner {
          width: calc(100% - 40px);
        }

        .project-brand {
          width: 144px;
          height: 17px;
          gap: 9px;
        }

        .project-brand__symbol {
          width: 21px;
          height: 17px;
        }

        .project-brand__wordmark {
          width: 114px;
          height: 12px;
        }

        .project-header__nav {
          display: none;
        }

        .project-header__menu {
          position: absolute;
          top: 20px;
          right: 0;
          display: block;
          width: 16px;
          height: 15px;
          padding: 0;
          background: transparent;
          cursor: pointer;
        }

        .project-header__menu img {
          width: 16px;
          height: 15px;
        }

        .project-header__language {
          position: absolute;
          top: 18px;
          right: 44px;
          display: flex;
          height: 22px;
          align-items: flex-start;
          font-family: "Poppins", sans-serif;
        }

        .project-header__language-icon {
          width: 17px;
          height: 17px;
          margin-top: 1px;
        }

        .project-header__language-option {
          position: relative;
          height: 22px;
          padding: 0 0 3px;
          border: 0;
          background: transparent;
          color: #dcdcdc;
          cursor: pointer;
          font-family: inherit;
          font-size: 16px;
          font-weight: 400;
          line-height: 16px;
          opacity: 0.45;
        }

        .project-header__language-icon + .project-header__language-option {
          margin-left: 11px;
        }

        .project-header__language-option + .project-header__language-option {
          margin-left: 12px;
        }

        .project-header__language-option.is-active {
          color: #fff;
          font-weight: 600;
          opacity: 1;
        }

        .project-header__language-option img {
          position: absolute;
          top: 20px;
          left: 0;
          width: 22px;
          max-width: none;
          height: 1px;
        }

        .project-header__language-option:focus-visible {
          outline: 2px solid var(--project-gold);
          outline-offset: 4px;
        }

        .project-hero {
          height: 328px;
        }

        .project-hero__content {
          top: 144px;
          left: 0;
        }

        .project-hero__eyebrow {
          font-size: 14px;
          line-height: 20px;
        }

        .project-hero h1 {
          margin-top: 9px;
          font-size: 28px;
          line-height: 35px;
        }

        .project-hero__back {
          width: 175px;
          height: 43px;
          margin-top: 15px;
          font-size: 15px;
        }

        .project-board {
          padding: 36px 0 76px;
          background: var(--project-mobile-bg);
        }

        .project-grid {
          grid-template-columns: 1fr;
          gap: 42px;
        }

        .project-card__media {
          aspect-ratio: 335 / 185;
          border-radius: 8px;
        }

        .project-card__body {
          padding: 18px 8px 0;
        }

        .project-card__status {
          min-height: 23px;
          font-size: 13px;
          line-height: 17px;
        }

        .project-card__title {
          margin-top: 10px;
          font-size: 22px;
          line-height: 29px;
          -webkit-line-clamp: 3;
        }

        .project-card__description {
          margin-top: 8px;
          font-size: 15px;
          line-height: 22px;
          -webkit-line-clamp: 2;
        }

        .project-card__date {
          margin-top: 8px;
          font-size: 13px;
          line-height: 20px;
        }

        .project-pagination {
          margin-top: 48px;
        }

        .project-footer {
          height: 305px;
          background-image: url("../assets/project/icons/footer-bg-mobile.svg");
        }

        .project-footer__inner {
          width: calc(100% - 40px);
          height: 100%;
        }

        .project-footer__brand {
          top: 46px;
          left: 0;
          line-height: 21px;
        }

        .project-footer__brand::before,
        .project-footer__brand::after {
          font-size: 21px;
        }

        .project-footer__tagline {
          top: 80px;
          left: 0;
          font-size: 15px;
          line-height: 20px;
        }

        .project-footer__summary {
          top: 104px;
          left: 0;
          font-size: 12px;
          line-height: 17px;
        }

        .project-footer__company {
          top: 143px;
          left: 0;
          display: flex;
          width: 100%;
          height: 90px;
          flex-wrap: wrap;
          align-content: flex-start;
          column-gap: 14px;
          row-gap: 0;
          font-size: 12px;
          line-height: 18px;
        }

        .project-footer__company span {
          position: relative;
          white-space: nowrap;
        }

        .project-footer__company span:nth-child(3),
        .project-footer__company span:nth-child(4),
        .project-footer__company span:nth-child(7) {
          flex-basis: 100%;
        }

        .project-footer__company span::before {
          display: none !important;
        }

        .project-footer__line {
          top: 245px;
          width: 100%;
        }

        .project-footer__copyright {
          top: 261px;
          font-size: 11px;
          line-height: 20px;
        }

        .project-mobile-menu {
          position: fixed;
          z-index: 500;
          inset: 0;
          display: block;
          overflow-x: hidden;
          overflow-y: auto;
          width: 100%;
          height: 100vh;
          height: 100dvh;
          min-height: 560px;
          background-color: var(--project-mobile-bg);
          background-image: url("../assets/project/MO/project-menu-bg-750.webp?v=20260921-1");
          background-position: center top;
          background-repeat: no-repeat;
          background-size: cover;
          color: #fff;
          opacity: 0;
          pointer-events: none;
          transform: translateX(100%);
          transition:
            opacity 240ms ease,
            transform 300ms ease,
            visibility 300ms step-end;
          visibility: hidden;
        }

        .project-mobile-menu.is-open {
          opacity: 1;
          pointer-events: auto;
          transform: translateX(0);
          transition:
            opacity 240ms ease,
            transform 300ms ease,
            visibility 0ms step-start;
          visibility: visible;
        }

        .project-mobile-menu__header {
          position: relative;
          width: 100%;
          height: 55px;
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(2px);
        }

        .project-mobile-menu__brand {
          position: absolute;
          top: 19px;
          left: 20px;
        }

        .project-mobile-menu__close {
          position: absolute;
          top: 20px;
          right: 20px;
          display: grid;
          width: 15px;
          height: 15px;
          padding: 0;
          background: transparent;
          cursor: pointer;
          place-items: center;
        }

        .project-mobile-menu__close img {
          width: 15px;
          height: 15px;
        }

        .project-mobile-menu__nav {
          position: absolute;
          top: 95px;
          left: 20px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 29px;
          font-family: "Poppins", sans-serif;
        }

        .project-mobile-menu__nav a {
          position: relative;
          color: #fff;
          font-size: 24px;
          font-weight: 500;
          letter-spacing: -0.04em;
          line-height: 23px;
        }

        .project-mobile-menu__nav a[aria-current="page"]::after {
          position: absolute;
          right: 0;
          bottom: -8px;
          left: 0;
          height: 1px;
          background: #fff;
          content: "";
        }

        .project-mobile-menu__footer {
          position: absolute;
          right: 20px;
          bottom: 32px;
          left: 20px;
        }

        .project-mobile-menu__tagline {
          font-size: 16px;
          font-weight: 500;
          letter-spacing: -0.04em;
          line-height: 19px;
        }

        .project-mobile-menu__description {
          margin-top: 8px;
          font-size: clamp(11.5px, 3.4667vw, 13px);
          font-weight: 400;
          letter-spacing: -0.04em;
          line-height: 16px;
          opacity: 0.7;
          white-space: nowrap;
        }

        .project-mobile-menu__divider {
          width: 100%;
          height: 1px;
          margin-top: 20px;
        }

        .project-mobile-menu__language {
          display: flex;
          height: 22px;
          align-items: flex-start;
          margin-top: 22px;
          font-family: "Poppins", sans-serif;
        }

        .project-mobile-menu__language-icon {
          width: 17px;
          height: 17px;
          margin-top: 1px;
        }

        .project-mobile-menu__language-option {
          position: relative;
          height: 22px;
          padding: 0;
          background: transparent;
          color: #dcdcdc;
          cursor: pointer;
          font-family: inherit;
          font-size: 16px;
          font-weight: 400;
          line-height: 20px;
          opacity: 0.45;
        }

        .project-mobile-menu__language-icon +
          .project-mobile-menu__language-option {
          margin-left: 10px;
        }

        .project-mobile-menu__language-option +
          .project-mobile-menu__language-option {
          margin-left: 11px;
        }

        .project-mobile-menu__language-option.is-active {
          color: #fff;
          font-weight: 600;
          opacity: 1;
        }

        .project-mobile-menu__language-option img {
          position: absolute;
          top: 21px;
          left: 0;
          width: 22px;
          height: 1px;
        }

        .project-mobile-menu__nav a:focus-visible,
        .project-mobile-menu__close:focus-visible,
        .project-mobile-menu__language-option:focus-visible {
          outline: 2px solid var(--project-gold);
          outline-offset: 4px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }

        .project-header,
        .project-hero__back,
        .project-mobile-menu {
          transition: none !important;
        }
      }

      /*
       * English typography and flow
       *
       * Keep the Korean composition unchanged. English copy gets the font
       * metrics and flexible flow it needs without changing the card grid.
       */
      html[lang="en"] body {
        min-width: 0;
        font-family: "Poppins", sans-serif;
        overflow-wrap: break-word;
        word-break: normal;
      }

      html[lang="en"] .project-header,
      html[lang="en"] .project-header *,
      html[lang="en"] .project-page,
      html[lang="en"] .project-page *,
      html[lang="en"] .project-mobile-menu,
      html[lang="en"] .project-mobile-menu *,
      html[lang="en"] .project-footer,
      html[lang="en"] .project-footer * {
        font-family: "Poppins", sans-serif;
      }

      html[lang="en"] .project-hero {
        height: auto;
        min-height: 560px;
      }

      html[lang="en"] .project-hero__inner {
        height: auto;
        padding: 255px 0 70px;
      }

      html[lang="en"] .project-hero__content {
        position: relative;
        top: auto;
        width: min(100%, 1000px);
      }

      html[lang="en"] .project-hero h1 {
        letter-spacing: -0.04em;
        overflow-wrap: break-word;
        word-break: normal;
      }

      .project-copy-mobile {
        display: none;
      }

      html[lang="en"] .project-card__title,
      html[lang="en"] .project-card__description {
        display: block;
        height: auto;
        max-height: none;
        overflow: visible;
        overflow-wrap: break-word;
        white-space: normal;
        word-break: normal;
        -webkit-line-clamp: unset;
      }

      html[lang="en"] .project-card__title {
        font-family: "Pretendard", sans-serif;
        letter-spacing: -0.04em;
        line-height: 36px;
      }

      html[lang="en"] .project-card__description {
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      html[lang="en"] .project-card__date {
        white-space: nowrap;
      }

      html[lang="en"] .project-language__underline,
      html[lang="en"] .project-header__language-option img,
      html[lang="en"] .project-mobile-menu__language-option img {
        display: none;
      }

      html[lang="en"]
        .project-header__language-option[data-language-option="en"].is-active::after {
        position: absolute;
        top: 20px;
        left: 0;
        width: 22px;
        height: 1px;
        background: url("../assets/project/icons/menu-language-underline.svg")
          center / 22px 1px no-repeat;
        content: "";
      }

      html[lang="en"]
        .project-language__option[data-language-option="en"].is-active::after {
        position: absolute;
        top: 22px;
        left: 0;
        width: 20px;
        height: 2px;
        background: url("../assets/project/icons/header-language-underline.svg")
          center / 20px 2px no-repeat;
        content: "";
      }

      html[lang="en"]
        .project-mobile-menu__language-option[data-language-option="en"].is-active::after {
        position: absolute;
        top: 21px;
        left: 0;
        width: 22px;
        height: 1px;
        background: url("../assets/project/icons/menu-language-underline.svg")
          center / 22px 1px no-repeat;
        content: "";
      }

      html[lang="en"] .project-footer {
        height: auto;
        min-height: 355px;
      }

      html[lang="en"] .project-footer__inner {
        display: flex;
        min-height: 355px;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 76px 0 35px;
      }

      html[lang="en"] .project-footer__brand,
      html[lang="en"] .project-footer__tagline,
      html[lang="en"] .project-footer__summary,
      html[lang="en"] .project-footer__company,
      html[lang="en"] .project-footer__line,
      html[lang="en"] .project-footer__copyright {
        position: static;
        width: 100%;
      }

      html[lang="en"] .project-footer__brand {
        flex: 0 0 auto;
        margin: 0;
      }

      html[lang="en"] .project-footer__tagline {
        margin: 15px 0 0;
        overflow-wrap: break-word;
        white-space: normal;
        word-break: normal;
      }

      html[lang="en"] .project-footer__summary {
        margin: 6px 0 0;
        overflow-wrap: break-word;
        white-space: normal;
        word-break: normal;
      }

      html[lang="en"] .project-footer__company {
        flex: 0 0 auto;
        width: min(100%, 1000px);
        height: auto;
        min-height: 47px;
        margin: 36px 0 0;
        overflow-wrap: break-word;
        word-break: normal;
      }

      html[lang="en"] .project-footer__company span {
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
      }

      html[lang="en"] .project-footer__line {
        flex: 0 0 auto;
        margin: 34px 0 0;
      }

      html[lang="en"] .project-footer__copyright {
        flex: 0 0 auto;
        margin: 22px 0 0;
        white-space: normal;
      }

      html[lang="en"] .project-mobile-menu__tagline,
      html[lang="en"] .project-mobile-menu__description {
        max-width: 100%;
        overflow-wrap: break-word;
        white-space: normal;
        word-break: normal;
      }

      @media (max-width: 700px) {
        html[lang="en"] .project-hero {
          min-height: 328px;
        }

        html[lang="en"] .project-hero__inner {
          padding: clamp(128px, 36vw, 144px) 0 32px;
        }

        html[lang="en"] .project-hero h1 {
          font-size: 25px;
          letter-spacing: -1px;
          line-height: 30px;
        }

        html[lang="en"] .project-hero__back {
          width: 204px;
          margin-top: 16px;
        }

        html[lang="en"] .project-card__title {
          font-size: 22px;
          letter-spacing: -0.88px;
          line-height: 29px;
        }

        html[lang="en"] .project-card__description {
          font-size: 15px;
          letter-spacing: -0.6px;
          line-height: 20px;
        }

        html[lang="en"] .project-card__date {
          margin-top: 12px;
          letter-spacing: -0.52px;
        }

        html[lang="en"] .project-card:nth-child(3) .project-card__date {
          margin-top: 10px;
        }

        .project-copy-desktop {
          display: none;
        }

        .project-copy-mobile {
          display: inline;
          white-space: nowrap;
        }

        html[lang="en"] .project-footer {
          min-height: 305px;
        }

        html[lang="en"] .project-footer__inner {
          min-height: 305px;
          padding: 46px 0 24px;
        }

        html[lang="en"] .project-footer__tagline {
          margin-top: 13px;
        }

        html[lang="en"] .project-footer__summary {
          margin-top: 4px;
        }

        html[lang="en"] .project-footer__company {
          width: 100%;
          min-height: 90px;
          margin-top: 22px;
        }

        html[lang="en"] .project-footer__company span {
          flex: 0 0 100%;
          width: 100%;
        }

        html[lang="en"] .project-footer__line {
          width: 100%;
          margin-top: 12px;
        }

        html[lang="en"] .project-footer__copyright {
          margin-top: 15px;
        }
      }

      @media (min-width: 701px) {
        html[lang="en"] .project-hero__back {
          width: 230px;
        }
      }