:root{color-scheme:light;--ivory:#faf7f0;--crimson:#85151d;--gold:#b59a55;--ink:#29231f;--line:#c8b476}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--crimson);outline-offset:6px}
.skip-link{position:fixed;left:16px;top:-80px;background:var(--crimson);color:white;padding:12px 18px;z-index:5}
.skip-link:focus{top:16px}
.site-header{max-width:1320px;margin:0 auto;padding:24px 0 20px;border-bottom:1px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 88px)}
.wordmark{font-size:clamp(16px,2.2vw,25px);letter-spacing:.07em;text-transform:uppercase;font-weight:bold;text-decoration:none;color:var(--crimson)}
nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap}
nav a{font:18px/1.4 Arial,sans-serif;text-decoration:none;white-space:nowrap}
nav a:hover{text-decoration:underline}
.hero{text-align:center;padding:40px 24px 44px}
.seal{width:clamp(215px,29vw,350px);aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;margin:0 auto 27px}
.seal img{display:block;position:absolute;max-width:none;width:113.5%;height:auto;left:-6.75%;top:-6.75%}
.eyebrow{margin:0;color:var(--crimson);text-transform:uppercase;font-weight:bold;letter-spacing:.19em;font-size:18px;line-height:1.6}
.church-name{font-size:clamp(14px,1.9vw,24px);letter-spacing:.16em}
h1{margin:17px 0 19px;font-size:clamp(48px,7.8vw,96px);font-weight:400;line-height:.99;letter-spacing:-.035em;color:var(--crimson)}
.hero h1{max-width:1150px;margin:17px auto 19px;font-size:clamp(43px,6.4vw,88px);line-height:1.04}
.intro{margin:22px auto 27px;font-size:clamp(18px,2.3vw,26px);line-height:1.45}
.primary-link{display:inline-block;padding:12px 45px;background:var(--crimson);border:1px solid var(--crimson);border-radius:4px;color:#fffdf7;font-size:26px;line-height:1.25;text-decoration:none;transition:background .15s}
.primary-link:hover{background:#681016}
.hero-links{display:flex;gap:13px;align-items:center;justify-content:center;flex-wrap:wrap}
.hero-links a{min-width:225px;text-align:center;font-size:22px}
.secondary-link{display:inline-block;padding:12px 23px;border:1px solid var(--crimson);border-radius:4px;color:var(--crimson);line-height:1.25;text-decoration:none;transition:background .15s}
.secondary-link:hover{background:#efe5d9}
.ornament{display:flex;align-items:center;gap:17px;max-width:1180px;margin:0 auto;width:calc(100% - 96px)}
.ornament:before,.ornament:after{content:"";height:1px;background:var(--gold);flex:1}
.ornament span{width:12px;height:12px;background:var(--gold);transform:rotate(45deg)}
.faith{padding:34px 24px 44px;text-align:center;max-width:920px;margin:auto}
h2{margin:4px 0 5px;color:var(--crimson);font-size:clamp(35px,4.6vw,54px);line-height:1.15;font-weight:400;letter-spacing:-.025em}
.tradition{margin:0;font-size:clamp(18px,2.2vw,24px);line-height:1.5}
.creed-opening{max-width:820px;text-align:left;margin:28px auto 24px;font-size:clamp(22px,2.8vw,31px);line-height:1.45}
.creed summary{display:inline-flex;list-style:none;align-items:center;gap:15px;border:1px solid var(--crimson);border-radius:4px;padding:10px 25px;color:var(--crimson);font-size:23px;cursor:pointer;line-height:1.3;transition:background .15s}
.creed summary::-webkit-details-marker{display:none}
.creed summary:hover{background:#f0e9dc}
.chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.label-open{display:none}
.creed[open] .label-open{display:inline}
.creed[open] .label-closed{display:none}
.creed[open] .chevron{transform:translateY(3px) rotate(225deg)}
.creed-text{text-align:left;max-width:760px;margin:32px auto 0;padding-top:8px;border-top:1px solid var(--line);font-size:clamp(19px,2.1vw,23px);line-height:1.7}
.creed-text p{margin:22px 0}
.christological-confession{max-width:760px;margin:40px auto 0;padding:24px 28px 26px;text-align:left;border-left:3px solid var(--gold);background:#f4eee3}
.christological-confession h3{margin:0 0 13px;color:var(--crimson);font-size:clamp(25px,3vw,31px);font-weight:400;line-height:1.25}
.christological-confession p{margin:0;font-size:clamp(18px,2vw,21px);line-height:1.6}
.calendar-section{max-width:960px;margin:0 auto;padding:48px 24px 60px;text-align:center}
.calendar-intro{max-width:660px;margin:18px auto 16px;font-size:clamp(18px,2vw,23px);line-height:1.5}
.calendar-widget{display:block;width:100%;height:1240px;border:0;margin:5px auto 0;background:transparent}
.calendar-footnote{max-width:670px;margin:10px auto 14px;color:#766957;font:15px/1.6 Arial,sans-serif}
.calendar-open{font:16px/1.5 Arial,sans-serif;color:var(--crimson);text-decoration:underline;text-underline-offset:4px}
.site-footer{max-width:1180px;width:calc(100% - 96px);margin:0 auto;padding:23px 12px 32px;text-align:center;border-top:1px solid var(--gold)}
.site-footer>p:first-child{font-size:23px;font-style:italic;margin:0 0 10px;line-height:1.5}
.site-footer .eyebrow{font-size:14px;letter-spacing:.25em}
@media(min-width:1500px){.hero{padding-top:48px}.seal{width:350px}}
@media(max-width:600px){.site-header{width:calc(100% - 36px);padding:20px 0 17px;gap:17px}.wordmark{max-width:230px;font-size:15px;line-height:1.45;letter-spacing:.06em}nav a{font-size:15px}.hero{padding:30px 18px 35px}.seal{margin-bottom:24px;width:235px}.church-name{font-size:13px;letter-spacing:.12em}h1{font-size:clamp(43px,11.7vw,68px);margin:15px 0 19px;line-height:1.05}.intro{font-size:18px;line-height:1.55}.primary-link{font-size:23px;padding:11px 38px}.ornament,.site-footer{width:calc(100% - 36px)}.faith{padding:27px 22px 34px}.eyebrow{font-size:15px;letter-spacing:.18em}.creed-opening{font-size:24px;margin:25px 0}.creed summary{font-size:20px;padding:11px 20px}.site-footer>p:first-child{font-size:19px}.site-footer .eyebrow{font-size:11px;letter-spacing:.17em}}
@media(max-width:600px){.site-header{display:block;text-align:center}.wordmark{display:block;max-width:none;font-size:15px}.site-header nav{justify-content:center;gap:24px;margin-top:14px}.hero h1{font-size:clamp(35px,10vw,58px);line-height:1.08;letter-spacing:-.04em}.hero-links{flex-direction:column;gap:10px;max-width:300px;margin:auto}.hero-links a{min-width:0;width:100%;font-size:19px;padding:11px 18px}.calendar-section{padding:35px 10px 43px}.calendar-intro{padding:0 10px;font-size:18px}.calendar-widget{height:1400px}.calendar-footnote{padding:0 10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header nav,.primary-link,.creed summary,.skip-link{display:none}.hero{padding:20px}.seal{width:160px}h1{font-size:44px}.creed:not([open])>.creed-text{display:block}.faith{padding-top:20px}.creed-text{font-size:12pt;line-height:1.5}.site-footer{break-inside:avoid}body{background:white}}

/* Our History: the full account lives on its own page, with an invitation on the homepage. */
.history-teaser{text-align:center;max-width:880px;margin:0 auto;padding:53px 24px 62px}
.history-teaser h2{margin:7px 0 18px}
.history-teaser>p:not(.eyebrow){max-width:720px;margin:0 auto 26px;font-size:clamp(19px,2.2vw,24px);line-height:1.65}
.history-teaser .secondary-link{font-size:22px;padding:13px 30px}
.site-header nav a[aria-current="page"]{color:var(--crimson);font-weight:bold;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.history-hero{max-width:1160px;width:calc(100% - 88px);margin:0 auto;padding:80px 0 72px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:center;gap:65px}
.history-hero-copy{max-width:690px}
.history-hero h1{font-size:clamp(68px,8vw,105px);margin:15px 0 25px}
.history-lead{max-width:620px;margin:0 0 34px;font-size:clamp(23px,2.8vw,34px);line-height:1.35;color:#5e4c43}
.history-start{display:inline-block;font:700 16px/1.5 Arial,sans-serif;color:var(--crimson);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:7px;letter-spacing:.03em}
.history-start:hover{border-color:var(--crimson)}
.history-hero-seal{display:block;width:100%;max-width:410px;height:auto;aspect-ratio:1;object-fit:contain;justify-self:center;clip-path:circle(44.2% at 50% 50%)}
.history-contents{max-width:1160px;width:calc(100% - 88px);margin:0 auto 42px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-start;gap:28px;flex-wrap:wrap}
.history-contents>span{color:var(--crimson);font:700 13px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-right:9px}
.history-contents a{font:15px/1.5 Arial,sans-serif;white-space:normal}
.history-article{max-width:930px;width:calc(100% - 60px);margin:0 auto 90px}
.history-section{padding:58px 0 64px;border-bottom:1px solid var(--line);scroll-margin-top:35px}
.history-section:first-child{padding-top:22px}
.history-section .section-index{color:var(--crimson);letter-spacing:.17em;text-transform:uppercase;font:700 13px/1.6 Arial,sans-serif;margin:0 0 14px}
.history-section h2{font-size:clamp(39px,4.6vw,59px);max-width:790px;margin:0 0 29px}
.history-section>p:not(.section-index):not(.calling-motto){max-width:770px;margin:0 0 20px;font-size:clamp(19px,2vw,23px);line-height:1.7}
.history-section strong{color:var(--crimson)}
.mystery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:37px 0 33px}
.mystery-card{border:1px solid #d7c8a0;background:#fffdf8;padding:27px 27px 23px;min-height:220px}
.mystery-card.feature{background:#f4eae0;border-color:var(--gold)}
.mystery-number{color:var(--crimson);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.13em}
.mystery-card h3{margin:12px 0 12px;color:var(--crimson);font-size:clamp(22px,2.4vw,29px);line-height:1.2;font-weight:normal}
.mystery-card p{font-size:17px;line-height:1.6;margin:0}
.history-statement{margin:43px 0 5px;border-left:4px solid var(--crimson);padding:20px 0 20px 30px;color:var(--crimson);font-style:italic;font-size:clamp(24px,3vw,33px);line-height:1.45}
.calling-list{list-style:none;margin:27px 0 34px;padding:0;max-width:720px}
.calling-list li{padding:11px 0 11px 37px;position:relative;border-bottom:1px solid #e8ddc6;font-size:clamp(19px,2vw,23px);line-height:1.45}
.calling-list li:before{content:"✦";position:absolute;left:4px;color:var(--gold);font-size:17px}
.calling-motto{color:var(--crimson);font-size:clamp(28px,3.4vw,38px);margin:36px 0 5px;font-style:italic}
.history-cta{max-width:1180px;width:calc(100% - 88px);margin:0 auto 75px;text-align:center;background:#f0e9dd;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:50px 24px}
.history-cta h2{margin:9px 0 28px}
@media(max-width:750px){.history-hero{width:calc(100% - 46px);padding:51px 0 37px;grid-template-columns:1fr;gap:28px;text-align:center}.history-hero-copy{margin:0 auto}.history-hero h1{font-size:clamp(54px,11vw,76px)}.history-lead{font-size:23px;margin-bottom:23px}.history-hero-seal{max-width:240px;grid-row:1}.history-contents{width:calc(100% - 46px);margin-bottom:12px;justify-content:center;gap:11px 22px;padding:17px 0}.history-contents>span{width:100%;text-align:center;margin-right:0}.history-contents a{font-size:14px}.history-article{width:calc(100% - 46px);margin-bottom:55px}.history-section{padding:41px 0 45px}.history-section h2{font-size:clamp(35px,8vw,48px);margin-bottom:24px}.history-section>p:not(.section-index):not(.calling-motto){font-size:19px;line-height:1.65}.mystery-grid{grid-template-columns:1fr;gap:12px;margin:26px 0}.mystery-card{min-height:0;padding:24px}.mystery-card h3{font-size:25px}.history-statement{font-size:26px;padding-left:20px}.history-cta{width:calc(100% - 46px);margin-bottom:48px;padding:36px 18px}.history-teaser{padding:41px 23px 48px}.history-teaser>p:not(.eyebrow){font-size:19px}.history-teaser .secondary-link{font-size:19px}.site-header nav{gap:10px 18px}}
@media print{.history-hero{padding:20px 0}.history-hero-seal{width:140px}.history-contents,.history-cta,.history-start{display:none}.history-section{padding:20px 0;break-inside:avoid}.history-section>p:not(.section-index):not(.calling-motto){font-size:12pt}.mystery-grid{break-inside:avoid}.mystery-card{min-height:0}.history-statement{font-size:18pt}}

/* Isaiah 19:25 gives the homepage a distinct scriptural statement. */
.isaiah-section{margin:42px 0;background:var(--crimson);color:var(--ivory);border-top:4px solid var(--gold);border-bottom:4px solid var(--gold);padding:62px 24px 69px;text-align:center}
.isaiah-inner{max-width:1000px;margin:0 auto}
.isaiah-section .eyebrow{color:#edd9a3;font-size:15px;letter-spacing:.21em}
.isaiah-section blockquote{margin:21px 0 26px}
.isaiah-verse{margin:0 0 9px;font-size:clamp(38px,5.4vw,67px);line-height:1.18;letter-spacing:-.025em}
.isaiah-section cite{display:block;color:#edd9a3;font-size:clamp(19px,2.3vw,25px);font-style:normal;letter-spacing:.04em}
.isaiah-message{max-width:840px;margin:32px auto 0;padding-top:30px;border-top:1px solid #bf8e83;font-size:clamp(19px,2.1vw,24px);line-height:1.67}
@media(max-width:600px){.isaiah-section{margin:31px 0;padding:48px 22px 52px}.isaiah-verse{font-size:clamp(35px,9.5vw,51px)}.isaiah-message{font-size:18px;line-height:1.65;margin-top:25px;padding-top:24px}.isaiah-section .eyebrow{font-size:13px}}
@media print{.isaiah-section{margin:22px 0;padding:25px 20px;background:white;color:var(--ink);border:1px solid var(--gold)}.isaiah-section .eyebrow,.isaiah-section cite{color:var(--crimson)}.isaiah-verse{font-size:28pt}.isaiah-message{font-size:12pt}}