:root{--cream:#fbf4e3;--paper:#f6ecd3;--ink:#3a2a18;--soft:#6b5640;--gold:#b8841f;--deep:#8a5a12;--rule:#e3d2a6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:19px/1.7 "Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif",Georgia,serif}
img{max-width:100%;display:block}
a{color:var(--deep)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}.narrow{max-width:700px}
h1,h2,h3{font-weight:500;line-height:1.2;margin:0}
.ticker{background:#2b1d0e;color:#f1d58b;overflow:hidden;white-space:nowrap;font-size:15px;letter-spacing:.06em;padding:9px 0}
.track{display:inline-block;animation:tick 220s linear infinite}
.track a{color:inherit;text-decoration:none;margin:0 22px;opacity:.9}.track a:hover{color:#fff}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker{direction:ltr}
@media(prefers-reduced-motion:reduce){.track{animation:none}.ticker{overflow-x:auto}}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#d9a43a}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,29,14,0) 35%,rgba(43,29,14,.62) 100%)}
.hero h1{position:relative;color:#fff8e6;text-align:center;padding:0 20px 8vh;font-size:clamp(40px,9vw,92px);letter-spacing:.02em;text-shadow:0 2px 24px rgba(43,29,14,.45)}
.hero h1 span{display:block}.hero .l2{font-style:italic;font-size:.62em;opacity:.95;margin-top:.1em}
.member{padding:84px 0 70px;text-align:center}
.member p{color:var(--soft)}
.sunmark{color:var(--gold);font-size:34px;line-height:1;margin-bottom:18px}
h2{font-size:clamp(28px,5vw,42px);margin-bottom:26px}
.member p:nth-of-type(4){color:var(--ink);font-style:italic;font-size:1.12em}
.btn{display:inline-block;background:var(--gold);color:#fffaf0;text-decoration:none;padding:15px 30px;border-radius:999px;border:0;font:inherit;font-size:17px;letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 20px rgba(138,90,18,.28);transition:transform .2s,background .2s}
.btn:hover{background:var(--deep);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--deep);border:1.5px solid var(--gold);box-shadow:none}.btn.ghost:hover{background:var(--gold);color:#fffaf0}
.cta{margin:36px 0 0}
.photo img{width:100%;height:clamp(240px,46vw,520px);object-fit:cover}
.tenets{padding:84px 0;background:var(--paper)}
.tenets h2{text-align:center;margin-bottom:44px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid article{background:var(--cream);border:1px solid var(--rule);border-radius:14px;padding:30px 30px 26px}
.grid h3{font-size:24px;color:var(--deep);margin-bottom:12px}.grid p{margin:0;color:var(--soft);font-size:17.5px}
.story{padding:92px 0;text-align:center}
.kicker{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.story p{color:var(--soft)}
.pull{font-size:clamp(26px,4.6vw,38px);line-height:1.35;font-style:italic;color:var(--ink)!important;margin:40px 0!important}
.founder{position:relative;background:var(--bg) center/cover;color:#fff8e6;padding:120px 0;text-align:center}
.founder .veil{position:absolute;inset:0;background:rgba(43,29,14,.55)}
.founder .wrap{position:relative}
blockquote{margin:0;font-size:clamp(22px,3.6vw,30px);line-height:1.5;font-style:italic}
blockquote footer{margin-top:22px;font-size:16px;font-style:normal;letter-spacing:.1em;opacity:.9}
.hymnal{padding:90px 0;text-align:center}
.hymnal>.wrap>p{color:var(--soft)}
.hymnform{text-align:left;margin-top:54px;background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:34px 30px}
.hymnform h3{font-size:26px;margin-bottom:8px;text-align:center;color:var(--deep)}
.small{font-size:16px;color:var(--soft);text-align:center;margin:0 0 22px}
label{display:block;font-size:15px;margin:18px 0 6px;color:var(--soft)}label span{opacity:.7}
input,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fffaf0;border:1px solid var(--rule);border-radius:10px;padding:12px 14px}
input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.hymnform .btn{display:block;margin:26px auto 0}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.status{text-align:center;min-height:1.6em;margin:14px 0 0;color:var(--deep)}
.foot{background:#2b1d0e;color:#e9d29a;text-align:center;padding:60px 0 50px}
.foot a{color:#f1d58b}.foot .mark{font-size:24px;color:#fff3d0;margin:0 0 12px}.foot .warm{font-style:italic;margin:18px 0 28px}
.langs{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;font-size:14.5px;max-width:820px;margin:0 auto}
.langs a{text-decoration:none;opacity:.8}.langs a:hover,.langs a[aria-current]{opacity:1;text-decoration:underline}
@media(max-width:700px){body{font-size:18px}.grid{grid-template-columns:1fr}.hero{min-height:68vh}.member,.story,.hymnal,.tenets{padding:60px 0}.founder{padding:84px 0}.hymnform{padding:26px 20px}}
.more{justify-content:center;list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.more a{font-size:.95rem;text-decoration:underline;text-underline-offset:4px}
.botnav{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;margin:0 0 30px;font-size:17px}.botnav a{text-decoration:none;border-bottom:1px solid rgba(241,213,139,.5);padding:6px 2px;min-height:32px}.botnav a:hover{color:#fff}

/* English wordmark lockup (C3 solar seal). Swap font: change --lockup-font and the @font-face below */
:root{--lockup-font:LockupFont,'Cormorant Garamond',Georgia,serif}
@font-face{font-family:LockupFont;src:url(/cormorant-600.ttf) format('truetype');font-weight:600;font-display:swap}
.hero .lockup{position:relative;color:#fff1d3;text-align:center;margin-bottom:16px;padding:0 20px;text-shadow:0 2px 15px #3b2518;font-family:var(--lockup-font);font-weight:600}
.hero .lockup .solar-mark{width:44px;height:44px;display:block;margin:0 auto 13px;color:#ffe2a1;filter:drop-shadow(0 2px 8px #624318)}
.hero .lockup .solar-mark svg{width:100%;height:100%;display:block}
.hero .lockup h1{position:static;padding:0;margin:0;font:inherit;text-shadow:inherit;font-size:inherit;letter-spacing:0}
.hero .lockup h1 span{display:block}
.lockup .church{font-size:40px;line-height:1.05;letter-spacing:.065em;padding-left:.065em}
.lockup .of{display:flex!important;align-items:center;justify-content:center;gap:11px;font-size:18px;line-height:1.2;letter-spacing:.06em;margin:3px 0 1px}
.lockup .of:before,.lockup .of:after{content:'';width:25px;height:1px;background:currentColor;opacity:.55}
.lockup .sun{font-size:148px;line-height:.9;letter-spacing:-.035em;padding-right:.035em}
@media(min-width:768px){.lockup .church{font-size:44px}.lockup .sun{font-size:170px}.hero .lockup{margin-bottom:24px}}
.hero .lockup .solar-mark{width:36px;height:36px;margin:2px auto 0;color:#ffe2a1}
@media(min-width:768px){.hero .lockup .solar-mark{width:42px;height:42px}}
.lockup .sun{font-size:130px}
@media(min-width:768px){.lockup .sun{font-size:148px}.hero .lockup{margin-bottom:10px}}
.lockup .sun{font-size:116px;margin-top:-12px}.hero .lockup{margin-bottom:34px}
@media(min-width:768px){.lockup .sun{font-size:132px;margin-top:-14px}.hero .lockup{margin-bottom:34px}}
/* Nudge the big Sun word up: change --sun-nudge (px) */
.hero .lockup{--sun-nudge:30px}.lockup .sun{position:relative;top:calc(-1 * var(--sun-nudge,0px))}
.hero .lockup .solar-mark{width:42px;height:42px;color:#ffe9b3}.hero .lockup .solar-mark svg{filter:drop-shadow(0 1px 3px rgba(60,35,10,.7))}
@media(min-width:768px){.hero .lockup .solar-mark{width:48px;height:48px}}
/* Church 12% smaller (revert: delete these two lines; before = 40px phone / 44px desktop) */
.lockup .church{font-size:35px}
@media(min-width:768px){.lockup .church{font-size:39px}}
/* Church ~10% smaller again (revert: delete these two lines to return to 35px / 39px) */
.lockup .church{font-size:31.5px}
@media(min-width:768px){.lockup .church{font-size:35px}}