:root{color-scheme:light dark;--bg:#fffdf6;--ink:#3b2a1a;--muted:#5c5148;--accent:#7a1f2b;--gold:#f2c230;--gold-ink:#3b2a1a;--card:#fff;--line:#eadfb8;--tint:#fbf3d3;--hero1:#fff1b8;--hero2:#f8d964;--hero-ink:#3b2a1a}
@media (prefers-color-scheme:dark){:root{--bg:#1d1916;--ink:#f1e9dc;--muted:#b9ac9c;--accent:#e8a0a9;--gold:#e0b83a;--card:#302a27;--line:#4a413b;--tint:#25201a;--hero1:#4a3a14;--hero2:#6b5214;--hero-ink:#fff6d6}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1.125rem/1.65 Georgia,"PT Serif","Times New Roman",serif}
a{color:var(--accent)}
.wrap{max-width:1000px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--line);background:var(--card)}
header .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.brand{font-size:1.15rem;font-weight:bold;color:var(--ink);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.95rem}
nav a{text-decoration:none;color:var(--ink);padding:10px 4px;display:inline-flex;align-items:center;min-height:44px}
nav a:hover{color:var(--accent)}
.hero{--hero-ink:var(--hero-fg,#fff);background:linear-gradient(135deg,var(--h1,#4a1620),var(--h2,#7a1f2b) 60%,var(--h3,#8a6a2a));color:var(--hero-ink);padding:72px 0;text-align:center}
.hero h1{font-size:clamp(1.9rem,5vw,3rem);margin:0 0 12px;line-height:1.2}
.hero p{max-width:620px;margin:0 auto 24px;opacity:.92}
.btn{display:inline-block;background:var(--gold);color:var(--gold-ink);padding:10px 24px;border-radius:4px;text-decoration:none;font-weight:bold}
.btn{margin:4px;border:2px solid var(--hero-ink);font:inherit;font-weight:bold}.btn.alt{background:transparent;border:2px solid var(--hero-ink);color:var(--hero-ink)}.btn:disabled{opacity:.55}
section{padding:48px 0;border-bottom:1px solid var(--line)}
section.tint{background:var(--tint)}
h2{font-size:1.6rem;margin:0 0 14px;color:var(--accent)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid var(--line);padding:18px;border-radius:6px}
.card h3{margin:0 0 6px;font-size:1.05rem}
.ph{background:repeating-linear-gradient(45deg,var(--line),var(--line) 10px,transparent 10px,transparent 20px);height:130px;border-radius:4px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}
.note{font-size:.85rem;color:var(--muted)}
.draft{background:#fff3c4;color:#4a3b00;text-align:center;font-size:.85rem;padding:6px}
footer{padding:28px 0;font-size:.9rem;color:var(--muted)}
img{max-width:100%;height:auto;border-radius:6px;display:block}
.et-out[hidden],.btn[hidden]{display:none}
[data-etransfer]{margin-top:24px}
[data-etransfer] h3{margin:0 0 6px}
.et-addr{word-break:break-all}
nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.brand[aria-current=page]{color:var(--accent)}
section h1{font-size:1.9rem;margin:0 0 14px;color:var(--accent)}
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}
.lang{border:1px solid var(--line);padding:2px 10px;border-radius:99px}
ul.hours{padding-left:1.2rem;margin:0 0 12px}
/* Ornament: gold rule with a small cross between sections */
section{position:relative;border-bottom:2px solid var(--gold)}
main>section:last-child{border-bottom:0}
/* Arch frame for photos (church window shape) */
section .grid>img{border:3px solid var(--gold);border-radius:50% 50% 6px 6px/32% 32% 6px 6px;box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--line)}
section.tint .grid>img{box-shadow:0 0 0 4px var(--tint),0 0 0 5px var(--line)}
footer{border-top:2px solid var(--gold)}
/* Drop cap in the first paragraph of the About text */
#about .grid>div>p:first-child::first-letter{float:left;font-size:3.6em;line-height:.85;padding:.06em .1em 0 0;color:var(--accent);font-weight:bold;text-shadow:1px 1px 0 var(--gold)}
/* Small gold bar under section headings */
section h2::after,section h1::after{content:"";display:block;width:56px;height:3px;margin-top:8px;background:var(--gold);border-radius:2px}
/* Cyrillic display font for headings (self-hosted, SIL OFL; see fonts/OFL.txt) */
@font-face{font-family:"Ruslan Display";src:url("fonts/RuslanDisplay-Regular.ttf") format("truetype");font-display:swap}
h1,h2,.brand{font-family:"Ruslan Display",Georgia,"PT Serif",serif;font-weight:normal;letter-spacing:.01em}
h2{font-size:1.9rem}section h1{font-size:2.2rem}.hero h1{font-weight:normal}
/* Byzantine key (meander) band on the hero edges */
.hero{position:relative}
.hero::before,.hero::after{content:"";position:absolute;left:0;right:0;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M0 12H28M24 12V2H6V9H18V5' fill='none' stroke='%23f2c230' stroke-width='1.6'/%3E%3C/svg%3E") center/auto 14px;background-repeat:round no-repeat;pointer-events:none}
.hero::before{top:10px}.hero::after{bottom:10px}
.brand,.brand[aria-current=page]{color:var(--accent)}
/* Body text and small headings: Geist (same family as the hello site), self-hosted, SIL OFL; see fonts/OFL-Geist.txt */
@font-face{font-family:"Geist";src:url("fonts/Geist.ttf") format("truetype");font-weight:100 900;font-display:swap}
body{font-family:"Geist",-apple-system,"Segoe UI",system-ui,sans-serif;font-size:1.0625rem;line-height:1.65}
h3{font-weight:600}

/* Color themes for review. Default is A. Pick with ?theme=b..e (kept for the visit); see colors.html */
[data-theme=b]{--accent:#a3281c;--h1:#6b1710;--h2:#a3281c;--h3:#9a6f22}
[data-theme=c]{--accent:#1f3f7a;--h1:#11284f;--h2:#1f3f7a;--h3:#8a6a2a}
[data-theme=d]{--accent:#2f6140;--h1:#1b3b26;--h2:#2f6140;--h3:#8a6a2a}
[data-theme=e]{--accent:#7a1f2b;--h1:#fff1b8;--h2:#f8d964;--h3:#f2c230;--hero-fg:#3b2a1a}
[data-theme=f]{--accent:#17407a;--h1:#08183a;--h2:#143a73;--h3:#c9972b;--gold:#d4a62a;--tint:#f7eccb;--line:#e6d6a0}
[data-theme=e] .hero .btn:not(.alt){background:#7a1f2b;color:#fff}
[data-theme=e] .hero::before,[data-theme=e] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=b]{--accent:#f0a090}[data-theme=c]{--accent:#9db8ee}[data-theme=d]{--accent:#9fd0ab}[data-theme=e]{--accent:#e8a0a9}[data-theme=f]{--accent:#9db8ee;--gold:#d4a62a}}
[data-theme=g]{--accent:#5b3f8f;--h1:#3d2a66;--h2:#6b4a9b;--h3:#7a5bb0;--tint:#f3eefa;--line:#ddd0ee}
[data-theme=h]{--accent:#255f96;--h1:#1a4f82;--h2:#2a68a2;--h3:#2f73ad;--tint:#e9f3fb;--line:#c9dff0}
[data-theme=i]{--accent:#5b3f8f;--h1:#5b3f8f;--h2:#5a5aae;--h3:#3f78b8;--tint:#f0eefa;--line:#d8d3ee}
[data-theme=j]{--accent:#5b3f8f;--h1:#1a4f82;--h2:#2f73ad;--h3:#6a50a8;--tint:#eef3fb;--line:#cfdcef}
[data-theme=k]{--accent:#4b3a85;--h1:#e6dcf5;--h2:#cfe3f7;--h3:#bcd6f2;--hero-fg:#2a2150;--tint:#f1eefb;--line:#d8d3ee}
[data-theme=k] .hero .btn:not(.alt){background:#4b3a85;color:#fff}
[data-theme=k] .hero::before,[data-theme=k] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=g]{--accent:#c9b3ee}[data-theme=h]{--accent:#8fc0ee}[data-theme=i]{--accent:#b9b0ee}[data-theme=j]{--accent:#c9b3ee}[data-theme=k]{--accent:#c9b3ee}
[data-theme=f],[data-theme=g],[data-theme=h],[data-theme=i],[data-theme=j],[data-theme=k]{--tint:#25201a;--line:#4a413b}}
[data-theme=l]{--accent:#5b3f8f;--h1:#fff1b8;--h2:#f8d964;--h3:#f2c230;--hero-fg:#3b2a1a;--tint:#f3eefa;--line:#ddd0ee}
[data-theme=m]{--accent:#255f96;--h1:#fff1b8;--h2:#f8d964;--h3:#f2c230;--hero-fg:#3b2a1a;--tint:#e9f3fb;--line:#c9dff0}
[data-theme=n]{--accent:#5b3f8f;--h1:#08183a;--h2:#143a73;--h3:#7a5bb0;--gold:#d4a62a;--tint:#f3eefa;--line:#ddd0ee}
[data-theme=o]{--accent:#255f96;--h1:#3d2a66;--h2:#6b4a9b;--h3:#7a5bb0;--tint:#e9f3fb;--line:#c9dff0}
[data-theme=p]{--accent:#5b3f8f;--h1:#5b3f8f;--h2:#5a5aae;--h3:#3f78b8}
[data-theme=l] .hero .btn:not(.alt){background:#5b3f8f;color:#fff}
[data-theme=m] .hero .btn:not(.alt){background:#255f96;color:#fff}
[data-theme=l] .hero::before,[data-theme=l] .hero::after,[data-theme=m] .hero::before,[data-theme=m] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=l]{--accent:#c9b3ee}[data-theme=m]{--accent:#8fc0ee}[data-theme=n]{--accent:#c9b3ee}[data-theme=o]{--accent:#8fc0ee}[data-theme=p]{--accent:#c9b3ee}
[data-theme=l],[data-theme=m],[data-theme=n],[data-theme=o]{--tint:#25201a;--line:#4a413b}}
[data-theme=q]{--accent:#255f96;--h1:#e3f0fb;--h2:#c4def4;--h3:#f1dc9a;--hero-fg:#14305a;--tint:#eef4fa;--line:#cfe0ef}
[data-theme=r]{--accent:#255f96;--h1:#7fb6e6;--h2:#9ccaef;--h3:#e8c768;--hero-fg:#10284c;--tint:#eef4fa;--line:#cfe0ef}
[data-theme=q] .hero::before,[data-theme=q] .hero::after,[data-theme=r] .hero::before,[data-theme=r] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=q]{--accent:#8fc0ee}[data-theme=r]{--accent:#8fc0ee}[data-theme=q],[data-theme=r]{--tint:#25201a;--line:#4a413b}}
[data-theme=s]{--accent:#1f5f8f;--h1:#caedfb;--h2:#caedfb;--h3:#f0d58a;--hero-fg:#10325a;--tint:#e6f6fd;--line:#b5dcee}
[data-theme=t]{--accent:#17407a;--gold:#d4a62a;--h1:#caedfb;--h2:#caedfb;--h3:#e0b84a;--hero-fg:#0e2a52;--tint:#e6f6fd;--line:#b5dcee}
[data-theme=s] .hero::before,[data-theme=s] .hero::after,[data-theme=t] .hero::before,[data-theme=t] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=s]{--accent:#8fc0ee}[data-theme=t]{--accent:#8fc0ee}[data-theme=s],[data-theme=t]{--tint:#25201a;--line:#4a413b}}
[data-theme=u]{--accent:#7a1f2b;--h1:#4a1620;--h2:#7a1f2b;--h3:#c9972b;--gold:#d4a62a;--tint:#f7eccb;--line:#e6d6a0}
[data-theme=v]{--accent:#7a1f2b;--h1:#caedfb;--h2:#caedfb;--h3:#f0d58a;--hero-fg:#4a1620;--tint:#e6f6fd;--line:#b5dcee}
[data-theme=v] .hero::before,[data-theme=v] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=u]{--accent:#e8a0a9;--gold:#d4a62a}[data-theme=v]{--accent:#e8a0a9}[data-theme=u],[data-theme=v]{--tint:#25201a;--line:#4a413b}}
[data-theme=w]{--accent:#0f6b6b;--h1:#0a3d3f;--h2:#0f6b6b;--h3:#1b7d6e;--tint:#e8f4f2;--line:#c3dfda}
[data-theme=x]{--accent:#0b5f69;--h1:#0b5f69;--h2:#0f7a84;--h3:#1f7667;--tint:#e6f6f5;--line:#bfe3e0}
[data-theme=y]{--accent:#0b5f69;--h1:#d8f6f2;--h2:#bdeee7;--h3:#f1dc9a;--hero-fg:#0b3b3d;--tint:#e6f6f5;--line:#bfe3e0}
[data-theme=y] .hero::before,[data-theme=y] .hero::after{display:none}
@media (prefers-color-scheme:dark){[data-theme=w]{--accent:#7fd0cc}[data-theme=x]{--accent:#7fd9e0}[data-theme=y]{--accent:#7fd9e0}[data-theme=w],[data-theme=x],[data-theme=y]{--tint:#25201a;--line:#4a413b}}
[data-theme=z]{--accent:#0b5f69;--gold:#137a80;--gold-ink:#fff;--bg:#f4fcfb;--tint:#e0f4f1;--line:#7cc6c0;--h1:#d8f6f2;--h2:#bdeee7;--h3:#a5e3da;--hero-fg:#0b3b3d}
[data-theme=z] .hero::before,[data-theme=z] .hero::after{display:none}
[data-theme=z] header{border-bottom:3px solid var(--gold)}
[data-theme=z] .hero{border-bottom:4px solid var(--gold)}
[data-theme=z] .card{border:2px solid var(--line)}
[data-theme=z] section{border-bottom:3px solid var(--line)}
[data-theme=z] .grid>img{border-color:var(--gold);box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--line)}
[data-theme=z] section.tint .grid>img{box-shadow:0 0 0 4px var(--tint),0 0 0 6px var(--line)}
[data-theme=z] footer{border-top:3px solid var(--gold)}
[data-theme=z] .btn{border:2px solid var(--accent)}
[data-theme=z] .btn.alt{background:transparent;color:var(--hero-ink);border:2px solid var(--hero-ink)}
@media (prefers-color-scheme:dark){[data-theme=z]{--accent:#7fd9e0;--gold:#2aa7ac;--gold-ink:#06262a;--bg:#1d1916;--card:#302a27;--tint:#25201a;--line:#3f6a68;--h1:#06262a;--h2:#0b3f45;--h3:#0f5a60;--hero-fg:#e9fbf9}}
[data-theme=z] .ph{background:repeating-linear-gradient(45deg,var(--tint),var(--tint) 10px,transparent 10px,transparent 20px);color:var(--ink)}
[data-theme=z] .draft{background:var(--tint);color:var(--ink);border-bottom:1px solid var(--line)}
/* Theme Z: a separate frame around the whole page (outer mat, border, thin inner line) */
html[data-theme=z]{background:var(--line);padding:14px}
[data-theme=z] body{border:4px solid var(--gold);outline:2px solid var(--line);outline-offset:-12px;min-height:calc(100vh - 28px);min-height:calc(100dvh - 28px);box-shadow:0 0 0 3px var(--bg)}
@media (max-width:600px){html[data-theme=z]{padding:8px}[data-theme=z] body{min-height:calc(100vh - 16px);min-height:calc(100dvh - 16px);outline-offset:-8px}}
.swatches{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.swatch{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg);color:var(--ink)}
.swatch .hero{padding:34px 0}.swatch .hero h1{font-size:1.5rem}.swatch .hero p{margin-bottom:14px}
.swatch .bar{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--card);font-weight:bold;color:var(--accent)}
.swatch .body{padding:16px}.swatch .body.tint{background:var(--tint)}
.swatch h2{font-size:1.3rem}.swatch .label{padding:10px 16px;font-weight:bold;border-top:1px solid var(--line)}