.court-card {
    position: relative;
    background: var(--brand-green-dark);
    color: var(--brand-white);
    overflow: hidden;
}

.court-card__top {
    position: relative;
    background: var(--brand-green);
    min-height: 460px;
    padding: 36px 64px 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
}

.court-card.is-reverse .court-card__top {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
}

.court-card__head {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.court-card.is-reverse .court-card__head {
    align-items: flex-end;
    text-align: right;
}

.court-card__section-title {
    color: var(--brand-green-dark);
    font-size: var(--brand-font-xl);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.court-card__head .brand-tag-dark {
    font-size: var(--brand-font-xl);
    padding: 4px 18px;
}

.court-card__image {
    position: absolute;
    top: 40px;
    right: 48px;
    width: 72%;
    max-height: 485px;
    height: auto;
    object-fit: contain;
    object-position: top right;
    z-index: 5;
    pointer-events: none;
}

.court-card.is-reverse .court-card__image {
    right: auto;
    left: 48px;
    object-position: top left;
}

.court-card__bottom {
    padding: 0 64px 56px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

.court-card.is-reverse .court-card__bottom {
    align-items: flex-end;
    text-align: right;
}

.court-card__bottom h3 {
    margin: 0;
    color: var(--brand-white);
    font-size: var(--brand-font-2xl);
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.05;
}

.court-card__bottom p {
    margin: 0;
    font-size: var(--brand-font-md);
    line-height: 1.6;
    max-width: 720px;
    color: var(--brand-white);
}

@media (max-width: 900px) {
    .court-card__top {
        padding: 28px 24px 0;
        min-height: 300px;
        clip-path: polygon(0 0, 100% 0, 100% 78%, 0 58%);
    }
    .court-card.is-reverse .court-card__top {
        clip-path: polygon(0 0, 100% 0, 100% 58%, 0 78%);
    }
    .court-card__image { width: 88%; top: 50px; right: 24px; max-height: 320px; }
    .court-card.is-reverse .court-card__image { left: 24px; right: auto; }
    .court-card__bottom { padding: 0 24px 40px; }
}

@media (max-width: 480px) {
    .court-card__top {
        min-height: 380px;
        clip-path: polygon(0 0, 100% 0, 100% 75%, 0 60%);
    }
    .court-card.is-reverse .court-card__top {
        clip-path: polygon(0 0, 100% 0, 100% 60%, 0 75%);
    }
    .court-card__image { top: 130px; max-height: 320px; }
    .court-card.is-reverse .court-card__image { top: 90px; }
    .court-card__bottom { padding: 0 24px 40px; }
}