/* iiSHEEG Hero Fourth Community Card V1.3 */

.ii-hero{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
}

.ii-hero > *{
    min-width:0;
    height:100%;
}

.ii-hero-community-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
    padding:17px;
    border:1px solid rgba(94,234,212,.34);
    border-radius:14px;
    background:
        radial-gradient(circle at 88% 8%,rgba(20,184,166,.13),transparent 38%),
        linear-gradient(145deg,rgba(22,54,75,.98),rgba(10,29,48,.98));
    box-shadow:0 16px 32px rgba(0,0,0,.12);
}

.ii-community-card-head{
    min-height:112px;
}

.ii-community-kicker{
    display:block;
    margin-bottom:6px;
    color:#5eead4;
    font-size:9px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ii-hero-community-card h2{
    margin:0 0 8px;
    color:#fff;
    font-size:20px;
    font-weight:850;
    line-height:1.12;
}

.ii-hero-community-card p{
    margin:0;
    color:rgba(255,255,255,.73);
    font-size:11px;
    line-height:1.52;
}

.ii-community-map{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:116px;
    margin-top:9px;
    padding:7px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:
        radial-gradient(circle at 50% 45%,rgba(20,184,166,.12),transparent 58%),
        rgba(3,10,18,.30);
    overflow:hidden;
}

.ii-community-map svg{
    display:block;
    width:100%;
    max-height:115px;
}

.ii-map-label{
    fill:#fff;
    font-size:22px;
    font-weight:900;
    letter-spacing:5px;
    opacity:.92;
}

.ii-map-dot{
    fill:#f2c86b;
}

.ii-map-pulse{
    fill:none;
    stroke:#f2c86b;
    stroke-width:3;
    opacity:.65;
    transform-origin:318px 171px;
    animation:iiMapPulse 2.2s ease-out infinite;
}

.ii-community-video-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:9px;
}

.ii-community-video-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:0;
    min-height:30px;
    padding:5px 6px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.72);
    font-size:9px;
    font-weight:800;
    text-decoration:none;
}

.ii-community-video-links a span{
    color:#5eead4;
    font-size:8px;
}

.ii-community-video-links a:hover{
    border-color:rgba(94,234,212,.40);
    background:rgba(20,184,166,.16);
    color:#fff;
}

.ii-community-card-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:auto;
    padding-top:10px;
    color:rgba(255,255,255,.48);
    font-size:8px;
    line-height:1.4;
}

.ii-community-card-foot a{
    flex:0 0 auto;
    color:#5eead4;
    font-size:9px;
    font-weight:800;
    text-decoration:none;
}

.ii-community-card-foot a:hover{
    text-decoration:underline;
    text-underline-offset:3px;
}

@keyframes iiMapPulse{
    0%{
        transform:scale(.55);
        opacity:.75;
    }
    100%{
        transform:scale(2.4);
        opacity:0;
    }
}

@media(max-width:1180px){
    .ii-hero{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:680px){
    .ii-hero{
        grid-template-columns:1fr!important;
    }

    .ii-community-card-head{
        min-height:0;
    }

    .ii-hero-community-card h2{
        font-size:23px;
    }

    .ii-hero-community-card p{
        font-size:13px;
    }

    .ii-community-video-links a{
        font-size:11px;
    }
}

@media(prefers-reduced-motion:reduce){
    .ii-map-pulse{
        animation:none!important;
    }
}