/* ========================================================================
   MEMBERSHIP — PAGE-SPECIFIC BODY LAYOUT
   File: /assets/css/membership.css
   X1/G1 controls the shared hero.
   ======================================================================== */
.aauw-membership-page{--m-blue:#052a4f;--m-green:#67873a;--m-green-dark:#55752f;--m-text:#23313e;--m-muted:#5f6d79}
.membership-container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.membership-floral{height:100px;display:flex;align-items:center;justify-content:center;background:#fff}
.membership-floral span{display:block;width:min(600px,72vw);height:286px;background:url("../images/backgrounds/membership-floral.png") center/contain no-repeat}
.membership-section{padding:34px 0 42px}
.membership-benefits{background:linear-gradient(180deg,#fff 0%,#fafcf7 100%)}
.membership-actions{background:linear-gradient(180deg,#f4f7f8 0%,#fff 100%)}
.membership-section-heading{max-width:900px;margin:0 auto 24px;text-align:center}
.membership-kicker{margin:0 0 8px!important;color:var(--m-green)!important;font-family:Montserrat,Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.15em!important;text-transform:uppercase!important}
.membership-section-heading h2{margin:0!important;color:var(--m-blue)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:36px!important;line-height:1.12!important}
.membership-intro{max-width:700px;margin:10px auto 0!important;color:#53677a;font-size:16px;line-height:1.55}
.membership-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.membership-benefit-card{min-height:250px;padding:26px 22px 24px;text-align:center;background:#fff;border:1px solid #d6e0e3;border-radius:7px;box-shadow:0 5px 15px rgba(8,34,59,.06)}
.membership-benefit-card h3,.membership-action-card h3{margin:14px 0 10px!important;color:var(--m-blue)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:23px!important;line-height:1.15!important}
.membership-benefit-card p,.membership-action-card p{margin:0!important;color:#53677a;font-size:15px;line-height:1.55}
.membership-icon,.membership-action-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;background:#eef4e6;position:relative}
.membership-icon::before,.membership-action-icon::before{position:absolute;inset:0;display:grid;place-items:center;color:var(--m-green);font-size:30px;font-family:Arial,sans-serif;font-weight:700}


/* ========================================================================
   MEMBERSHIP BENEFIT ICONS — PNG
   Files: /assets/images/membership/
   ======================================================================== */

.membership-icon::before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.membership-icon--connections::before{
    background-image:url("../images/membership/membership-build-connections.png");
}

.membership-icon--learning::before{
    background-image:url("../images/membership/membership-keep-learning.png");
}

.membership-icon--impact::before{
    background-image:url("../images/membership/membership-create-impact.png");
}

.membership-icon--voice::before{
    background-image:url("../images/membership/membership-use-your-voice.png");
}


.membership-section-heading--lined{position:relative}
.membership-section-heading--lined::before,.membership-section-heading--lined::after{content:"";position:absolute;top:48px;width:160px;height:1px;background:#9eb17f}
.membership-section-heading--lined::before{left:-150px}.membership-section-heading--lined::after{right:-150px}
.membership-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.membership-action-card{display:flex;flex-direction:column;min-height:350px;padding:28px 28px 24px;text-align:center;background:#fff;border:1px solid #cfdbe0;border-radius:7px;box-shadow:0 5px 15px rgba(8,34,59,.07)}


/* ========================================================================
   MEMBERSHIP ACTION ICONS — PNG
   Files: /assets/images/membership/
   ======================================================================== */

.membership-action-icon{
    width:86px;
    height:86px;
    margin:0 auto;
    position:relative;
    background:transparent;
    border-radius:0;
}

.membership-action-icon::before{
    content:"";
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.membership-action-icon--join::before{
    background-image:url("../images/membership/membership-join-branch.png");
}

.membership-action-icon--inquiry::before{
    background-image:url("../images/membership/membership-inquiry.png");
}

.membership-action-icon--renew::before{
    background-image:url("../images/membership/membership-renewal.png");
}


.membership-action-card p{margin-bottom:22px!important}
.membership-button{display:inline-block;margin-top:auto;align-self:center;padding:11px 20px;border-radius:5px;background:var(--m-green);color:#fff!important;font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:700;text-decoration:none!important}
.membership-button:hover,.membership-button:focus{background:var(--m-green-dark)}
.membership-closing{margin:28px 0 0!important;text-align:center;color:var(--m-blue);font-family:Georgia,"Times New Roman",serif;font-size:24px;font-style:italic;font-weight:700}
@media(max-width:900px){.membership-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-section-heading--lined::before,.membership-section-heading--lined::after{display:none}}
@media(max-width:760px){.membership-action-grid{grid-template-columns:1fr}.membership-action-card{min-height:0}.membership-floral{height:70px}.membership-floral span{height:68px}}
@media(max-width:520px){.membership-container{width:min(100% - 28px,1120px)}.membership-section{padding:28px 0 34px}.membership-benefit-grid{grid-template-columns:1fr}.membership-section-heading h2{font-size:30px!important}.membership-benefit-card{min-height:0}}