.ContributionConnectProject{background:var(--color-white)}.ContributionConnectProject .ContributionConnectProject-inner{max-width:1280px;padding:var(--spacing-120)0;gap:var(--spacing-120);flex-direction:column;margin:0 auto;display:flex}.ContributionConnectProject .ContributionConnectProject-top{gap:var(--spacing-32);flex-direction:column;display:flex}.ContributionConnectProject .ContributionConnectProject-header{align-items:flex-start;gap:var(--spacing-16);flex-direction:column;display:flex}.ContributionConnectProject .ContributionConnectProject-label{font-family:var(--font-nanumSquareNeo);font-size:var(--font-size-16);color:var(--color-grey-400);font-weight:600;line-height:1.5}.ContributionConnectProject .ContributionConnectProject-title{font-family:var(--font-nanumSquareNeo);font-size:var(--font-size-48);color:var(--color-grey-900);font-weight:800;line-height:1.3}.ContributionConnectProject .ContributionConnectProject-description{font-family:var(--font-sans);font-size:var(--font-size-16);color:var(--color-grey-900);font-weight:500;line-height:1.6}.ContributionConnectProject .ContributionConnectProject-description p{margin:0}.ContributionConnectProject .ContributionConnectProject-cards{justify-content:center;align-items:flex-end;gap:var(--spacing-16);width:100%;display:flex}.ContributionConnectProject .ContributionConnectProject-videoCard{aspect-ratio:229/407.111;min-width:0;padding:var(--spacing-24);border-radius:16px;flex:1;align-items:flex-end;display:flex;position:relative;overflow:hidden}.ContributionConnectProject .ContributionConnectProject-videoCard video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ContributionConnectProject .ContributionConnectProject-card{aspect-ratio:229/407.111;min-width:0;padding:var(--spacing-24);border-radius:16px;flex:1;align-items:flex-end;display:flex;position:relative;overflow:hidden}.ContributionConnectProject .ContributionConnectProject-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ContributionConnectProject .ContributionConnectProject-card p{z-index:2;font-family:var(--font-nanumSquareNeo);font-size:var(--font-size-18);color:var(--color-white);text-shadow:0 0 8px #00000040;font-weight:600;line-height:1.5;position:relative}.ContributionConnectProject .ContributionConnectProject-journey{gap:var(--spacing-24);flex-direction:column;display:flex}.ContributionConnectProject .ContributionConnectProject-journeyTitle{font-family:var(--font-nanumSquareNeo);font-size:var(--font-size-24);color:var(--color-grey-900);text-align:center;font-weight:700;line-height:1.4}.ContributionConnectProject .ContributionConnectProject-journeyGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.ContributionConnectProject .ContributionConnectProject-journeyItem{aspect-ratio:1;border-radius:16px;margin:0;overflow:hidden}.ContributionConnectProject .ContributionConnectProject-journeyItem .ContributionConnectProject-journeyButton{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.ContributionConnectProject .ContributionConnectProject-journeyItem img{object-fit:cover;width:100%;height:100%;display:block}.ContributionConnectProject .ContributionConnectProject-lightbox{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ContributionConnectProject .ContributionConnectProject-lightboxPanel{aspect-ratio:1280/720;touch-action:none;border:1px solid #fff3;border-radius:24px;width:min(1280px,100%);position:relative;overflow:hidden}.ContributionConnectProject .ContributionConnectProject-lightboxImage{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .15s ease-out;display:block}.ContributionConnectProject .ContributionConnectProject-lightboxClose,.ContributionConnectProject .ContributionConnectProject-lightboxNav{width:48px;height:48px;color:var(--color-grey-900);cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;display:inline-flex;position:absolute}.ContributionConnectProject .ContributionConnectProject-lightboxClose{top:15px;right:15px}.ContributionConnectProject .ContributionConnectProject-lightboxNav{top:50%;transform:translateY(-50%)}.ContributionConnectProject .ContributionConnectProject-lightboxNav--prev{left:15px}.ContributionConnectProject .ContributionConnectProject-lightboxNav--next{right:15px}@media (max-width:1376px){.ContributionConnectProject .ContributionConnectProject-inner{max-width:100%;padding:var(--spacing-120)0}.ContributionConnectProject .ContributionConnectProject-header,.ContributionConnectProject .ContributionConnectProject-cards,.ContributionConnectProject .ContributionConnectProject-journey{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}}@media (max-width:768px){.ContributionConnectProject .ContributionConnectProject-inner{padding:var(--spacing-120)0}.ContributionConnectProject .ContributionConnectProject-top{gap:var(--spacing-32)}.ContributionConnectProject .ContributionConnectProject-header,.ContributionConnectProject .ContributionConnectProject-journey{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.ContributionConnectProject .ContributionConnectProject-cards{justify-content:flex-start;align-items:flex-end;gap:var(--spacing-12);padding-left:var(--spacing-16);padding-right:var(--spacing-16);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:auto hidden}.ContributionConnectProject .ContributionConnectProject-cards::-webkit-scrollbar{display:none}.ContributionConnectProject .ContributionConnectProject-videoCard,.ContributionConnectProject .ContributionConnectProject-card{border-radius:24px;flex:0 0 240px;width:240px}.ContributionConnectProject .ContributionConnectProject-journeyTitle{font-size:var(--font-size-24)}.ContributionConnectProject .ContributionConnectProject-journeyGrid{gap:var(--spacing-8);grid-template-columns:repeat(2,minmax(0,1fr))}.ContributionConnectProject .ContributionConnectProject-lightbox{padding:var(--spacing-16)}.ContributionConnectProject .ContributionConnectProject-lightboxPanel{aspect-ratio:1}.ContributionConnectProject .ContributionConnectProject-lightboxClose,.ContributionConnectProject .ContributionConnectProject-lightboxNav{width:var(--spacing-40);height:var(--spacing-40);font-size:var(--font-size-24)}}
