@font-face{font-family:Fraunces;src:url('../fonts/churches/Fraunces-Variable.ttf') format('truetype');font-display:swap}
.member-portal{--member-navy:#071436;--member-red:#a92e2c;--member-gold:#a98a45;--member-cream:#f5f0e6;display:grid;gap:2rem;color:#20283a}
.member-welcome{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:clamp(2rem,5vw,4.5rem);background:var(--member-navy);color:#fff;border-radius:1rem;box-shadow:0 24px 55px rgba(7,20,54,.15)}
.member-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:800;color:#c7a95d;margin:0 0 .75rem}
.member-welcome h1,.member-section-heading h2,.member-next-step h2{font-family:Fraunces,serif;font-weight:430;line-height:1;margin:0}
.member-welcome h1{font-size:clamp(3rem,6vw,5.5rem)}
.member-welcome p:not(.member-kicker){max-width:670px;color:#dce0ea;line-height:1.7;margin:1rem 0 0}
.member-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}
.member-actions a,.member-next-step>a{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;white-space:nowrap}
.member-actions a:hover{background:#fff;color:var(--member-navy)}
.member-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:2rem;align-items:end;margin:1.5rem 0}
.member-section-heading h2{font-size:clamp(2.4rem,4vw,4rem);color:var(--member-navy)}
.member-section-heading>p{line-height:1.7;color:#626775}
.commission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #ddd6c8;background:#fff;border-radius:.8rem;overflow:hidden}
.commission-card{padding:2rem;min-height:270px;border-right:1px solid #ddd6c8;display:flex;flex-direction:column;align-items:flex-start}
.commission-card:last-child{border-right:0}
.commission-card img{width:38px;height:38px;margin-bottom:2.5rem;filter:invert(11%) sepia(33%) saturate(1875%) hue-rotate(188deg) brightness(90%)}
.commission-card p{margin:0;color:var(--member-red);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.commission-card h3{font-family:Fraunces,serif;font-size:2rem;font-weight:470;margin:.5rem 0 1rem;color:var(--member-navy)}
.commission-card span{font-size:.82rem;line-height:1.55;color:#686b73;margin-top:auto}
.member-next-step{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.2fr) auto;align-items:center;gap:2rem;padding:2rem 2.5rem;background:var(--member-cream);border-left:4px solid var(--member-red)}
.member-next-step h2{font-size:2rem;color:var(--member-navy)}
.member-next-step>p{line-height:1.7;color:#5e625f}
.member-next-step>a{background:var(--member-red);border-color:var(--member-red)}
@media(max-width:1100px){.commission-grid{grid-template-columns:repeat(2,1fr)}.commission-card:nth-child(2){border-right:0}.commission-card:nth-child(-n+2){border-bottom:1px solid #ddd6c8}.member-next-step{grid-template-columns:1fr 1fr}.member-next-step>a{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.member-welcome{display:grid;align-items:start;padding:2rem 1.35rem}.member-actions{justify-content:flex-start}.member-section-heading{grid-template-columns:1fr}.commission-grid{grid-template-columns:1fr}.commission-card{border-right:0;border-bottom:1px solid #ddd6c8;min-height:220px}.commission-card:nth-child(3){border-bottom:1px solid #ddd6c8}.commission-card:last-child{border-bottom:0}.member-next-step{grid-template-columns:1fr;padding:1.5rem}.member-next-step>a{grid-column:auto}}