.desktop-side { display: none; }
@media (min-width: 1024px) {
  .desktop-side {
    position: fixed;
    top: 50%;
    width: calc((100% - 480px) / 2);
    box-sizing: border-box;
    padding-inline: 16px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  .desktop-side--left { left: 0; }
  .desktop-side--right { right: 0; flex-direction: column; gap: 14px; }
  .desktop-side .desktop-wordmark { width: 234px; max-width: 100%; font-size: 23.4px; text-align: center; }
  .desktop-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 100%;
    min-height: 77.25px;
    box-sizing: border-box;
    color: #fff;
    font-size: 19.2px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 6px;
    text-align: center;
  }
  .desktop-cta--requirements { width: 193.266px; background: #333; }
  .desktop-cta--entry { width: 193.266px; background: #ff7f4b; }
  .desktop-cta img { width: 18px; height: auto; flex-shrink: 0; }
}
.desktop-side--left { mix-blend-mode: multiply; }

@media (min-width: 1024px) {
  html {
    background: #e5f3f5 url("images/decor/desktop-background.png") center / cover no-repeat fixed;
  }
}