.cia-section{position:relative}.cia-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:32px;flex-wrap:wrap}.cia-header__text{display:flex;flex-direction:column;gap:8px}.cia-kicker{display:inline-flex;font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-foreground-heading)}.cia-heading{font-family:var(--font-h2--family, var(--font-h1--family));font-size:clamp(28px,4vw,48px);font-weight:700;text-transform:uppercase;letter-spacing:-.5px;line-height:1.2;color:var(--color-foreground-heading)}.cia-header__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-primary, #FF3B30);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:color .2s cubic-bezier(.22,.61,.36,1);padding:8px 0;flex-shrink:0}.cia-header__link svg{transition:transform .2s cubic-bezier(.22,.61,.36,1)}.cia-header__link:hover{color:var(--color-primary-hover, #D62A20)}.cia-header__link:hover svg{transform:translate(4px)}.cia-grid{display:grid;grid-template-columns:repeat(var(--cia-cols, 3),1fr);gap:var(--cia-gap, 24px)}.cia-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.cia-card--hover:hover{transform:translateY(-6px)}.cia-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#0e0e10;border-radius:4px}.cia-card__thumb{-webkit-clip-path: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);clip-path: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)}.cia-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.cia-card__media--placeholder{width:100%;height:100%}.cia-card--hover:hover .cia-card__thumb .cia-card__media{transform:scale(1.05)}.cia-card__badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 10px;background-color:#fff;color:#0e0e10;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;-webkit-clip-path: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);clip-path: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)}.cia-card__badge--icon-only{width:36px;padding:0}.cia-card__overlay-text{position:absolute;bottom:12px;left:12px;right:12px;z-index:2;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cia-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--color-primary, #FF3B30);color:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.cia-card--hover:hover .cia-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.cia-card__info{display:flex;flex-direction:column;gap:4px;padding:0 4px}.cia-card__creator{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-primary, #FF3B30)}.cia-card__title{font-family:var(--font-paragraph--family, inherit);font-size:16px;font-weight:600;line-height:1.35;color:var(--color-foreground-heading);text-transform:none;letter-spacing:0;margin-top:4px}.cia-card__desc{font-size:14px;color:var(--color-foreground);line-height:1.6;opacity:.75}.cia-banner{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:var(--cia-banner-pad, 32px);background-color:var(--cia-banner-bg, color-mix(in srgb, var(--color-foreground) 5%, var(--color-background)));-webkit-clip-path: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);clip-path: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);flex-wrap:wrap}.cia-banner__text{display:flex;flex-direction:column;gap:6px}.cia-banner__title{font-family:var(--font-h2--family, var(--font-h1--family));font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:-.5px;color:var(--cia-banner-text, var(--color-foreground-heading))}.cia-banner__desc{font-size:15px;color:var(--cia-banner-text, var(--color-foreground));opacity:.75}.cia-banner__btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background-color:var(--cia-banner-btn-bg, var(--color-foreground-heading));color:var(--cia-banner-btn-text, var(--color-background));font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease;-webkit-clip-path: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);clip-path: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);flex-shrink:0}.cia-banner__btn:hover{background-color:var(--cia-banner-btn-hover-bg, var(--color-primary, #FF3B30));color:var(--cia-banner-btn-hover-text, #ffffff);transform:translateY(-2px)}@media screen and (max-width:1200px){.cia-grid{grid-template-columns:repeat(var(--cia-cols-tablet, 2),1fr);gap:var(--cia-gap-tablet, 24px)}}@media screen and (max-width:989px){.cia-heading{font-size:clamp(24px,5vw,36px)}}@media screen and (max-width:749px){.cia-header{flex-direction:column;align-items:flex-start}.cia-grid{grid-template-columns:repeat(var(--cia-cols-mobile, 1),1fr);gap:var(--cia-gap-mobile, 24px)}.cia-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:min(var(--cia-banner-pad, 32px),24px)}.cia-banner__btn{width:100%;justify-content:center;align-self:stretch}.cia-heading{font-size:clamp(22px,7vw,32px)}}.cc-reveal{opacity:0;will-change:opacity,transform}.cc-reveal.cc-revealed{animation:ccRevealIn .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--cc-reveal-delay, 0) * .11s)}@keyframes ccRevealIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cia-card,.cia-card__media,.cia-card__play,.cia-header__link{transition:none}.cc-reveal,.cc-reveal.cc-revealed{opacity:1;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/custom-community-in-action.css.map */