:root{--navy:#132941;--navy2:#0e2034;--cream:#f8f5ee;--paper:#fffdf9;--gold:#cba767;--muted:#62717e;--border:#d9d8d2;--sage:#e9efe9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.68 system-ui,-apple-system,"Segoe UI",sans-serif;color:#223143}a{color:inherit}img{max-width:100%}button{font:inherit}.container{width:min(1190px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px;top:4px;background:#fff;z-index:50}.skip:focus{left:12px}.utility{background:#0a1a2e;color:#d9c6a3;padding:7px 0;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase}.utility .container{display:flex;justify-content:space-between;gap:15px}.navwrap{background:white;position:sticky;top:0;z-index:20;box-shadow:0 6px 25px #0d1c3110}.nav{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-weight:750;letter-spacing:.03em;font-size:1.03rem;line-height:1.25}.brand small{display:block;font-size:.57rem;font-weight:500;letter-spacing:.18em;color:#8b754e;text-transform:uppercase;margin-top:4px}.mark{width:43px;height:51px;border:2px solid var(--gold);border-radius:45% 45% 4px 4px;display:grid;place-items:center;color:var(--gold);font-size:25px;position:relative}.mark:before{content:"";height:8px;border-left:2px solid var(--gold);position:absolute;top:-10px}.links{display:flex;align-items:center;gap:19px}.links a{text-decoration:none;font-size:.78rem;font-weight:640;color:var(--navy)}.links a:hover,.links a[aria-current=page]{color:#a17736}.links a.give{background:var(--navy);color:#fff;padding:13px 18px}.links a.give:hover{background:#2a4463}.menu{display:none;border:1px solid var(--border);background:#fff;border-radius:3px;color:var(--navy);padding:9px 13px}.hero{background:radial-gradient(circle at 83% 28%,#304764 0,#182f4b 36%,#0d1d31 83%);color:#f9f4e9;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-160px;bottom:-360px;width:720px;height:720px;border:1px solid #d2aa6050;border-radius:50%;pointer-events:none}.hero:before{content:"";position:absolute;right:80px;bottom:-230px;width:520px;height:520px;border:1px solid #d2aa6050;border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:65px;padding:98px 0 102px;min-height:610px}.eyebrow{color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;display:block;margin:0 0 21px}.hero h1,h1,h2,.card h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.034em}h1{font-size:clamp(2.55rem,5.8vw,5.8rem);line-height:1.07;font-weight:500;margin:0 0 30px}h1 em,h2 em{color:var(--gold);font-weight:400}.lead{font-size:1.04rem;max-width:625px;color:#ced8e0;line-height:1.9}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:1px solid var(--gold);background:var(--gold);padding:13px 20px;text-decoration:none;font-weight:750;font-size:.83rem;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.outline{color:#f7e8c5;background:transparent}.btn.dark{background:var(--navy);border-color:var(--navy);color:white}.hero-art{height:450px;display:flex;align-items:center;justify-content:center;position:relative}.arch{width:min(340px,90%);height:410px;border:2px solid #d9b67d;border-radius:48% 48% 5px 5px;background:linear-gradient(160deg,#293d56,#11243d);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 16px #c7a6691b,0 36px 75px #030b1770}.arch .cross{color:#f7e8c5;font-family:Georgia;font-size:8rem;line-height:1}.arch .motto{color:#e4c991;font-family:Georgia;font-size:1rem;letter-spacing:.11em}.art-note{position:absolute;bottom:0;right:0;background:#f5efe2;color:#263853;padding:14px 22px;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.page-head{background:linear-gradient(125deg,#0c2037,#223955);color:#fff;padding:69px 0 83px}.page-head h1{font-size:clamp(2.8rem,5vw,5rem)}.page-head .lead{max-width:790px}.breadcrumb{font-size:.75rem;color:#d4bd8b;margin-bottom:23px}.breadcrumb a{color:#e2ca99}.notice{background:#efe7d6;border-left:4px solid #ba9657;padding:18px 24px;color:#455268;font-size:.86rem;margin:27px 0}.section{padding:91px 0}.section.alt{background:var(--cream)}.intro{max-width:750px;color:#536171;font-size:1.02rem}.section h2{font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.17;color:var(--navy);font-weight:500;margin:0 0 22px}.section h2 em{color:#ad8444}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:39px}.card{padding:31px;border:1px solid #e5e0d7;background:white;box-shadow:0 12px 33px #10294308}.card .num{color:#ae8950;font-size:.71rem;letter-spacing:.15em;font-weight:850;text-transform:uppercase}.card h3{font-size:1.75rem;font-weight:500;margin:22px 0 9px;color:#1b3451}.card p{color:#63717d;font-size:.87rem}.card a{font-size:.82rem;color:#987039;font-weight:750;text-underline-offset:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.panel{background:#e9ece9;padding:44px;min-height:320px}.panel.navy{background:var(--navy);color:white}.panel.navy h3{color:#f8e8cc}.panel h3{font:500 1.9rem Georgia;margin:0 0 15px}.panel p,.panel li{font-size:.87rem}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:37px}.step{background:white;padding:26px;border:1px solid var(--border)}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:#ae8950;font:italic 2.4rem Georgia;margin-bottom:20px}.step h3{font:500 1.4rem Georgia;color:var(--navy);margin:0 0 10px}.step p{font-size:.82rem;color:#66707d}.note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:30px}.note-grid>div{border-left:3px solid #be9958;background:#fff;padding:22px}.note-grid strong{color:#172e4d}.note-grid p{font-size:.85rem;color:#536272;margin:9px 0 0}.pill{display:inline-block;background:#f2e6cd;color:#64491f;font-size:.65rem;letter-spacing:.08em;padding:6px 11px;font-weight:850;text-transform:uppercase}.pill.hold{background:#f3e5e5;color:#823d3d}.pill.work{background:#e6ecf3;color:#385577}.status-table{width:100%;border-collapse:collapse;background:white;margin-top:26px}.status-table th,.status-table td{text-align:left;padding:16px 14px;border-bottom:1px solid #e8e3db;vertical-align:top}.status-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#6d6555;background:#f0ebe1}.status-table td{font-size:.88rem}.faq details{border-bottom:1px solid var(--border);padding:21px 0}.faq summary{cursor:pointer;font-size:1.08rem;font-weight:750;color:var(--navy)}.faq p{color:#5e6a76;max-width:820px}.last{background:#142a45;color:#fff;text-align:center}.last h2{color:white}.last p{max-width:660px;margin:auto auto 25px;color:#c5d3df}footer{background:#0b1a2c;color:#bec7cf;padding:52px 0 21px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}footer a{color:#d7c28e;text-decoration:none}footer small{display:block;color:#8e9ca8;margin-top:35px;font-size:.73rem}.footer-nav{display:flex;flex-direction:column;gap:9px}.footer-nav a{font-size:.8rem}.stats{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0 3px}.stat{border:1px solid #9e8b694d;padding:13px 17px;min-width:150px}.stat strong{display:block;font-size:1.08rem;color:#f0d398}.stat span{display:block;font-size:.69rem;color:#d4d7db}.list{padding-left:19px}.list li{margin-bottom:11px}.source-note{font-size:.74rem;color:#7d8792}.footcallout{background:#edf1ed;border:1px solid #d9e1db;padding:20px;font-size:.84rem;color:#485c57}.grid-image{width:100%;min-height:300px;background:radial-gradient(circle at 50% 15%,#dfca96,#273b58 90%);display:grid;place-items:center;border-radius:48% 48% 2px 2px;border:10px solid #eee0c5;color:white;text-align:center}.grid-image b{font:500 6rem Georgia;display:block}.grid-image span{letter-spacing:.22em;font-size:.7rem}.mobile-panel{display:none}@media(max-width:1040px){.links{gap:12px}.links a{font-size:.69rem}.hero-grid{gap:20px}.cards{gap:12px}}@media(max-width:840px){.links{display:none}.menu{display:block}.mobile-panel.open{display:grid}.mobile-panel{padding:16px 22px 24px;background:white;gap:0;box-shadow:0 18px 33px #0d1c3121}.mobile-panel a{padding:10px 8px;border-bottom:1px solid #eee;text-decoration:none;font-size:.91rem;color:var(--navy)}.hero-grid{grid-template-columns:1fr;padding:70px 0}.hero-art{display:none}.split,.foot-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}}@media(max-width:540px){.utility .container span:last-child{display:none}.cards,.steps,.note-grid{grid-template-columns:1fr}.section h2{font-size:2.2rem}.panel{padding:28px}.section{padding:52px 0}.page-head{padding:47px 0 57px}.hero-grid{min-height:420px}.nav{min-height:70px}.brand{font-size:.88rem}.brand small{font-size:.48rem}.mark{width:37px;height:44px}.stats{gap:10px}.stat{min-width:130px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Church crest and consistent navigation — PCC review draft, 26 October 2026 */
.brand-logo{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:50%;border:1px solid #d8c7a7;background:#f7f1e6;display:block}
footer .brand-logo{width:51px;height:51px;flex-basis:51px}
.links a,.links a.give{background:transparent!important;color:var(--navy)!important;border:0!important;padding:0!important;border-radius:0!important;text-decoration:none;font-size:.78rem;font-weight:640}
.links a:hover,.links a[aria-current="page"],.links a.give:hover,.links a.give[aria-current="page"]{color:#a17736!important;background:transparent!important}
.crest-arch{width:min(365px,98%);height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:2px solid #cda85d;border-radius:46% 46% 6px 6px;background:linear-gradient(150deg,#223751,#0e1f35);padding:26px 21px;box-shadow:0 0 0 14px #c7a6691a,0 25px 60px #0914238a}
.crest-arch img{width:min(100%,300px);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:50%;border:3px solid #ead2a5;background:#f5efe4;display:block}
.crest-motto{display:block;font-family:Georgia,serif;font-size:.72rem;letter-spacing:.13em;color:#ead19d;text-align:center}
.impact-photo{max-width:380px;margin:25px 0 0;background:#f9f7ef;border:1px solid #ded8c9;padding:12px}
.impact-photo img{display:block;width:100%;height:220px;object-fit:cover;object-position:center}
.impact-photo figcaption{color:#65727d;font-size:.76rem;margin-top:7px}
@media(max-width:840px){.crest-arch{display:none}}
@media(max-width:500px){.brand-logo{width:40px;height:40px;flex-basis:40px}.brand{font-size:.88rem}}

/* Bank-transfer details: no hosted payment form. Publication requires Treasurer verification. */
.bank-transfer-card{border:1px solid var(--border);background:#fff;padding:29px 31px;box-shadow:0 13px 30px rgba(19,41,65,.06)}
.bank-transfer-card h3{font:500 1.55rem Georgia,serif;color:var(--navy);margin:0 0 21px}
.bank-transfer-card dl{margin:0}.bank-transfer-card dl>div{display:flex;gap:15px;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding:11px 0}.bank-transfer-card dt{color:#576573;font-size:.82rem}.bank-transfer-card dd{margin:0;text-align:right;color:var(--navy);font-weight:650}.bank-transfer-card dd.bank-account-number{font-size:1.35rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.bank-transfer-card .bank-safety-note{font-size:.78rem;line-height:1.6;margin:18px 0 0;color:#606a70}
@media(max-width:540px){.bank-transfer-card{padding:20px}.bank-transfer-card dd.bank-account-number{font-size:1.14rem}}

/* Parish crest, Diocese of the Free State and ACSA affiliation symbols. */
.crest-arch{width:min(354px,97%);height:406px;padding:22px 22px 24px;gap:12px;border-radius:48% 48% 6px 6px;border:1.5px solid #d4ae68;background:linear-gradient(160deg,#263d57 0%,#11253e 75%);box-shadow:0 15px 38px rgba(9,24,43,.26),0 0 0 9px rgba(210,167,96,.075)}
.crest-arch img{width:270px;max-width:100%;height:270px;object-fit:contain;border-radius:50%;background:#faf4e9;border:2px solid #e2bb7a;filter:contrast(1.04) saturate(1.04)}
.crest-motto{font-size:.68rem;letter-spacing:.18em;color:#f0d6a5}

/* Balanced church affiliations: same visual space for both real emblems. */
.church-affiliations{background:#fffaf3;border-top:1px solid #d8c49f80;border-bottom:1px solid #e7e0d5}
.affiliations-inner{width:min(820px,calc(100% - 44px));display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;justify-items:stretch;gap:24px;padding:17px 0}
.affiliation{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px;min-width:0;max-width:none}
.affiliation-mark{display:block;flex:none;max-width:100%;object-fit:contain;object-position:center}
.diocese-mark{width:56px;height:62px;padding:3px 5px}
.acsa-mark{width:52px;height:52px;padding:3px;border:1px solid #dbcda9;border-radius:50%;background:#fff}
.affiliation-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.affiliation-copy span{font-size:.58rem;line-height:1.25;letter-spacing:.15em;color:#a07844;font-weight:800}
.affiliation-copy strong{color:var(--navy);font-weight:650;font-size:.8rem;line-height:1.32;overflow-wrap:normal}
.affiliation-divider{display:block;height:34px;width:1px;background:#ded6c7;justify-self:center}

/* Shared header: compact ACSA badge, no cropped crown or image clipping. */
.header-identities{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto}
.header-identities>.brand{flex:0 0 auto}
.header-acsa{display:flex;align-items:center;gap:10px;padding-left:13px;border-left:1px solid #d4d2ce;min-width:0;color:var(--navy);flex:0 0 auto}
.header-acsa>img{display:block;width:45px;height:45px;flex:0 0 45px;object-fit:contain;object-position:center;padding:3px;border-radius:50%;border:1px solid #dbcda9;background:#fff}
.header-acsa-copy{display:flex;flex-direction:column;gap:2px;min-width:0;white-space:normal}
.header-acsa-copy small{font-size:.54rem;line-height:1.25;letter-spacing:.14em;color:#a07844;font-weight:750}
.header-acsa-copy strong{display:block;font-size:.65rem;line-height:1.25;letter-spacing:.08em;color:var(--navy);font-weight:800}

/* Keep all seven menu links usable rather than allowing the emblems to crowd them. */
@media(max-width:1280px){
 .header-identities{gap:11px}
 .header-acsa{padding-left:11px}
 .header-acsa-copy{display:none}
 .header-acsa>img{width:40px;height:40px;flex-basis:40px}
}
@media(max-width:1040px){
 .links{gap:9px}
}
@media(max-width:840px){
 .header-acsa>img{width:38px;height:38px;flex-basis:38px}
 .affiliations-inner{gap:17px}
 .affiliation{grid-template-columns:50px minmax(0,1fr);gap:10px}
 .diocese-mark{width:45px;height:56px;padding:3px 4px}
 .acsa-mark{width:45px;height:45px;padding:3px}
 .affiliation-copy strong{font-size:.74rem}
}
@media(max-width:540px){
 .header-identities{gap:9px}
 .header-acsa{padding-left:9px}
 .header-acsa>img{width:35px;height:35px;flex-basis:35px}
 .affiliations-inner{width:min(420px,calc(100% - 36px));grid-template-columns:minmax(0,1fr);gap:9px;padding:14px 0}
 .affiliation-divider{display:none}
 .affiliation{grid-template-columns:48px minmax(0,1fr);gap:12px}
 .diocese-mark{width:43px;height:53px}
 .acsa-mark{width:42px;height:42px}
 .affiliation-copy strong{font-size:.75rem}
 .affiliation-copy span{font-size:.54rem}
}
@media(max-width:380px){
 .header-identities{gap:5px}
 .header-identities>.brand{gap:6px;font-size:.73rem;letter-spacing:0}
 .header-identities .brand-logo{width:32px;height:32px;flex-basis:32px}
 .header-identities .brand small{font-size:.43rem;letter-spacing:.07em}
 .header-acsa{padding-left:6px}
 .header-acsa>img{width:30px;height:30px;flex-basis:30px}
 .nav{gap:5px}
 .menu{padding:7px 9px;font-size:.8rem}
}

/* High-resolution parish crest and clear ACSA mark across screen sizes. */
.crest-arch img{width:min(100%,290px);height:auto;aspect-ratio:1/1;object-fit:contain;image-rendering:auto}
.brand-logo{object-fit:contain;background:#faf4e9}
.header-acsa>img,.acsa-mark{object-fit:contain;object-position:center;image-rendering:auto}
@media(max-width:840px){.hero-art{display:flex;align-items:center;justify-content:center;margin-top:4px}.crest-arch{display:flex;width:min(310px,100%);height:auto;min-height:345px;padding:18px 20px 24px}.crest-arch img{width:min(245px,100%);height:auto}.art-note{display:none}}
@media(max-width:540px){.hero-grid{padding:44px 0}.hero-art{width:100%;margin-top:0}.crest-arch{width:min(270px,100%);min-height:305px;padding:16px}.crest-arch img{width:min(220px,100%)}.header-acsa>img{width:35px;height:35px;flex-basis:35px}}
@media(max-width:380px){.crest-arch{width:min(245px,100%);min-height:280px}.crest-arch img{width:min(195px,100%)}.header-acsa>img{width:30px;height:30px;flex-basis:30px}}


/* 2026-10-31: retain established parish design, compact mobile navigation and uncropped Anglican emblems. */
.header-acsa,.header-acsa>img,.affiliation,.affiliation-mark{overflow:visible}
.header-acsa>img,.acsa-mark{object-fit:contain;object-position:50% 50%;border-radius:0}
@media(max-width:840px){
 .nav{min-width:0;gap:7px}
 .header-identities{min-width:0;flex:1 1 auto}
 .header-identities>.brand{min-width:0;flex:1 1 auto}
 .header-acsa{flex:0 0 auto;padding-left:7px}
 .header-acsa>img{width:32px;height:32px;flex-basis:32px;padding:1px;border:0;background:transparent}
 .menu{flex:0 0 auto;font-size:.76rem;padding:6px 9px;border-radius:5px;line-height:1.3}
 .mobile-panel{max-height:min(75vh,420px);overflow-y:auto}
 .mobile-panel a{font-size:.88rem;line-height:1.35;padding:9px 14px}
 .affiliation-mark{object-fit:contain}
 .hero h1{overflow-wrap:normal}
}
@media(max-width:380px){
 .header-acsa>img{width:27px;height:27px;flex-basis:27px}
 .menu{padding:6px 7px;font-size:.72rem}
 .brand-logo{width:34px;height:34px}
}


/* Mobile-first refinement: same parish palette and typography, genuinely simpler composition. */
@media(max-width:600px){
 .utility{display:none}
 .navwrap .container.nav{padding-top:7px;padding-bottom:7px}
 .brand{font-size:.81rem;letter-spacing:.02em}
 .brand small{font-size:.55rem}
 .hero-grid{display:block;padding:28px 0 22px}
 .hero .eyebrow{font-size:.64rem;letter-spacing:.11em}
 .hero h1{font-size:clamp(2.05rem,8vw,2.8rem);line-height:1.12;margin:11px 0 12px}
 .hero .lead{font-size:.94rem;line-height:1.55;max-width:34ch}
 .hero .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
 .hero .actions .btn{padding:9px 12px;font-size:.8rem;min-height:0}
 .hero .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
 .hero .stat{padding:10px 0}
 .hero-art{display:none!important}
 .church-affiliations .affiliations-inner{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px 0}
 .church-affiliations .affiliation{grid-template-columns:29px minmax(0,1fr);gap:5px}
 .church-affiliations .affiliation-mark{width:28px;height:31px;padding:1px;border:0;border-radius:0;object-fit:contain}
 .church-affiliations .affiliation-copy span{font-size:.46rem;letter-spacing:.03em}
 .church-affiliations .affiliation-copy strong{font-size:.57rem;line-height:1.2;overflow-wrap:anywhere}
 .church-affiliations .affiliation-divider{display:none}
 .ix-section,.section{padding-top:28px;padding-bottom:28px}
 .ix-title,.section h2{font-size:clamp(1.6rem,6.5vw,2.15rem);line-height:1.18}
 .ix-intro,.intro{font-size:.91rem;line-height:1.55}
 .ix-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
 .ix-card{padding:16px}
 .ix-choices{gap:7px}
 .ix-choice{padding:10px 12px}
 .ix-choice strong{font-size:.85rem}
 .ix-choice span{font-size:.75rem}
 .ix-buttons{gap:8px}
 .ix-button{padding:9px 12px;font-size:.79rem}
 .foot-grid{gap:19px}
}


/* Approved mobile-only refinement, 2026-10-31. Desktop rules remain unchanged. */
@media(max-width:600px){
 .container{width:calc(100% - 44px);max-width:100%;margin-left:auto;margin-right:auto}
 .navwrap .container.nav{width:calc(100% - 32px)}
 .mobile-panel{padding-left:18px;padding-right:18px}
 .page-head .container,.ix-section .container,.section .container,.hero .container{width:calc(100% - 44px)}
 .ix-card,.panel{min-width:0}
 .ix-grid,.ix-grid.ix-three{grid-template-columns:minmax(0,1fr)}
 .ix-card .ix-buttons{flex-wrap:wrap}
 .brand-logo{object-fit:contain}
 /* The central Microsoft enquiry workflow is not live. Suppress ministry-specific outbound enquiry links. */
 body:has(#ix-ministry-heading) .ix-filter-card>a.ix-button,
 body:has(#ix-ministry-heading) #ix-volunteer-ask{display:none!important}
 body:has(#ix-ministry-heading) .ix-filter-card p{margin-bottom:0}
}