#community-fund-page {--teal:#302b50; --teal-2:#443b68; --pearl:#a8c5f3; --lavender:#c2c7e7; --pale-lavender:#f1eff8; --berry:#8a1e2d; --cream:#f7f5f8; --ink:#322f43; --muted:#69667a; --line:#dddce8; --white:#fff;}
#community-fund-page, #community-fund-page * {box-sizing:border-box;}
#community-fund-page {scroll-behavior:smooth;}
#community-fund-page {margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif;}
#community-fund-page a {color:inherit;}
#community-fund-page .hero {min-height:720px; background-color:#343052; background-image:url("https://centreofmaorisuicideprevention.com/wp-content/uploads/2026/08/centre-logo-corner-banner-1.png"); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; position:relative; overflow:hidden; display:flex; align-items:center;}
#community-fund-page .hero-layout {width:min(1120px,90vw); margin:auto; position:relative; z-index:1; padding:72px 0 68px; display:grid; grid-template-columns:minmax(0,1.38fr) minmax(360px,.82fr); gap:64px; align-items:center;}
#community-fund-page .hero-content {min-width:0;}
#community-fund-page .hero-aside {min-width:0; display:grid; gap:22px;}
#community-fund-page .hero-photo {margin:0; height:248px; overflow:hidden; border-radius:110px 4px 4px 4px; border:1px solid rgba(255,255,255,.3); box-shadow:0 24px 50px rgba(14,10,29,.25); position:relative;}
#community-fund-page .hero-photo:after {content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(48,43,80,.22)); pointer-events:none;}
#community-fund-page .hero-photo img {width:100%; height:100%; display:block; object-fit:cover; object-position:46% 55%;}
#community-fund-page .eyebrow, #community-fund-page .kicker {color:var(--berry); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase;}
#community-fund-page .eyebrow {color:var(--pearl);}
#community-fund-page h1 {max-width:850px; font-family:Georgia,serif; font-size:clamp(50px,6vw,82px); line-height:1.02; font-weight:400; letter-spacing:-.035em; margin:20px 0 24px;}
#community-fund-page h1 span {color:var(--pearl); font-style:italic;}
#community-fund-page .lead {max-width:700px; color:#e0e0ee; font-size:20px; line-height:1.65; margin:0;}
#community-fund-page .quick-links {display:flex; flex-direction:column; justify-content:center;}
#community-fund-page .quick-links>p {color:var(--lavender); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin:0 0 16px;}
#community-fund-page .quick-links>div {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
#community-fund-page .quick-links a {min-height:72px; padding:15px 17px; background:rgba(255,255,255,.08); border:1px solid rgba(194,199,231,.36); border-radius:10px; color:#fff; display:flex; align-items:flex-end; text-decoration:none; transition:.2s;}
#community-fund-page .quick-links a:hover {transform:translateY(-3px); background:rgba(168,197,243,.18); border-color:var(--pearl);}
#community-fund-page .quick-links strong {font:400 17px/1.15 Georgia,serif;}
#community-fund-page .quick-links .quick-apply {min-height:58px; margin-top:12px; padding:0 26px; align-items:center; justify-content:center; background:var(--berry); border-color:var(--berry); border-radius:10px;}
#community-fund-page .quick-links .quick-apply:hover {background:#a3263a; border-color:#a3263a;}
#community-fund-page .hero-actions {display:flex; gap:12px; margin-top:34px; flex-wrap:wrap;}
#community-fund-page .button {min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:26px; padding:0 25px; text-decoration:none; font-weight:800; border-radius:10px; font-size:14px; transition:background-color .2s,color .2s,border-color .2s,transform .2s;}
#community-fund-page .button.primary {background:var(--berry); color:#fff;}
#community-fund-page .button.primary:hover {background:#a02538;}
#community-fund-page .button.secondary {border:1px solid rgba(255,255,255,.65); color:#fff;}
#community-fund-page .button.secondary:hover, #community-fund-page .button.secondary:focus-visible {background:var(--pearl); border-color:var(--pearl); color:var(--teal); transform:translateY(-2px);}
#community-fund-page .dates {margin-top:62px; display:flex; align-items:center; gap:34px; color:#fff;}
#community-fund-page .dates div {display:grid; gap:5px; min-width:190px;}
#community-fund-page .dates small {color:var(--lavender); text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:800;}
#community-fund-page .dates strong {font-family:Georgia,serif; font-size:22px; font-weight:400;}
#community-fund-page .dates span {color:#dedfed; font-size:13px;}
#community-fund-page .dates .date-rule {min-width:1px; width:1px; height:55px; background:rgba(255,255,255,.25);}
#community-fund-page .section {width:min(1120px,90vw); margin:auto; padding:104px 0;}
#community-fund-page .intro {display:grid;grid-template-columns:1fr 1fr;gap:50px;}
#community-fund-page .intro h2, #community-fund-page .section-heading h2, #community-fund-page .process h2, #community-fund-page .faq h2, #community-fund-page .looking h2, #community-fund-page .resources h2, #community-fund-page .apply-panel h2 {font:400 clamp(36px,4vw,54px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:14px 0 0;color:var(--teal);}
#community-fund-page .intro-copy {color:var(--muted);font-size:16px;line-height:1.75;transform:translate(-28px,38px);}
#community-fund-page .intro-copy p:first-child {margin-top:0}
#community-fund-page .impact-strip {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;position:relative;background:linear-gradient(90deg,rgba(138,30,45,.065) 0%,rgba(138,30,45,.105) 14%,rgba(138,30,45,.12) 50%,rgba(138,30,45,.105) 86%,rgba(138,30,45,.065) 100%);}
#community-fund-page .impact-strip:before, #community-fund-page .impact-strip:after {content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(138,30,45,0),rgba(138,30,45,.28) 16%,rgba(138,30,45,.28) 84%,rgba(138,30,45,0))}
#community-fund-page .impact-strip:before {top:0}
#community-fund-page .impact-strip:after {bottom:0}
#community-fund-page .impact-strip div {padding:30px 20px;display:flex;align-items:center;gap:18px;border-right:1px solid rgba(138,30,45,.16)}
#community-fund-page .impact-strip div:last-child {border:0}
#community-fund-page .impact-strip strong {font:400 42px Georgia,serif;color:var(--berry)}
#community-fund-page .impact-strip span {font-size:12px;line-height:1.5;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
#community-fund-page .categories {background:#fff;padding-top:40px;}
#community-fund-page .section-heading {display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}
#community-fund-page .section-heading p {max-width:380px;color:var(--muted);line-height:1.6}
#community-fund-page .category-guidance {width:100%;margin:-8px 0 30px;padding:18px 24px;border:0;border-left:4px solid var(--berry);background:#f4f2f5;border-radius:0 10px 10px 0}
#community-fund-page .category-guidance strong {font:400 20px/1.3 Georgia,serif;color:var(--teal)}
#community-fund-page .category-guidance p {margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
#community-fund-page .card-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#community-fund-page .fund-card {border:1px solid #ddd8eb;border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;min-height:390px;transition:.25s;background:var(--pale-lavender);overflow:hidden}
#community-fund-page .fund-card:hover, #community-fund-page .fund-card:focus-within {transform:translateY(-4px);box-shadow:0 16px 36px rgba(48,43,80,.12);border-color:#bbb3d3}
#community-fund-page .card-funding {display:flex;flex-direction:column;align-items:flex-start;margin:0 0 28px}
#community-fund-page .card-funding small {text-transform:uppercase;letter-spacing:.13em;color:#77718d;font-size:10px;font-weight:800;margin-bottom:3px}
#community-fund-page .amount {font:400 46px/1 Georgia,serif;color:var(--berry)}
#community-fund-page .fund-card h3 {font:400 25px/1.15 Georgia,serif;color:var(--teal);min-height:58px}
#community-fund-page .fund-card>p {font-size:14px;line-height:1.65;color:var(--muted)}
#community-fund-page .card-reveal {margin-top:auto;opacity:0;transform:translateY(16px);transition:.25s}
#community-fund-page .fund-card:hover .card-reveal, #community-fund-page .fund-card:focus-within .card-reveal {opacity:1;transform:translateY(0)}
#community-fund-page .card-note {font-size:12px;line-height:1.5;background:rgba(255,255,255,.72);padding:12px;border-radius:7px;display:flex;gap:8px}
#community-fund-page .card-note span {color:var(--berry);font-weight:900}
#community-fund-page .card-reveal>a {display:block;margin-top:14px;padding-top:15px;border-top:1px solid #d5cfe4;font-weight:800;color:var(--teal);font-size:13px}
#community-fund-page .category-help {text-align:center;margin:28px 0 0;color:var(--muted);font-size:14px}
#community-fund-page .category-help a {color:var(--berry);font-weight:800}
#community-fund-page .looking {background:var(--teal);color:#fff}
#community-fund-page .looking-inner {display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
#community-fund-page .looking .light, #community-fund-page .resources .light, #community-fund-page .apply-panel .light {color:var(--pearl)}
#community-fund-page .looking h2, #community-fund-page .resources h2, #community-fund-page .apply-panel h2 {color:#fff}
#community-fund-page .looking-copy>p:not(.kicker) {color:#d7d7e7;line-height:1.7}
#community-fund-page .looking ul {list-style:none;padding:0;margin:28px 0}
#community-fund-page .looking li {padding:13px 0 13px 28px;border-bottom:1px solid rgba(255,255,255,.14);position:relative}
#community-fund-page .looking li:before {content:"✓";position:absolute;left:0;color:var(--pearl)}
#community-fund-page .priority-panel {background:var(--cream);color:var(--ink);padding:40px;border-radius:16px}
#community-fund-page .priority-panel h3 {font:400 24px/1.35 Georgia,serif;color:var(--teal);margin-bottom:24px}
#community-fund-page .priority-list>div {border-top:1px solid #d5d2c7;padding:15px 0}
#community-fund-page .priority-list p {margin:0}
#community-fund-page .priority-list strong, #community-fund-page .priority-list small {display:block}
#community-fund-page .priority-list small {color:var(--muted);margin-top:4px;line-height:1.4}
#community-fund-page .steps {list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
#community-fund-page .steps li {padding:28px 20px 20px 0;border-right:1px solid var(--line);margin-right:20px}
#community-fund-page .steps li:last-child {border:0}
#community-fund-page .steps li>span {width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:12px;font-weight:900}
#community-fund-page .steps li>div>strong {display:block;font:400 23px Georgia,serif;color:var(--teal);margin-top:20px}
#community-fund-page .steps p {color:var(--muted);font-size:13px;line-height:1.6}
#community-fund-page .steps p a {color:inherit;font:inherit;font-weight:800}
#community-fund-page .process-note {background:rgba(138,30,45,.1);padding:16px 20px;border:1px solid rgba(138,30,45,.14);border-left:3px solid var(--berry);border-radius:0 8px 8px 0;font-size:14px}
#community-fund-page .resources {background:var(--berry);color:#fff}
#community-fund-page .resources-inner {display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
#community-fund-page .resource-links a {display:grid;grid-template-columns:40px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-top:1px solid rgba(255,255,255,.25);text-decoration:none}
#community-fund-page .resource-links span {font-size:11px;color:#e6bcc2}
#community-fund-page .resource-links b {font-size:12px}
#community-fund-page .placeholder-note {grid-column:2;color:#edcbd0;font-size:12px;margin:0}
#community-fund-page .timeline {background:var(--berry);color:#fff}
#community-fund-page .timeline-inner {width:min(1120px,90vw);margin:auto;padding:104px 0}
#community-fund-page .timeline .kicker {color:#f0cbd1}
#community-fund-page .timeline h2 {font:700 clamp(34px,4vw,52px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:14px 0 40px;color:#fff}
#community-fund-page .timeline-list {border-top:1px solid rgba(255,255,255,.34)}
#community-fund-page .timeline-list div {display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.34);padding:21px 4px}
#community-fund-page .timeline-list strong {font:700 18px/1.3 Arial,Helvetica,sans-serif;color:#fff}
#community-fund-page .timeline-list p {margin:0;color:#f8e9ec;font:400 14px/1.5 Arial,Helvetica,sans-serif}
#community-fund-page .faq {display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;padding-top:40px}
#community-fund-page .faq-heading>p:last-child {color:var(--muted);line-height:1.6}
#community-fund-page .accordion details {border-top:1px solid var(--line);padding:0}
#community-fund-page .accordion details:last-child {border-bottom:1px solid var(--line)}
#community-fund-page summary {cursor:pointer;list-style:none;display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:22px 0;font-weight:800;color:var(--teal)}
#community-fund-page summary::-webkit-details-marker {display:none}
#community-fund-page summary span {font-size:11px;color:var(--berry)}
#community-fund-page summary b {font-size:22px;font-weight:400;transition:.2s}
#community-fund-page .accordion details[open] summary b {transform:rotate(45deg)}
#community-fund-page .accordion details>p {margin:0;padding:0 45px 24px 42px;color:var(--muted);font-size:14px;line-height:1.7}
#community-fund-page .apply-panel {margin-top:60px;background:var(--teal);color:#fff;padding:80px max(5vw,calc((100vw - 1120px)/2));position:relative;overflow:hidden}
#community-fund-page .apply-panel>div {max-width:790px;position:relative;z-index:1}
#community-fund-page .apply-panel>div>p:not(.kicker) {font-size:17px;line-height:1.7;color:#c7d9d6;max-width:680px}
#community-fund-page .apply-panel small {display:block;margin-top:24px;color:#a9c3bf}
#community-fund-page footer {background:#062e30;color:#fff;padding:50px max(5vw,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:40px}
#community-fund-page footer>div {display:flex;flex-direction:column;align-items:flex-start;gap:7px}
#community-fund-page footer small {color:#86aaa6;text-transform:uppercase;letter-spacing:.1em;font-size:9px}
#community-fund-page footer a, #community-fund-page footer p {font-size:12px;line-height:1.6;margin:0;color:#d5e2df}
#community-fund-page .support {border-left:1px solid rgba(255,255,255,.15);padding-left:30px}
@media (max-width:900px){
#community-fund-page .hero-layout {grid-template-columns:1fr;gap:42px}
#community-fund-page .hero-aside {max-width:620px}
#community-fund-page .hero-photo {height:280px}
#community-fund-page .quick-links {max-width:620px}
#community-fund-page .card-grid {grid-template-columns:1fr 1fr}
#community-fund-page .looking-inner, #community-fund-page .resources-inner, #community-fund-page .faq {grid-template-columns:1fr;gap:45px}
#community-fund-page .steps {grid-template-columns:1fr}
#community-fund-page .steps li {display:grid;grid-template-columns:50px 1fr;margin:0;border-right:0;border-bottom:1px solid var(--line)}
#community-fund-page .steps strong {margin-top:0}
#community-fund-page .placeholder-note {grid-column:1}
}
@media (hover:none){
#community-fund-page .card-reveal {opacity:1;transform:none}
}
@media (max-width:620px){
#community-fund-page .hero {min-height:auto}
#community-fund-page .hero-layout {padding:58px 0 76px}
#community-fund-page .hero-photo {height:220px;border-radius:78px 3px 3px 3px}
#community-fund-page h1 {font-size:45px}
#community-fund-page .lead {font-size:17px}
#community-fund-page .quick-links>div {gap:8px}
#community-fund-page .quick-links>div a {min-height:70px;padding:13px}
#community-fund-page .quick-links .quick-apply {min-height:54px;padding:0 20px}
#community-fund-page .quick-links strong {font-size:15px}
#community-fund-page .dates {gap:18px;margin-top:42px}
#community-fund-page .dates strong {font-size:17px}
#community-fund-page .dates div {min-width:0}
#community-fund-page .section {padding:76px 0}
#community-fund-page .intro {grid-template-columns:1fr;gap:20px}
#community-fund-page .intro-copy {transform:none}
#community-fund-page .impact-strip {grid-template-columns:1fr;margin-top:26px}
#community-fund-page .impact-strip div {border-right:0;border-bottom:1px solid rgba(138,30,45,.16)}
#community-fund-page .section-heading {display:block}
#community-fund-page .card-grid {grid-template-columns:1fr}
#community-fund-page .fund-card {min-height:390px}
#community-fund-page .looking-inner {gap:50px}
#community-fund-page .priority-panel {padding:28px 22px}
#community-fund-page .timeline-inner {padding:76px 0}
#community-fund-page .timeline-list div {grid-template-columns:1fr;gap:7px}
#community-fund-page .faq {gap:35px}
#community-fund-page .apply-panel {padding-top:65px;padding-bottom:65px}
}
#community-fund-page {
width: 100%;
overflow-x: clip;
}
#community-fund-page section[id] {
scroll-margin-top: 120px;
}