/* ==========================================================================
   About Us Cards
   3-column image card grid with white section header zone.
   Full-card links, FA icon + H3 centered over background image.
   ========================================================================== */

.rw-about-us-cards {
    padding-top:    var( --pad-top,    30px );
    padding-bottom: var( --pad-bottom, 30px );
    padding-left:   20px;
    padding-right:  20px;
    border-radius:  var( --rw-corners );
    overflow:       hidden;
}

/* ── Card Grid ──────────────────────────────────────────────────────────── */
.rw-auc-grid {
    display:    grid;
    gap:        2px;
    background: #ffffff; /* gap color */
}

.rw-auc-grid--1 { grid-template-columns: 1fr; }
.rw-auc-grid--2 { grid-template-columns: repeat( 2, 1fr ); }
.rw-auc-grid--3 { grid-template-columns: repeat( 3, 1fr ); }

.rw-auc-grid a:first-child {
    border-radius: 0 0 0 var( --rw-corners );
}

.rw-auc-grid a:last-child {
    border-radius: 0 0 var( --rw-corners ) 0;
}

/* Single card — both bottom corners */
.rw-auc-grid--1 a:first-child {
    border-radius: 0 0 var( --rw-corners ) var( --rw-corners );
}

/* ── Individual Card ────────────────────────────────────────────────────── */
.rw-auc-card {
    position:        relative;
    display:         block;
    height:          700px;
    overflow:        hidden;
    text-decoration: none;
}

/* Background image */
.rw-auc-card__bg {
    position:   absolute;
    inset:      0;
    width:      100%;
    height:     100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Base dark overlay */
.rw-auc-card::before {
    content:    '';
    position:   absolute;
    inset:      0;
    background: rgba( 0, 0, 0, 0.3 );
    z-index:    1;
    transition: background 0.3s ease;
}

/* Hover — deeper overlay + zoom image */
.rw-auc-card:hover::before {
    background: rgba( 0, 0, 0, 0.5 );
}

.rw-auc-card:hover .rw-auc-card__bg {
    transform: scale( 1.05 );
}

/* Content — icon + heading centered */
.rw-auc-card__content {
    position:        absolute;
    inset:           0;
    z-index:         2;
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    padding:         30px;
    text-align:      center;
}

.rw-auc-card__icon {
    color:         #ffffff;
    font-size:     48px;
    margin-bottom: 16px;
    line-height:   1;
}

.rw-auc-card__heading {
    color:       #ffffff;
    font-size:   30px;
    line-height: 1.2;
    margin:      0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media ( max-width: 1024px ) {

    .rw-auc-card {
        height: 450px;
    }

}

@media ( max-width: 992px ) {

    .rw-about-us-cards {
        padding-top:    calc( var( --pad-top,    20px ) / 2 );
        padding-bottom: calc( var( --pad-bottom, 20px ) / 2 );
    }

}

@media ( max-width: 768px ) {

    .rw-auc-grid,
    .rw-auc-grid--2,
    .rw-auc-grid--3 {
        grid-template-columns: 1fr;
    }

    .rw-auc-card {
        height: 350px;
    }

    .rw-auc-grid a:first-child {
        border-radius: 0;
    }

    .rw-auc-grid a:last-child {
        border-radius: 0 0 var( --rw-corners ) var( --rw-corners );
    }

}