.ccn{--ccn-clip: polygon( 10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px) , 0% 10px );--ccn-card-bg: color-mix(in srgb, var(--color-foreground) 7%, var(--color-background));--ccn-muted: color-mix(in srgb, var(--color-foreground) 55%, var(--color-background));--ccn-desc: color-mix(in srgb, var(--color-foreground) 78%, var(--color-background));--ccn-cta: var(--color-primary, #ff3b30)}.ccn__container{width:100%;max-width:var(--page-width, 1400px);margin-inline:auto;padding-inline:var(--page-margin, 20px)}.ccn--width-full .ccn__container{max-width:none}.ccn--width-narrow .ccn__container{max-width:1100px}.ccn__header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}.ccn__header-text{display:flex;flex-direction:column;gap:8px}.ccn__kicker{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary, #ff3b30)}.ccn__title{margin:0;font-family:var(--font-h2--family, var(--font-h1--family));font-size:var(--ccn-title-size, 2.75rem);font-weight:700;text-transform:uppercase;line-height:1.05;color:var(--color-foreground-heading)}.ccn__social{display:flex;gap:8px;flex-shrink:0}.ccn__social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-foreground-heading);background-color:color-mix(in srgb,var(--color-foreground) 8%,var(--color-background));transition:background-color .2s ease,color .2s ease,transform .2s ease}.ccn__social-link:hover{background-color:var(--color-primary, #ff3b30);color:#fff;transform:translateY(-2px)}.ccn__grid{display:grid;grid-template-columns:repeat(var(--ccn-cols, 3),1fr);column-gap:var(--ccn-gap-x, 32px);row-gap:var(--ccn-gap-y, 32px)}.ccn__empty{grid-column:1 / -1;padding:32px;text-align:center;color:var(--ccn-muted);background-color:var(--ccn-card-bg)}.ccn-card{position:relative;display:flex;flex-direction:column;background-color:var(--ccn-card-bg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.ccn-card__media{position:relative;width:100%;aspect-ratio:var(--ccn-img-ratio, 16 / 10);overflow:hidden;background-color:color-mix(in srgb,var(--color-foreground) 10%,var(--color-background))}.ccn-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ccn--corners-chamfer .ccn-card,.ccn--corners-chamfer .ccn-tag,.ccn--corners-chamfer .ccn__social-link{clip-path:var(--ccn-clip)}.ccn--corners-rounded .ccn-card{border-radius:var(--ccn-radius, 12px)}.ccn--corners-rounded .ccn-tag,.ccn--corners-rounded .ccn__social-link{border-radius:8px}.ccn--hover-shadow .ccn-card:hover{transform:translateY(-6px);box-shadow:8px 8px 0 var(--color-foreground-heading)}.ccn--hover-lift .ccn-card:hover{transform:translateY(-6px)}.ccn--zoom .ccn-card:hover .ccn-card__img{transform:scale(1.04)}.ccn-tag{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;padding:6px 12px;font-family:var(--font-h2--family, var(--font-h1--family));font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background-color:var(--color-foreground-heading)}.ccn-tag--collab{background-color:#4ecdc4;color:#0e0e10}.ccn-tag--drop{background-color:var(--color-primary, #ff3b30);color:#fff}.ccn-tag--bts{background-color:var(--color-primary-button-background, #ffc83d);color:#0e0e10}.ccn-card__body{display:flex;flex-direction:column;gap:12px;padding:24px}.ccn-card__date{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ccn-muted)}.ccn-card__date-icon{flex-shrink:0}.ccn-card__title{margin:0;font-family:var(--font-h2--family, var(--font-h1--family));font-size:1.375rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15;color:var(--color-foreground-heading)}.ccn-card__desc{margin:0;font-size:.875rem;line-height:1.6;color:var(--ccn-desc)}.ccn-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ccn-cta, var(--color-primary, #ff3b30));transition:gap .15s ease,color .15s ease}.ccn-card__link:hover{gap:12px;color:var(--color-primary-hover, #d62a20)}.ccn-card__arrow{flex-shrink:0}.ccn-card--linked .ccn-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ccn--align-center .ccn-card__body{align-items:center;text-align:center}.ccn--align-center .ccn__header-text{align-items:flex-start}@media screen and (max-width:989px){.ccn__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.ccn__grid{grid-template-columns:repeat(var(--ccn-cols-mobile, 1),1fr)}.ccn__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.ccn--carousel-mobile .ccn__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--page-margin, 20px));padding-inline:var(--page-margin, 20px)}.ccn--carousel-mobile .ccn__grid::-webkit-scrollbar{display:none}.ccn--carousel-mobile .ccn-card{flex:0 0 82%;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/custom-community-news.css.map */