.project-section{padding-bottom:8px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{display:flex;flex-direction:column;padding:20px}.project-card.featured{border-color:var(--blush-strong)}.project-card header{min-height:24px;display:flex;justify-content:space-between;gap:8px}.project-card header span{padding:4px 8px;border-radius:999px;background:var(--blush);color:var(--blood);font-size:9px;font-weight:800}.project-card header small{margin-left:auto;color:var(--muted);font-size:10px}.project-card h3{margin:12px 0 7px;font-size:20px}.project-card>p{flex:1;color:var(--muted);font-size:12px;line-height:1.6}.project-progress{height:10px;overflow:hidden;border-radius:999px;background:var(--secondary)}.project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blood),#e44b53)}.project-totals{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:11px}.project-totals span{color:var(--muted);text-align:right}.project-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.selected-project{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin-bottom:18px;padding:14px;border:1px solid var(--blush-strong);border-radius:13px;background:var(--blush)}.selected-project small{grid-column:1/-1;color:var(--blood);font-size:9px;font-weight:800}.selected-project a{color:var(--blood);font-size:11px;font-weight:700}.project-detail-hero{padding:65px 0;background:linear-gradient(135deg,var(--navy),#243352);color:#fff}.project-detail-hero h1{max-width:760px;margin:10px 0;font-size:clamp(38px,6vw,60px)}.project-detail-hero p{max-width:700px;color:#fffd;line-height:1.7}.project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.project-story,.project-funding{padding:28px}.project-story div{color:var(--navy-soft);line-height:1.9}.project-funding{position:sticky;top:110px}.project-funding>span,.project-funding>small{display:block;color:var(--muted);font-size:11px}.project-funding>strong{display:block;margin:8px 0 2px;color:var(--blood);font-family:'Fraunces';font-size:40px}.project-funding .project-progress{margin:18px 0 8px}.project-funding .button-square{width:100%;margin-top:14px}.project-admin-create,.project-admin-row{padding:20px}.project-admin-create>summary,.project-admin-row>summary{cursor:pointer;font-weight:800}.project-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.project-admin-fields label{display:block;font-size:11px;font-weight:700}.project-admin-fields .wide{grid-column:1/-1}.project-admin-fields input:not([type=checkbox]),.project-admin-fields textarea,.project-admin-fields select{width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff}.project-admin-list{display:grid;gap:12px}.project-admin-row>summary{display:flex;justify-content:space-between;gap:12px}.project-admin-row summary small{display:block;margin-top:4px;color:var(--muted);font-weight:400}.project-admin-row summary i{color:var(--blood);font-style:normal}.project-admin-row>.project-progress{margin-top:14px}@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}.project-detail-layout{grid-template-columns:1fr}.project-funding{position:static}}@media(max-width:600px){.project-grid,.project-admin-fields{grid-template-columns:1fr}.project-admin-fields .wide{grid-column:auto}}

/* ==========================================================================
   HOMEPAGE DONATION PROJECTS & CAMPAIGNS SECTION
   ========================================================================== */
.home-projects-section {
    padding: 68px 0 76px;
    position: relative;
}
.home-projects-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 32px;
    flex-wrap: wrap;
    gap: 20px;
}
.home-projects-eyebrow {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 850;
    color: #e11d48;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 6px;
}
.home-projects-heading {
    font-size: clamp(26px, 3.2vw, 36px);
    font-weight: 850;
    color: #0f172a;
    letter-spacing: -0.025em;
    line-height: 1.2;
    margin: 0 0 8px;
}
.home-projects-sub {
    font-size: 15.5px;
    color: #64748b;
    max-width: 620px;
    line-height: 1.6;
    margin: 0;
}
.home-projects-viewall {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 999px;
    border: 1.5px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.home-projects-viewall:hover {
    border-color: #e11d48;
    color: #e11d48;
    background: #fff1f2;
    transform: translateX(3px);
}
.home-projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
}
.home-project-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px 26px;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
    position: relative;
    overflow: hidden;
}
.home-project-card:hover {
    transform: translateY(-6px);
    border-color: #f43f5e;
    box-shadow: 0 18px 36px -6px rgba(225, 29, 72, 0.14);
}
.home-project-card.featured {
    border-color: #fde68a;
    background: linear-gradient(180deg, #ffffff 0%, #fffdf7 100%);
}
.home-project-card.featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #f59e0b, #ef4444);
}
.home-project-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.home-project-badges {
    display: flex;
    align-items: center;
    gap: 6px;
}
.home-project-badge {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}
.badge-featured {
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
}
.badge-active {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}
.home-project-date {
    font-size: 12px;
    font-weight: 650;
    color: #94a3b8;
}
.home-project-content {
    flex: 1;
    margin-bottom: 20px;
}
.home-project-card-title {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
    margin: 0 0 8px;
}
.home-project-card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}
.home-project-card-title a:hover {
    color: #e11d48;
}
.home-project-summary {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.home-project-progress-wrap {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 20px;
}
.home-project-progress-bar {
    height: 10px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 12px;
}
.home-project-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #f43f5e, #be123c);
    transition: width 0.6s ease;
}
.home-project-stats-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}
.home-project-stats-row strong {
    display: block;
    font-size: 16px;
    font-weight: 850;
}
.stat-raised {
    color: #059669;
}
.stat-goal {
    color: #0f172a;
}
.home-project-stats-row small {
    font-size: 11.5px;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
}
.stat-percent-badge {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 11.5px;
    font-weight: 850;
}
.home-project-footer {
    display: flex;
    align-items: center;
    gap: 10px;
}
.btn-project-donate {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: linear-gradient(135deg, #e11d48, #be123c);
    color: #ffffff !important;
    font-weight: 800;
    font-size: 13.5px;
    padding: 10px 18px;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(190, 18, 60, 0.2);
    transition: all 0.2s ease;
}
.btn-project-donate:hover {
    background: linear-gradient(135deg, #f43f5e, #9f1239);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(190, 18, 60, 0.3);
}
.btn-project-details {
    padding: 10px 16px;
    background: #f8fafc;
    color: #334155;
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition: all 0.2s ease;
}
.btn-project-details:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}
@media(max-width: 768px) {
    .home-projects-grid {
        grid-template-columns: 1fr;
    }
}