.kk-social{background:var(--kk-warm-card);font-family:var(--kk-font-sans);overflow:hidden}.kk-social__header{margin-bottom:clamp(24px,3.6vw,48px);padding:0 4px;text-align:center}.kk-social .kk-eyebrow--sm{margin-bottom:12px;letter-spacing:.2em;color:var(--kk-terracotta)}.kk-social__heading{margin:0 0 12px;font-family:var(--kk-font-display);font-size:var(--kk-section-title);font-weight:700;line-height:1.1;color:var(--kk-brown)}@media screen and (max-width:749px){.kk-social__sub{font-size:14px;padding:0 8px}}.kk-social__sub{margin:0 auto;max-width:none;font-size:16px;line-height:1.625;color:var(--kk-warm-fg);text-align:center}.kk-social__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(110px,30vw,180px);gap:clamp(8px,2vw,16px)}@media screen and (min-width:768px){.kk-social__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,1fr);grid-auto-rows:unset;height:clamp(460px,44vw,820px)}}.kk-social-tile{position:relative;display:block;overflow:hidden;border-radius:var(--kk-radius-sm);background:var(--kk-warm-muted);text-decoration:none;cursor:pointer}.kk-social-tile--span-2{grid-row:span 2}.kk-social-tile__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.kk-social-tile:hover .kk-social-tile__img{transform:scale(1.05)}.kk-social-tile__hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--kk-brown-rgb),0);color:#fff;opacity:1;pointer-events:none;transition:background .3s ease}.kk-social-tile__hover svg{width:28px;height:28px;opacity:0;transition:opacity .3s ease}.kk-social-tile:hover .kk-social-tile__hover{background:rgba(var(--kk-brown-rgb),.3)}.kk-social-tile:hover .kk-social-tile__hover svg{opacity:1}div.kk-social-tile{cursor:default}.kk-social-tile__hover{flex-direction:column;gap:10px}.kk-social-tile__hover-label{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.kk-social-tile:hover .kk-social-tile__hover-label,.kk-social-tile:focus-visible .kk-social-tile__hover-label{opacity:1;transform:none}.kk-social-tile:focus-visible{outline:2px solid var(--kk-terracotta);outline-offset:3px}.kk-social-tile:focus-visible .kk-social-tile__hover{background:rgba(var(--kk-brown-rgb),.3)}.kk-social-tile:focus-visible .kk-social-tile__hover svg{opacity:1}.kk-social__cta{margin-top:32px;text-align:center}@media screen and (min-width:1024px){.kk-social__cta{margin-top:40px}}.kk-social__ig{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid var(--kk-warm-border);border-radius:var(--kk-radius-sm);background:transparent;font-size:14px;font-weight:600;letter-spacing:.025em;color:var(--kk-brown);text-decoration:none;transition:border-color .2s ease,color .2s ease}.kk-social__ig:hover{border-color:var(--kk-terracotta);color:var(--kk-terracotta)}.kk-social__ig svg{width:16px;height:16px;flex-shrink:0}.kk-social__ig-arrow{display:inline-block;transition:transform .2s ease}.kk-social__ig:hover .kk-social__ig-arrow{transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kk-social.css.map */