/* Real club photographs lead directly to the profiles; there is no live feed. */
.kwc-redesign .kwc2-social {
    width: calc(100% - var(--kwc2-gutter) * 2);
    max-width: var(--kwc2-width);
    margin: 0 auto;
    padding: var(--kwc2-section-space) 0;
    color: var(--kwc2-ink);
    font-family: var(--kwc2-body);
    text-align: left;
}

.kwc-redesign .kwc2-social__heading { margin-bottom: 32px; }
.kwc-redesign .kwc2-social .kwc2-social__eyebrow {
    margin: 0 0 16px;
    padding: 0;
    color: var(--kwc2-muted);
    font-family: var(--kwc2-body);
    font-size: var(--kwc2-eyebrow-size);
    font-weight: var(--kwc2-eyebrow-weight);
    line-height: 1.5;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kwc-redesign .kwc2-social #kwc2-social-title {
    margin: 0;
    padding: 0;
    color: var(--kwc2-ink);
    font-family: var(--kwc2-body);
    font-size: var(--kwc2-section-title);
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -.04em;
    text-transform: none;
}

.kwc-redesign .kwc2-social__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.kwc-redesign .kwc2-social-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--kwc2-card-radius);
    background: var(--kwc2-white);
    color: var(--kwc2-ink);
    text-decoration: none;
}

.kwc-redesign .kwc2-social-card__media { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: var(--kwc2-line); }
.kwc-redesign .kwc2-social-card__media::after { content: ''; position: absolute; inset: 0; background: #0000001f; pointer-events: none; }
.kwc-redesign .kwc2-social-card__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s cubic-bezier(.4, 0, .25, 1); }
.kwc-redesign .kwc2-social-card--club .kwc2-social-card__image { object-position: 50% 50%; }
.kwc-redesign .kwc2-social-card--juniors .kwc2-social-card__image { object-position: 50% 60%; }
.kwc-redesign .kwc2-social-card__body { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 20px; padding: var(--kwc2-card-padding); }
.kwc-redesign .kwc2-social-card__copy { min-width: 0; }

.kwc-redesign .kwc2-social-card h3 {
    margin: 0;
    padding: 0;
    color: var(--kwc2-ink);
    font-family: var(--kwc2-body);
    font-size: var(--kwc2-card-title);
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.04em;
    text-transform: none;
}

.kwc-redesign .kwc2-social-card p { margin: 9px 0 16px; padding: 0; color: var(--kwc2-muted); font-size: var(--kwc2-text-size); font-weight: 400; line-height: 1.6; letter-spacing: 0; }
.kwc-redesign .kwc2-social-card__handle { display: inline-flex; align-items: center; gap: 12px; color: var(--kwc2-ink); font-size: var(--kwc2-button-size); font-weight: 600; line-height: 1.5; }
.kwc-redesign .kwc2-social-card__handle svg { display: block; width: 32px; height: 32px; flex: 0 0 32px; color: var(--kwc2-red); stroke-width: 2; }
.kwc-redesign .kwc2-social-card__handle span { min-width: 0; overflow-wrap: anywhere; }
.kwc-redesign .kwc2-social-card__arrow { display: grid; place-items: center; width: var(--kwc2-link-circle); height: var(--kwc2-link-circle); flex: 0 0 var(--kwc2-link-circle); border: 1px solid var(--kwc2-line); border-radius: 50%; color: var(--kwc2-ink); transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.kwc-redesign .kwc2-social-card__arrow svg { display: block; width: var(--kwc2-arrow-size); height: var(--kwc2-arrow-size); }
.kwc-redesign .kwc2-social-card:hover { color: var(--kwc2-ink); }
.kwc-redesign .kwc2-social-card:hover .kwc2-social-card__arrow { color: var(--kwc2-white); background: var(--kwc2-red); border-color: var(--kwc2-red); }
.kwc-redesign .kwc2-social-card:focus-visible { outline: 3px solid var(--kwc2-red); outline-offset: 5px; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .kwc-redesign .kwc2-social-card:hover .kwc2-social-card__image { transform: scale(1.025); }
}

@media (max-width: 1000px) {
    .kwc-redesign .kwc2-social-card__body { gap: 14px; }
}

@media (max-width: 767px) {
    .kwc-redesign .kwc2-social__heading { margin-bottom: 24px; }
    .kwc-redesign .kwc2-social__grid { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 480px) {
    .kwc-redesign .kwc2-social-card__body { display: grid; grid-template-columns: minmax(0, 1fr) var(--kwc2-link-circle); gap: 0 12px; }
    .kwc-redesign .kwc2-social-card__copy { display: contents; }
    .kwc-redesign .kwc2-social-card h3 { grid-column: 1; }
    .kwc-redesign .kwc2-social-card :is(p, .kwc2-social-card__handle) { grid-column: 1 / -1; }
    .kwc-redesign .kwc2-social-card__arrow { grid-column: 2; grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .kwc-redesign .kwc2-social-card__image,
    .kwc-redesign .kwc2-social-card__arrow { transition: none; }
}