:root{--cream:#fdfaf2;--paper:#fffdf8;--blue:#e8eee4;--green:#9caf97;--sage:#b7c6b0;--gold:#b89b5e;--gold2:#e3d6b2;--brown:#4a4a3b;--brown2:#7a6330;--ink:#34342d;--mut:#7d7a6a;--line:#ebe2c8;
--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23a9bba3' stroke-width='1.2' opacity='.45'%3E%3Ccircle cx='40' cy='40' r='13'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3Cpath d='M40 22v36M22 40h36M27 27l26 26M53 27L27 53'/%3E%3Ccircle cx='120' cy='120' r='13'/%3E%3Ccircle cx='120' cy='120' r='6'/%3E%3Cpath d='M120 102v36M102 120h36M107 107l26 26M133 107l-26 26'/%3E%3C/g%3E%3Cg fill='none' stroke='%23c9b27a' stroke-width='1.2' opacity='.5'%3E%3Cpath d='M120 28v28M110 36h20M106 44h28M112 54l16-6'/%3E%3Cpath d='M40 112v28M30 120h20M26 128h28M32 138l16-6'/%3E%3C/g%3E%3C/svg%3E");
--key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 6 5'%3E%3Cpath d='M0 5H6M0 5V0H5V4H2V2H3' fill='none' stroke='%23b89b5e' stroke-width='.5'/%3E%3C/svg%3E");--head:"Playfair Display","Lora",Georgia,"Times New Roman",serif;--ui:"Inter","Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font:17px/1.7 var(--ui);color:var(--ink);background:var(--cream) var(--pat)}
a{color:var(--brown2)}a:hover{color:var(--brown2)}img{max-width:100%;height:auto}.wrap{max-width:1060px;margin:auto;padding:0 20px}
.braid{height:28px;background:url(img/braid.png) repeat-x center/auto 28px;opacity:.9}
.top{background:var(--paper)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--brown)}.brand img{width:62px;height:auto}
.brand b{display:block;font:400 1.4rem/1.15 var(--head);letter-spacing:.01em}.brand small{display:block;font-size:.85rem;color:var(--mut);font-style:italic;margin-top:2px}
.lang{border:1px solid var(--gold);color:var(--brown2);text-decoration:none;padding:3px 13px;border-radius:3px;font:700 .85rem var(--ui);letter-spacing:.1em;background:var(--cream)}.lang:hover{background:var(--gold);color:#fff}
.menu{background:var(--blue);border-top:1px solid var(--gold2);border-bottom:1px solid var(--gold2)}.menu .wrap{display:flex;flex-wrap:wrap;gap:0 2px;justify-content:center}
.menu a{color:var(--brown);text-decoration:none;font:700 .8rem var(--ui);letter-spacing:.07em;text-transform:uppercase;padding:12px 10px;border-bottom:3px solid transparent}
.menu a:hover{color:var(--brown2);border-color:var(--gold)}.menu a[aria-current]{border-color:var(--brown2);color:#000}
.key{height:16px;background:var(--key) repeat-x center/20px 16.7px;opacity:.9}
main{padding:30px 20px 60px}body.home main{padding-top:22px}
.orn{text-align:center;color:var(--gold);font-size:26px;margin:6px 0 14px;display:flex;align-items:center;gap:14px}.orn:before,.orn:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.orn.small{font-size:18px}.cross{width:1em;height:1.35em;display:inline-block;vertical-align:middle}
.ph{text-align:center;margin-bottom:20px}.ph h1{margin:.2em 0;font:400 2.1rem/1.2 var(--head);color:var(--brown)}.ph p{margin:0;color:var(--mut);font-style:italic}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px}
.sec{font:500 1.5rem/1.25 var(--head);color:var(--brown);margin:.1em 0 .7em;padding-bottom:20px;background:var(--key) repeat-x left bottom/20px 16.7px}
.card{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.card .im{display:block;background:#efe3c0;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--gold2)}.card .im img{width:100%;height:100%;object-fit:cover}
.card h3{margin:0 0 2px;font-size:1.1rem;line-height:1.3}.card h3 a{text-decoration:none;color:var(--brown)}.card h3 a:hover{text-decoration:underline}.card p{margin:4px 0 0;font-size:.9rem;color:#54422f}
time,.meta,.crumb,.note,small{font:.8rem var(--ui);color:var(--mut)}.crumb a{text-decoration:none}
.more{font:700 .8rem var(--ui);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.eparhia{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);padding:8px 18px 14px;align-self:start}
.elist{list-style:none;margin:0;padding:0}.ei{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:12px 0;border-bottom:1px dotted var(--gold)}
.et{width:86px;height:64px;object-fit:cover;border:1px solid var(--gold2);background:#f3e8c8;display:grid;place-items:center}.et.ph img{width:44px}
.ei a{display:block;text-decoration:none;color:var(--ink);font-size:.92rem;line-height:1.35}.ei a:hover{color:var(--brown2)}
.post h1{font:500 2rem/1.25 var(--head);color:var(--brown);margin:.2em 0}.content{max-width:760px;font-family:Lora,Georgia,serif;font-size:1.05rem;line-height:1.75}.post .content img{margin:12px 0;border:1px solid var(--gold2)}.content a{overflow-wrap:anywhere}
.pn{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:14px;border-top:1px solid var(--line);font:.9rem var(--ui)}.pn .r{text-align:right}
.box{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);padding:14px 24px;max-width:720px;margin:20px auto}.center{text-align:center}.note.center{margin-top:18px}
.iban{font:700 1.5rem ui-monospace,Menlo,monospace;letter-spacing:.05em;color:var(--brown);overflow-wrap:anywhere}
.bishops{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin:26px 0}
.bishop{text-align:center;background:var(--paper);border:1px solid var(--line);padding:24px 20px;border-top:3px solid var(--gold)}.bishop h2{font:400 1.35rem/1.25 var(--head);color:var(--brown);margin:.6em 0 .3em}.bishop p{margin:0;color:#54422f}
.ph-frame{position:relative;width:170px;height:210px;margin:auto;border:3px double var(--gold);background:linear-gradient(var(--blue),#efe8cf);display:grid;place-items:center;color:var(--gold);font-size:64px;overflow:hidden}.ph-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plain{list-style:none;padding:0;margin:0}.big li{padding:12px 0;border-bottom:1px solid var(--line);font-size:1.1rem}.big b{display:block;font:700 .75rem var(--ui);text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:30px;align-items:start;max-width:1000px;margin:auto}.map iframe{width:100%;height:440px;border:3px double var(--gold);display:block}
#schedule iframe.pdf{width:100%;height:82vh;min-height:520px;border:3px double var(--gold);background:#fff}.pdfbar{text-align:center;margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 24px}.chip{font:700 .78rem var(--ui);background:transparent;border:1px solid var(--gold);color:var(--brown);padding:5px 14px;border-radius:20px;cursor:pointer}.chip.on,.chip:hover{background:var(--brown);color:#fff6dc;border-color:var(--brown)}
.yr{font:500 1.5rem var(--head);color:var(--brown);margin:28px 0 4px;border-bottom:1px solid var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-bottom:24px}.tile{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold)}.tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.tile span{display:block;padding:10px 12px;font-size:.95rem;line-height:1.35}.tile:hover{border-top-color:var(--brown2)}
.tracks{padding-left:24px}.tracks li{margin:12px 0}.tracks span{display:block;font-size:.95rem}.tracks audio{width:100%;max-width:520px}
footer{margin-top:10px}.fin{background:var(--blue);text-align:center;padding:14px 20px 20px;border-top:1px solid var(--gold2)}.fin img{width:56px;display:block;margin:0 auto 2px}.fin p{margin:0;font-size:1rem}.fin a{color:var(--brown);text-decoration:none;font-weight:700;letter-spacing:.05em}
.small{font-size:.85rem}table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}td,th{border:1px solid var(--line);padding:6px 10px}
@media(max-width:900px){.cols{grid-template-columns:1fr}.contact{grid-template-columns:1fr}}
@media(max-width:620px){body{font-size:17px}.card{grid-template-columns:1fr}.brand b{font-size:1.3rem}.brand img{width:46px}.brand small{display:none}.menu a{padding:9px 7px;font-size:.72rem}.ph h1{font-size:1.9rem}.braid{height:26px;background-size:auto 26px}}

/* ===== HERO ===== */
.hero{position:relative;width:100vw;margin:-22px 0 44px calc(50% - 50vw);padding:clamp(40px,7vw,92px) 0 clamp(48px,7vw,96px);
 background:radial-gradient(ellipse 60% 70% at 85% 30%,rgba(183,198,176,.32),transparent 70%),radial-gradient(ellipse 50% 60% at 10% 90%,rgba(227,214,178,.4),transparent 70%),linear-gradient(180deg,#fffdf6,#f8f2e1);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pat);opacity:.55}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:var(--key) repeat-x center/20px 16.7px;opacity:.6}
.hero__inner{max-width:1060px;margin:auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,80px);align-items:center}
.hero__icon{margin:0;justify-self:center;width:100%;max-width:400px}
.arch{aspect-ratio:990/1056;border-radius:50% 50% 14px 14px/46% 46% 14px 14px;overflow:hidden;background:#eef2ea;box-shadow:0 0 0 8px var(--cream),0 0 0 9.5px var(--gold),0 22px 48px rgba(122,99,48,.18)}
.arch img{display:block;width:100%;height:100%;object-fit:cover}
.hero__emblem{display:block;width:64px;height:auto;margin:0 0 14px;opacity:.95}
.hero__title{margin:0 0 .35em;font:500 clamp(2.1rem,4.6vw,3.4rem)/1.12 var(--head);color:var(--brown);letter-spacing:-.005em}
.hero__title:after{content:"";display:block;width:84px;height:1px;margin:.55em 0 0;background:linear-gradient(90deg,var(--gold),transparent)}
.hero__subtitle{margin:.9em 0 .5em;font:500 clamp(1.15rem,2.2vw,1.55rem)/1.35 var(--head);color:var(--brown2)}
.hero__lead{margin:0;font:400 1.02rem/1.6 var(--ui);color:var(--mut);letter-spacing:.01em}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,4vw,38px)}
/* ghost buttons */
.btn{display:inline-block;padding:12px 26px;border-radius:999px;background:rgba(255,253,248,.55);color:var(--brown2)!important;text-decoration:none;font:600 .78rem var(--ui);letter-spacing:.11em;text-transform:uppercase;border:1.5px solid var(--gold);margin:4px 0;transition:background .25s,box-shadow .25s,color .25s,transform .25s}
.btn:hover,.btn:focus-visible{background:rgba(184,155,94,.14);box-shadow:0 0 0 4px rgba(184,155,94,.16),0 6px 18px rgba(184,155,94,.25);color:#5d4a1f!important}
.btn:focus-visible{outline:2px solid var(--brown2);outline-offset:3px}.btn:active{transform:translateY(1px)}
.btn.ghost{}
@media(max-width:860px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__icon{max-width:290px}.hero__emblem{margin-inline:auto}.hero__title:after{margin-inline:auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero__cta{justify-content:center}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}