.project-list {
    --row-gap: 0vw;
    --column-gap: 8vw;
    --side-padding: var(--main-layout-side-padding);
    --padding-bottom: 21.3333333333vw;
    --padding-top: 2.6666666667vw;
    --margin-bottom: -21.3333333333vw;
    --flex-wrap: nowrap;
    --overflow-x: scroll
}

@media(min-width: 720px) {
    .project-list {
        --row-gap:0vw;
        --column-gap: 4.140625vw;
        --side-padding: var(--main-layout-side-padding);
        --padding-bottom: 12.5vw;
        --padding-top: 0.9375vw;
        --margin-bottom: -12.5vw;
        --flex-wrap: nowrap;
        --overflow-x: scroll
    }
}

@media(min-width: 1281px) {
    .project-list {
        --row-gap:2.9166666667vw;
        --column-gap: 2.7604166667vw;
        --side-padding: 0;
        --padding-bottom: 8.3333333333vw;
        --padding-top: 0.625vw;
        --margin-bottom: -8.3333333333vw;
        --flex-wrap: wrap;
        --overflow-x: visible
    }
}

@media(min-width: 2400px) {
    .project-list {
        --row-gap:70px;
        --column-gap: 66.25px;
        --side-padding: 0;
        --padding-bottom: 200px;
        --padding-top: 15px;
        --margin-bottom: -200px;
        --flex-wrap: wrap;
        --overflow-x: visible
    }
}

.project-list {
    width: 100%;
    display: flex;
    flex-wrap: var(--flex-wrap);
    justify-content: flex-start;
    row-gap: var(--row-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: var(--padding-top) var(--side-padding) var(--padding-bottom);
    margin-bottom: var(--margin-bottom);
    overflow-x: var(--overflow-x)
}

.project-list::-webkit-scrollbar {
    display: none
}

.project-tile {
    --width: 82.1333333333vw;
    --border-radius: 4vw;
    --content-padding-top: 4.2666666667vw;
    --content-padding-bottom: 6.4vw;
    --side-padding: 4.2666666667vw
}

@media(min-width: 720px) {
    .project-tile {
        --width:39.6875vw;
        --border-radius: 2.5vw;
        --content-padding-top: 1.25vw;
        --content-padding-bottom: 1.875vw;
        --side-padding: 3.125vw
    }
}

@media(min-width: 1281px) {
    .project-tile {
        --width:26.4583333333vw;
        --border-radius: 1.6666666667vw;
        --content-padding-top: 0.8333333333vw;
        --content-padding-bottom: 1.25vw;
        --side-padding: 2.0833333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile {
        --width:635px;
        --border-radius: 40px;
        --content-padding-top: 20px;
        --content-padding-bottom: 30px;
        --side-padding: 50px
    }
}

.project-tile {
    display: block;
    width: var(--width);
    flex-shrink: 0;
    border-radius: var(--border-radius);
    background-color: var(--color-clear-white);
    position: relative;
    transition: transform .3s ease-in-out;
    box-shadow: var(--card-shadow)
}

.project-tile__cover-preloader {
    position: absolute;
    left: -10000px;
    top: -10000px;
    width: 1px;
    height: 1px
}

.project-tile__live-stream {
    --height: 8vw;
    --top: 5.0666666667vw;
    --left: 5.0666666667vw
}

@media(min-width: 720px) {
    .project-tile__live-stream {
        --height:2.34375vw;
        --top: 1.484375vw;
        --left: 1.484375vw
    }
}

@media(min-width: 1281px) {
    .project-tile__live-stream {
        --height:1.5625vw;
        --top: 0.9895833333vw;
        --left: 0.9895833333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__live-stream {
        --height:37.5px;
        --top: 23.75px;
        --left: 23.75px
    }
}

.project-tile__live-stream {
    height: var(--height);
    gap: var(--gap);
    display: flex;
    align-items: center;
    position: absolute;
    top: var(--top);
    left: var(--left);
    z-index: 2
}

.project-tile__live-stream-button {
    --padding: 2.1333333333vw;
    --border-radius: 7.2vw
}

@media(min-width: 720px) {
    .project-tile__live-stream-button {
        --padding:0.625vw;
        --border-radius: 2.109375vw
    }
}

@media(min-width: 1281px) {
    .project-tile__live-stream-button {
        --padding:0.4166666667vw;
        --border-radius: 1.40625vw
    }
}

@media(min-width: 2400px) {
    .project-tile__live-stream-button {
        --padding:10px;
        --border-radius: 33.75px
    }
}

.project-tile__live-stream-button {
    background-color: var(--color-clear-white);
    padding: var(--padding);
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 4px hsla(0,0%,100%,.07);
    background: #fff
}

.project-tile__live-stream-button .button__text {
    color: var(--color-dark-water)
}

.project-tile__live-stream-text {
    --width: 53.3333333333vw
}

@media(min-width: 720px) {
    .project-tile__live-stream-text {
        --width:15.625vw
    }
}

@media(min-width: 1281px) {
    .project-tile__live-stream-text {
        --width:10.4166666667vw
    }
}

@media(min-width: 2400px) {
    .project-tile__live-stream-text {
        --width:250px
    }
}

.project-tile__live-stream-text {
    width: var(--width)
}

.project-tile__brainbox-label {
    --width: 22.1333333333vw;
    --top: -1.0666666667vw;
    --right: -1.0666666667vw
}

@media(min-width: 720px) {
    .project-tile__brainbox-label {
        --width:10.15625vw;
        --top: -0.46875vw;
        --right: -0.46875vw
    }
}

@media(min-width: 1281px) {
    .project-tile__brainbox-label {
        --width:6.7708333333vw;
        --top: -0.3125vw;
        --right: -0.3125vw
    }
}

@media(min-width: 2400px) {
    .project-tile__brainbox-label {
        --width:162.5px;
        --top: -7.5px;
        --right: -7.5px
    }
}

.project-tile__brainbox-label {
    width: var(--width);
    position: absolute;
    top: var(--top);
    right: var(--right);
    z-index: 2
}

.project-tile__multygrow-label {
    --width: 22.1333333333vw;
    --top: -1.0666666667vw;
    --left: -1.0666666667vw
}

@media(min-width: 720px) {
    .project-tile__multygrow-label {
        --width:10.15625vw;
        --top: -0.46875vw;
        --left: -0.46875vw
    }
}

@media(min-width: 1281px) {
    .project-tile__multygrow-label {
        --width:6.7708333333vw;
        --top: -0.3125vw;
        --left: -0.3125vw
    }
}

@media(min-width: 2400px) {
    .project-tile__multygrow-label {
        --width:162.5px;
        --top: -7.5px;
        --left: -7.5px
    }
}

.project-tile__multygrow-label {
    width: var(--width);
    position: absolute;
    top: var(--top);
    left: var(--left);
    z-index: 2
}

.project-tile__countdown {
    --top: 10.6666666667vw
}

@media(min-width: 720px) {
    .project-tile__countdown {
        --top:3.125vw
    }
}

@media(min-width: 1281px) {
    .project-tile__countdown {
        --top:2.0833333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__countdown {
        --top:50px
    }
}

.project-tile__countdown {
    position: absolute;
    top: var(--top);
    right: 0;
    transform: scale(.8);
    z-index: 1;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border: none!important;
    transform-origin: right top
}

.project-tile__cover {
    --height: 32vw
}

@media(min-width: 720px) {
    .project-tile__cover {
        --height:15.46875vw
    }
}

@media(min-width: 1281px) {
    .project-tile__cover {
        --height:10.3125vw
    }
}

@media(min-width: 2400px) {
    .project-tile__cover {
        --height:247.5px
    }
}

.project-tile__cover {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    height: var(--height);
    overflow: hidden;
    position: relative
}

.project-tile__logo {
    --height: 8vw;
    --bottom: 3.4666666667vw
}

@media(min-width: 720px) {
    .project-tile__logo {
        --height:3.125vw;
        --bottom: 1.5625vw
    }
}

@media(min-width: 1281px) {
    .project-tile__logo {
        --height:1.5625vw;
        --bottom: 1.0416666667vw
    }
}

@media(min-width: 2400px) {
    .project-tile__logo {
        --height:37.5px;
        --bottom: 25px
    }
}

.project-tile__logo {
    height: var(--height);
    left: var(--side-padding);
    bottom: var(--bottom);
    position: absolute
}

.project-tile__logo img {
    width: auto;
    height: 100%
}

.project-tile__founder {
    --width: 13.3333333333vw;
    --right: 5.0666666667vw;
    --top: 28.5333333333vw;
    --border-width: 1.3333333333vw
}

@media(min-width: 720px) {
    .project-tile__founder {
        --width:7.65625vw;
        --right: 2.734375vw;
        --top: 13.28125vw;
        --border-width: 0.390625vw
    }
}

@media(min-width: 1281px) {
    .project-tile__founder {
        --width:5.1041666667vw;
        --right: 1.8229166667vw;
        --top: 8.8541666667vw;
        --border-width: 0.2604166667vw
    }
}

@media(min-width: 2400px) {
    .project-tile__founder {
        --width:122.5px;
        --right: 43.75px;
        --top: 212.5px;
        --border-width: 6.25px
    }
}

.project-tile__founder {
    width: var(--width);
    height: var(--width);
    border-radius: var(--width);
    right: var(--right);
    top: var(--top);
    border: var(--border-width) solid var(--color-clear-white);
    overflow: hidden;
    position: absolute
}

.project-tile__content {
    --height: 87.2vw
}

@media(min-width: 720px) {
    .project-tile__content {
        --height:33.59375vw
    }
}

@media(min-width: 1281px) {
    .project-tile__content {
        --height:21.4583333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__content {
        --height:515px
    }
}

.project-tile__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    padding: var(--content-padding-top) 0 var(--content-padding-bottom);
    height: var(--height)
}

.project-tile__approve-label {
    opacity: .5
}

.project-tile__approve-label,.project-tile__title {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}

.project-tile__tags {
    --margin-top: 2.6666666667vw
}

@media(min-width: 720px) {
    .project-tile__tags {
        --margin-top:1.40625vw
    }
}

@media(min-width: 1281px) {
    .project-tile__tags {
        --margin-top:0.9375vw
    }
}

@media(min-width: 2400px) {
    .project-tile__tags {
        --margin-top:22.5px
    }
}

.project-tile__tags {
    margin-top: var(--margin-top);
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}

.project-tile__description {
    --margin-top: 3.2vw;
    --height: 10.6666666667vw
}

@media(min-width: 720px) {
    .project-tile__description {
        --margin-top:1.25vw;
        --height: 4.6875vw
    }
}

@media(min-width: 1281px) {
    .project-tile__description {
        --margin-top:0.8333333333vw;
        --height: 3.125vw
    }
}

@media(min-width: 2400px) {
    .project-tile__description {
        --margin-top:20px;
        --height: 75px
    }
}

.project-tile__description {
    height: var(--height);
    margin-top: var(--margin-top);
    color: var(--color-wetty-asphalt)
}

.project-tile__data-summary,.project-tile__description {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}

.project-tile__footer {
    --padding-top: 2.1333333333vw
}

@media(min-width: 720px) {
    .project-tile__footer {
        --padding-top:1.25vw
    }
}

@media(min-width: 1281px) {
    .project-tile__footer {
        --padding-top:0.8333333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__footer {
        --padding-top:20px
    }
}

.project-tile__footer {
    border-top: 1px solid var(--color-paper-white);
    margin: 0 var(--side-padding) 0 var(--side-padding);
    padding: var(--padding-top) 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.project-tile__investors {
    --gap: 1.0666666667vw
}

@media(min-width: 720px) {
    .project-tile__investors {
        --gap:0.3125vw
    }
}

@media(min-width: 1281px) {
    .project-tile__investors {
        --gap:0.2083333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__investors {
        --gap:5px
    }
}

.project-tile__investors {
    display: flex;
    flex-direction: column;
    gap: var(--gap)
}

.project-tile__investors-label {
    opacity: .5
}

.project-tile__more-label {
    color: var(--color-wetty-asphalt);
    opacity: .3;
    transition: opacity .3s ease-in-out
}

.project-tile__project-notices {
    --gap: 2.6666666667vw
}

@media(min-width: 720px) {
    .project-tile__project-notices {
        --gap:0.78125vw
    }
}

@media(min-width: 1281px) {
    .project-tile__project-notices {
        --gap:0.5208333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__project-notices {
        --gap:12.5px
    }
}

.project-tile__project-notices {
    display: flex;
    gap: var(--gap);
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}

.project-tile__project-notice {
    --gap: 3.2vw;
    --height: 5.8666666667vw
}

@media(min-width: 720px) {
    .project-tile__project-notice {
        --gap:0.9375vw;
        --height: 2.1875vw
    }
}

@media(min-width: 1281px) {
    .project-tile__project-notice {
        --gap:0.625vw;
        --height: 1.4583333333vw
    }
}

@media(min-width: 2400px) {
    .project-tile__project-notice {
        --gap:15px;
        --height: 35px
    }
}

.project-tile__project-notice {
    min-width: 50%;
    display: flex;
    align-items: center;
    gap: var(--gap);
    height: var(--height)
}

.project-tile__project-notice-icon {
    --height: 5.3333333333vw
}

@media(min-width: 720px) {
    .project-tile__project-notice-icon {
        --height:1.875vw
    }
}

@media(min-width: 1281px) {
    .project-tile__project-notice-icon {
        --height:1.25vw
    }
}

@media(min-width: 2400px) {
    .project-tile__project-notice-icon {
        --height:30px
    }
}

.project-tile__project-notice-icon {
    height: var(--height);
    width: auto
}

.project-tile__project-notice-text {
    opacity: .7
}

.project-tile:hover {
    transform: scale(1.02)
}

.project-tile:hover .project-tile__more-label {
    opacity: 1
}

.project-tile:hover .project-tile__countdown {
    transform: scale(1)
}