.landing-projects { isolation: isolate; overflow: clip; }
.landing-projects__heading {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-inline: calc(50vw - 50%);
    overflow: clip;
}
.landing-projects #projects-title {
    display: inline-block !important;
    width: max-content;
    white-space: nowrap;
    margin: 0 0 24px;
}
.landing-projects__intro { margin-bottom: 88px; }
.landing-projects__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 112px clamp(40px, 4.5vw, 80px);
    padding: 0;
    margin: 0;
    list-style: none;
}
.landing-projects__item { position: relative; min-width: 0; }
.landing-projects__item:nth-child(8n + 2) { margin-top: 72px; }
.landing-projects__item:nth-child(8n + 3) { margin-top: 56px; }
.landing-projects__item:nth-child(8n + 6) { margin-top: 88px; }
.landing-projects__item:nth-child(8n + 7) { margin-top: 40px; }
.landing-projects__motion { position: relative; z-index: 2; }
.landing-projects__motion h3, .landing-projects__motion p { overflow-wrap: anywhere; }
.landing-projects__decoration {
    position: absolute;
    top: 0;
    inset-inline: 0;
    aspect-ratio: 4 / 3;
    z-index: 3;
    pointer-events: none;
}
.landing-projects__emblem {
    display: block;
    position: absolute;
    width: clamp(160px, 15vw, 230px);
    aspect-ratio: 1;
    pointer-events: none;
    user-select: none;
}
.landing-projects__emblem img { width: 100%; height: 100%; object-fit: contain; }
.landing-projects__emblem--logo { left: -74px; top: -64px; }
.landing-projects__emblem--logo img { transform: rotate(-12deg); }
.landing-projects__emblem--star { width: clamp(140px, 12vw, 180px); right: -58px; top: -50px; }
.landing-projects__emblem--logo-bottom { left: -68px; bottom: 16px; }
.landing-projects__emblem--logo-bottom img { transform: rotate(16deg); }
.landing-projects__canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 4;
    pointer-events: none;
}
.landing-projects__canvas[hidden] { display: none; }
.landing-projects[data-emblems-ready] .landing-projects__emblem img { visibility: hidden; }
@media (min-width: 1800px) {
    .landing-projects__grid { row-gap: 136px; }
}
@media (max-width: 1199px) {
    .landing-projects__grid { gap: 96px 36px; }
    .landing-projects__item:nth-child(n) { margin-top: 0; }
    .landing-projects__item:nth-child(4n + 2) { margin-top: 48px; }
    .landing-projects__item:nth-child(4n + 3) { margin-top: 32px; }
    .landing-projects__emblem--logo { left: -50px; top: -52px; }
    .landing-projects__emblem--star { width: 136px; right: -40px; top: -40px; }
    .landing-projects__emblem--logo-bottom { left: -48px; }
}
@media (max-width: 991px) {
    .landing-projects__grid { column-gap: 24px; }
    .landing-projects__item:nth-child(n) { margin-top: 0; }
    .landing-projects__item:nth-child(4n + 2), .landing-projects__item:nth-child(4n + 3) { margin-top: 24px; }
    .landing-projects__intro { margin-bottom: 64px; }
    .landing-projects__emblem { width: 140px; }
    .landing-projects__emblem--logo { left: -42px; top: -44px; }
    .landing-projects__emblem--star { width: 112px; right: -32px; top: -34px; }
    .landing-projects__emblem--logo-bottom { width: 112px; left: -36px; bottom: 12px; }
}
@media (max-width: 767px) {
    .landing-projects__intro { margin-bottom: 64px; }
    .landing-projects__grid { grid-template-columns: minmax(0, 1fr); gap: 56px; }
    .landing-projects__item:nth-child(n) { margin-top: 0; }
    .landing-projects__emblem { width: clamp(100px, 29vw, 124px); }
    .landing-projects__emblem--logo { left: -30px; top: -36px; }
    .landing-projects__emblem--star { width: clamp(88px, 24vw, 104px); right: -24px; top: -28px; }
    .landing-projects__emblem--logo-bottom { width: clamp(92px, 25vw, 108px); left: -28px; bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .landing-projects__canvas { display: none; }
    .landing-projects[data-emblems-ready] .landing-projects__emblem img { visibility: visible; }
}