:root{--navy:#0a1f4d;--navy-d:#061433;--blue:#1f4fa8;--pale:#e9eff9;--gold:#f5c431;--gold-d:#d9a521;--black:#0b0b0f;--paper:#f8f7f2;--ink:#10162b;--line:#dfe5f1;
--serif:"Newsreader",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
@view-transition{navigation:auto}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.7 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
img{max-width:100%}
:focus-visible{outline:3px solid var(--gold-d);outline-offset:3px}
.skip{position:absolute;left:-999px;background:#fff;color:#000;padding:.6rem 1rem;z-index:50}.skip:focus{left:1rem;top:1rem}
.wrap{max-width:70rem;margin:0 auto;padding:0 1.5rem}
header.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:3px solid var(--gold);box-shadow:0 6px 24px rgba(6,20,51,.08)}
header.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;flex-wrap:wrap;padding-top:.4rem;padding-bottom:.4rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--navy)}
.brand .cross{width:1.1rem;height:1.6rem;flex:none;color:#000}
.brand img{width:3.7rem;height:3.7rem;border-radius:50%;object-fit:cover;border:3px solid #000;box-shadow:0 0 0 2px var(--gold),0 6px 14px rgba(6,20,51,.25);background:#fdfaf1;transition:transform .4s var(--ease)}
.brand:hover img{transform:rotate(-6deg) scale(1.06)}
.brand b{font:600 1.3rem/1.1 var(--serif)}
nav ul{display:flex;gap:1.3rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:600;color:var(--navy);padding:.2rem 0;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 3px no-repeat;transition:background-size .3s var(--ease)}
nav a:hover,nav a[aria-current]{background-size:100% 3px}
.btn{display:inline-block;padding:.8rem 1.6rem;border-radius:999px;font-weight:700;text-decoration:none;background:var(--navy);color:#fff;border:2px solid var(--navy);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
.btn:hover{background:var(--navy-d);transform:translateY(-2px);box-shadow:0 10px 22px rgba(6,20,51,.25)}
.btn.gold,.hero .btn:not(.alt){background:var(--gold);color:#000;border-color:var(--gold)}
.btn.gold:hover,.hero .btn:not(.alt):hover{background:#ffd34d;box-shadow:0 10px 26px rgba(245,196,49,.4)}
.btn.alt{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn.alt:hover{background:rgba(10,31,77,.07)}
.btn.alt.light,.hero .btn.alt{color:#fff;border-color:rgba(255,255,255,.8)}.btn.alt.light:hover,.hero .btn.alt:hover{background:rgba(255,255,255,.12)}
.hero{background:radial-gradient(60% 80% at 82% 38%,rgba(245,196,49,.28),transparent 62%),radial-gradient(90% 90% at 10% 0,#1b3f8f 0,var(--navy) 48%,var(--navy-d) 100%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:repeating-linear-gradient(90deg,var(--black) 0 24px,var(--gold) 24px 48px)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;padding-top:4.5rem;padding-bottom:5.8rem}
.eyebrow{font:700 .85rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}
.hero h1{font:500 clamp(2.4rem,5.2vw,4rem)/1.08 var(--serif);margin:0 0 1.25rem;color:#fff;letter-spacing:-.01em;animation:fade .9s .1s both var(--ease)}
.hero p.sub{max-width:34rem;font-size:1.15rem;color:#d3ddf3;margin:0 0 2rem}
.hero .verse{font:italic 1.05rem var(--serif);color:#e8eefc;border-left:4px solid var(--gold);padding-left:1rem;margin-top:2.25rem;max-width:30rem}
.cta{display:flex;gap:.9rem;flex-wrap:wrap}
.emblem{justify-self:center;position:relative;width:min(100% - 1.5rem,24rem);animation:float 7s ease-in-out infinite}
.emblem:after{content:"";position:absolute;inset:-60px;z-index:-1;background:radial-gradient(circle,rgba(245,196,49,.35),transparent 65%)}
.emblem img{display:block;width:100%;height:auto;padding:6.45%;border:0;border-radius:17.74%/15.36%;background:#fcfaf2;box-shadow:0 0 0 9px rgba(245,196,49,.85),0 0 0 12px #000,0 30px 60px rgba(0,0,0,.5);outline:3px solid rgba(245,196,49,.95);outline-offset:21px;animation:rise 1.1s .2s both var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
@keyframes float{50%{transform:translateY(-8px)}}
.pagehead{background:radial-gradient(70% 140% at 85% 50%,rgba(245,196,49,.2),transparent 60%),linear-gradient(120deg,var(--black) 0,var(--navy-d) 45%,var(--navy) 100%);color:#fff;position:relative;overflow:hidden}
.pagehead .wrap{padding-top:3.8rem;padding-bottom:3.8rem;padding-right:min(14rem,30vw)}
.pagehead h1{font:500 clamp(2rem,4.4vw,3.2rem)/1.1 var(--serif);margin:0 0 .8rem;max-width:40rem;animation:fade .8s both var(--ease)}
.pagehead p{margin:0;max-width:38rem;color:#d3ddf3;font-size:1.1rem}
.pagehead:before{content:"";position:absolute;right:max(1.5rem,calc((100vw - 70rem)/2 + 1.5rem));top:50%;width:min(12rem,26vw);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:url(verena-mark.webp) center/cover no-repeat;border:4px solid var(--gold);box-shadow:0 0 0 8px rgba(245,196,49,.22),0 20px 50px rgba(0,0,0,.5)}
.pagehead:after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:repeating-linear-gradient(90deg,var(--gold) 0 24px,var(--black) 24px 48px)}
section{padding:5rem 0}
h2{font:600 clamp(1.7rem,3.2vw,2.4rem)/1.15 var(--serif);margin:0 0 1rem;max-width:36rem;color:var(--navy)}
h2.rule:after{content:"";display:block;width:3.5rem;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-d));margin-top:.7rem;border-radius:2px}
.lead{max-width:40rem}
.serve{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.serve div{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:.9rem;padding:1.6rem;box-shadow:0 10px 30px rgba(10,31,77,.07);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.serve div:hover,.ways article:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(10,31,77,.16)}
.serve h3,.ways h3,.values h3{font:600 1.35rem var(--serif);margin:0 0 .4rem;color:var(--navy)}
.serve p,.ways p,.values p{margin:0}
.alt-bg,.help{background:linear-gradient(180deg,var(--pale),#dde7f7)}
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2.5rem}
.ways article{background:#fff;border-radius:.9rem;padding:1.6rem;border-bottom:5px solid var(--navy);box-shadow:0 10px 30px rgba(10,31,77,.08);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.ways article p{margin-bottom:1rem}
.ways a.link{font-weight:700;text-underline-offset:4px;color:var(--navy)}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}
.values div{border-left:4px solid var(--gold);padding-left:1rem}
.story .wrap,.two{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem}
.wrap.two{display:grid}
.story p,.prose p{max-width:36rem;margin:0 0 1rem}
.prose ul{padding-left:1.2rem;max-width:36rem}.prose li{margin:.3rem 0}
.prose h2{margin-top:2.2rem}
.saint{background:linear-gradient(160deg,var(--navy),var(--navy-d));color:#e8eefc;padding:2rem;border-radius:.9rem;border-top:6px solid var(--gold);align-self:start;box-shadow:0 24px 50px rgba(6,20,51,.3)}
.saint .roundel{width:6rem;height:6rem;border-radius:50%;background:url(verena-mark.webp) center/cover no-repeat;border:3px solid var(--gold);margin-bottom:1rem}
.saint h3{font:600 1.5rem var(--serif);margin:0 0 .75rem;color:var(--gold)}
.saint p{margin:0 0 .8rem}
.saint a{color:var(--gold)}
.photo{width:100%;height:auto;border-radius:.9rem;border:4px solid var(--gold);box-shadow:0 20px 44px rgba(10,31,77,.2)}
.next{background:radial-gradient(60% 120% at 100% 50%,rgba(31,79,168,.45),transparent 60%),var(--black);color:#fff;position:relative;overflow:hidden}
.next h2{color:var(--gold);max-width:none}
.next .box{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.next p{margin:0;color:#d3ddf3;max-width:36rem}
.next:before{content:"";position:absolute;left:-3rem;top:50%;width:14rem;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:url(verena-mark.webp) center/cover no-repeat;opacity:.14}
.next .wrap{position:relative}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.cats h2{font-size:1.6rem}.cats ul{list-style:none;margin:0;padding:0}
.cats li{border-bottom:1px solid var(--line);padding:.55rem 0;transition:padding .25s var(--ease)}
.cats li:hover{padding-left:.5rem}
.cats a{font-weight:600;text-underline-offset:3px;color:var(--navy)}
.qr{display:block;width:100%;max-width:19rem;height:auto;background:#fff;padding:.7rem;border:4px solid var(--gold);border-radius:1rem;box-shadow:0 22px 46px rgba(10,31,77,.22)}
.msg{display:grid;gap:1rem}.msg .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.msg label{display:grid;gap:.3rem;font-weight:600;color:var(--navy)}
.msg input,.msg textarea{font:inherit;padding:.75rem .9rem;border:2px solid var(--line);border-radius:.6rem;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.msg input:focus,.msg textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 4px rgba(245,196,49,.4)}
.msg textarea{min-height:9rem}
dl{margin:0}dt{font-weight:700;margin-top:1rem;color:var(--navy)}dd{margin:0}
footer{background:linear-gradient(180deg,var(--gold),#e9b521);color:#000;border-top:6px solid var(--black)}
footer .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding-top:2rem;padding-bottom:2rem}
footer .cross{width:1.6rem;height:2.4rem;color:#000}
footer img{width:5.2rem;height:5.2rem;border-radius:50%;object-fit:cover;border:3px solid #000;box-shadow:0 0 0 3px #fff;background:#fdfaf1}
footer .id{display:flex;align-items:center;gap:1rem}
footer a{color:#000;font-weight:600}
footer small{display:block;margin-top:.2rem}
footer .ftext{max-width:26em}
@media(max-width:480px){footer .fsep{display:none}footer .fline{display:block}}
footer .flinks{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:.5rem 2rem;justify-content:start}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease),box-shadow .35s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .serve div.rv.in:hover,.js .ways article.rv.in:hover{transform:translateY(-6px)}
html.intro body{overflow:hidden}
html.intro body:before{content:"";position:fixed;inset:0;background:var(--navy-d);z-index:99}
#intro{display:grid;position:fixed;inset:0;z-index:100;place-items:center;background:radial-gradient(70% 70% at 50% 40%,#16357a,var(--navy-d));color:var(--gold);text-align:center;cursor:pointer;transition:opacity .8s,visibility .8s}
#intro.done{opacity:0;visibility:hidden}
#intro{overflow:hidden;--sea-still:url("data:image/jpeg;base64,/9j/4QC8RXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAAEAAAAADoAQAAQAAACQAAAAAAAAA/9sAQwAQCwwODAoQDg0OEhEQExgoGhgWFhgxIyUdKDozPTw5Mzg3QEhcTkBEV0U3OFBtUVdfYmdoZz5NcXlwZHhcZWdj/9sAQwEREhIYFRgvGhovY0I4QmNjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2Nj/8IAEQgAJABAAwERAAIRAQMRAf/EABgAAQEBAQEAAAAAAAAAAAAAAAABAgME/8QAGAEBAQEBAQAAAAAAAAAAAAAAAAECAwT/2gAMAwEAAhADEAAAAfN181BmyoFBnUIEllARndrKVIKpBm6XIFyCDtnfKwQgudRqT//EABsQAAEEAwAAAAAAAAAAAAAAAAEAESAwECEx/9oACAEBAAEFAlyYakXjeHl//8QAFxEBAAMAAAAAAAAAAAAAAAAAESAwQP/aAAgBAwEBPwHQ1Mv/xAAUEQEAAAAAAAAAAAAAAAAAAABQ/9oACAECAQE/ASP/xAAYEAACAwAAAAAAAAAAAAAAAAABITAxUP/aAAgBAQAGPwLALqD/xAAhEAADAAICAgIDAAAAAAAAAAAAAREhQTFhEIFRcZHB8P/aAAgBAQABPyH0JtvgbyUpSlG2hysTIlRprRTKN78XSMMqs5Zcnc8f3Jocwkp9nClnrkamf0J5Nmuj1TPwM0yBNqlW3lCV/I8XpiNXsaP/2gAMAwEAAgADAAAAEO1OhDdq98K/BOkjm8lne//EABwRAAMAAgMBAAAAAAAAAAAAAAABERBBICExMP/aAAgBAwEBPxA8HyTWWvg83EaKTZEuKbdE4Nk6LsgzR4f/xAAaEQEAAQUAAAAAAAAAAAAAAAARAAEQIDBA/9oACAECAQE/EGMpoY8jcy//xAAiEAEAAgEEAgIDAAAAAAAAAAABABEhMUFRYXGBkaHR4fH/2gAIAQEAAT8QRaql9VGFjlvM1sNymZLmr+IDnM0ZWvMpzj3K1d48pHKgJtzEcJ7K1/srWWPbUURo60RvzLoxn5huceiD2nuDyhRV8xApyW5qq8TWGzjO8VewOplEChL6iGy57imauorkUdwJxSrcs/iA3G/sJg7XPbxAU6mmf1BNWPJBXkGA84ewiwhqKaioKzjSJs0aGoayuQMAK7AfcSYGBa3YQK9T/9k=");background-color:#1b4f78;background-image:url("https://static.wixstatic.com/media/43786e_58f8274526964e2a8bdd17724ec3f926f002.jpg/v1/fill/w_1280,h_720,al_c,q_70,enc_auto/ocean.jpg"),var(--sea-still);background-size:cover;background-position:center}
@media (orientation:portrait){#intro{background-image:url("https://static.wixstatic.com/media/43786e_58f8274526964e2a8bdd17724ec3f926f002.jpg/v1/fill/w_500,h_1083,al_c,q_70,enc_auto/ocean.jpg"),var(--sea-still)}}
#intro .sea{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .6s;pointer-events:none}
#intro.sea-on .sea{opacity:1}
#intro h2,#intro p{text-shadow:0 1px 3px rgba(6,20,51,.9),0 0 16px rgba(6,20,51,.7)}
.wa{transition:opacity .15s linear}
#intro .in{display:grid;gap:1.2rem;justify-items:center;padding:1.5rem}
#intro img{width:min(62vw,17rem);height:auto;padding:calc(min(62vw,17rem)*.0645);border:0;border-radius:calc(min(62vw,17rem)*.1774);background:#fcfaf2;animation:pop 1.2s var(--ease) both;box-shadow:0 0 0 calc(min(62vw,17rem)*.0242) rgba(245,196,49,.85),0 0 0 calc(min(62vw,17rem)*.0342) #000,0 0 70px rgba(245,196,49,.35),0 20px 60px rgba(0,0,0,.5);outline:calc(min(62vw,17rem)*.01) solid rgba(245,196,49,.95);outline-offset:calc(min(62vw,17rem)*.0642)}
#intro h2{font:500 clamp(1.6rem,5vw,2.4rem) var(--serif);color:var(--gold);margin:calc(min(62vw,17rem)*.0742 + .5rem) 0 0;max-width:none;animation:fade .9s .6s both var(--ease)}
#intro p{margin:0;color:#d3ddf3;font-size:min(1.0625rem,4.6vw);animation:fade .9s .9s both var(--ease)}

@keyframes pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:860px){
.hero .wrap,.story .wrap,.two,.wrap.two{grid-template-columns:1fr}
.serve,.ways,.cats{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}
.emblem{width:min(70%,17rem);order:-1}
.hero .wrap{padding-top:2.5rem;padding-bottom:4rem}
.pagehead .wrap{padding-right:1.5rem}.pagehead:before{display:none}
footer .wrap{grid-template-columns:1fr}
.msg .row{grid-template-columns:1fr}
section{padding:3.5rem 0}
}
@media(max-width:520px){.values{grid-template-columns:1fr}nav ul{gap:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}@view-transition{navigation:none}}
.photos{display:grid;gap:1.25rem;align-self:start}
.photo{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border:0;border-radius:1rem;box-shadow:0 0 0 4px var(--gold),0 22px 44px rgba(10,31,77,.22);margin:0}
.photos{padding:4px}
.photos+dl{margin-top:2rem}

.saint .roundel{width:7rem;height:7rem;border-color:var(--gold);background-color:#fdfaf1;box-shadow:0 0 0 3px #000}
.pagehead:before{border:4px solid #000;box-shadow:0 0 0 6px var(--gold),0 20px 50px rgba(0,0,0,.5);background-color:#fdfaf1}
.emblem img{border-color:#000}

.wa{position:fixed;left:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.wa-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:#000;border:3px solid #000;border-radius:999px;padding:.6rem 1.1rem .6rem .9rem;font:700 1rem var(--sans);cursor:pointer;box-shadow:0 10px 26px rgba(6,20,51,.35);transition:transform .25s var(--ease),box-shadow .25s}
.wa-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(6,20,51,.45)}
.wa-btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.wa-panel{width:min(20rem,calc(100vw - 2rem));background:#fff;border:3px solid #000;border-radius:1rem;overflow:hidden;box-shadow:0 24px 54px rgba(6,20,51,.4);animation:fade .35s both var(--ease)}
.wa-panel[hidden]{display:none}
.wa-head{display:flex;align-items:center;gap:.7rem;background:var(--navy);color:#fff;padding:.7rem .8rem}
.wa-head img{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--gold);object-fit:cover;background:#fdfaf1}
.wa-head div{flex:1;line-height:1.2}.wa-head strong{display:block}.wa-head span{font-size:.85rem;color:#cfdcf5}
.wa-x{background:none;border:0;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;padding:0 .3rem}
.wa-body{background:var(--pale);padding:1rem}
.wa-msg{margin:0;background:#fff;border-radius:.2rem 1rem 1rem 1rem;padding:.7rem .9rem;box-shadow:0 2px 8px rgba(10,31,77,.12);font-size:.98rem;line-height:1.45}
.wa-form{display:grid;gap:.6rem;padding:.8rem}
.wa-form textarea{font:inherit;padding:.6rem .7rem;border:2px solid var(--line);border-radius:.6rem;resize:vertical;min-height:3.4rem}
.wa-form textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(245,196,49,.45)}
.wa-form .btn{border:2px solid #000;cursor:pointer;font:700 1rem var(--sans);padding:.65rem 1rem}
.wa-form small{color:#44506b;font-size:.8rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:520px){.wa-btn span{display:none}.wa-btn{padding:.7rem}}

.wa-form input[type=text]{font:inherit;padding:.6rem .7rem;border:2px solid var(--line);border-radius:.6rem}
.wa-form input[type=text]:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(245,196,49,.45)}
.wa-ok{margin:0;padding:1rem .4rem;font-weight:600;color:var(--navy)}
.wa-form button:disabled{opacity:.7;cursor:wait}

/* mobile menu */
.nav-toggle{display:none;background:none;border:2px solid var(--navy);border-radius:10px;width:46px;height:46px;padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:none}
.nav-toggle span{display:block;width:22px;height:3px;border-radius:2px;background:var(--navy);transition:transform .25s var(--ease),opacity .2s}
.nav-toggle:focus-visible{outline:3px solid var(--gold-d);outline-offset:2px}
header.nav.open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
header.nav.open .nav-toggle span:nth-child(2){opacity:0}
header.nav.open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:860px){
header.nav .wrap{flex-wrap:nowrap;gap:.6rem}
header.nav .brand{margin-right:auto;min-width:0}
.nav-toggle{display:inline-flex}
header.nav>.wrap>.btn{padding:.6rem 1rem;font-size:.9rem;flex:none}
header.nav nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--gold);box-shadow:0 14px 28px rgba(6,20,51,.14);max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s var(--ease),visibility 0s .35s}
header.nav.open nav{max-height:85vh;visibility:visible;transition:max-height .35s var(--ease),visibility 0s}
header.nav nav ul{flex-direction:column;flex-wrap:nowrap;gap:0;padding:.4rem 1.25rem .8rem}
header.nav nav li{border-bottom:1px solid var(--line)}
header.nav nav li:last-child{border-bottom:0}
header.nav nav a{display:block;padding:.95rem 0;font-size:1.05rem;background-position:0 92%}
}

@media(max-width:860px){
header.nav .wrap{min-height:3.6rem;gap:.5rem;justify-content:flex-start}
header.nav .brand{gap:.4rem;margin-right:auto;flex:1 1 auto}
header.nav .brand .cross{width:10px;height:auto;flex:none}
header.nav .brand img{width:40px;height:40px;flex:none}
header.nav .brand b{font-size:.82rem;line-height:1.15;white-space:nowrap}
header.nav>.wrap>.btn{padding:.5rem .9rem;font-size:.85rem}
.nav-toggle{width:42px;height:42px}
}
@media(max-width:380px){header.nav .brand b{font-size:.74rem}header.nav .brand img{width:34px;height:34px}header.nav>.wrap>.btn{padding:.45rem .7rem;font-size:.8rem}}

.brand .cross{width:1.8rem;height:1.8rem}footer .cross{width:2.8rem;height:2.8rem}@media(max-width:860px){header.nav .brand .cross{width:1.35rem;height:1.35rem}}

.brand .cross{width:2.5rem;height:2.5rem}footer .cross{width:3.8rem;height:3.8rem}@media(max-width:860px){header.nav .brand .cross{width:1.9rem;height:1.9rem}}

.partner{background:var(--pale);border-left:5px solid var(--gold);border-radius:10px;padding:1.3rem 1.5rem;margin:0 0 1.6rem}.partner h2,.partner h3{margin:0 0 .5rem;color:var(--navy);font-size:1.3rem}.partner p{margin:.45rem 0;max-width:68ch}.partner a{font-weight:700}section.partnersec{padding-top:2.2rem;padding-bottom:0}section.partnersec .partner{margin-bottom:0}

@media (max-width:640px){
.tabs[role="tablist"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;border-bottom:0;margin:0 0 1.5rem;scroll-margin-top:5rem}
.tabs>.tab{display:flex;align-items:center;justify-content:center;text-align:center;min-height:3rem;padding:.55rem .6rem;font-size:.95rem;line-height:1.2;border:2px solid var(--line);border-radius:12px;margin-bottom:0;background:#fff;text-wrap:balance}
.tabs>.tab:hover:not([aria-selected="true"]){background:var(--pale)}
.tabs>.tab[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:inset 0 -4px 0 var(--gold)}
#churchtabs .tabs>.tab:first-child{grid-column:1/-1}
}

@media (max-width:860px){
.hero .wrap{row-gap:0}
.hero .wrap>div:first-child{display:contents}
.hero .eyebrow{order:1}
.hero h1{order:2}
.hero .wrap>.emblem{order:3;width:min(52%,12rem);margin:1.75rem auto 2.5rem}
.emblem img{box-shadow:0 0 0 4px rgba(245,196,49,.85),0 0 0 6px #000,0 16px 34px -6px rgba(0,0,0,.55);outline-width:2px;outline-offset:12px}
.hero p.sub{order:4}
.hero .cta{order:5}
.hero .verse{order:6}
.wrap.hist{grid-template-columns:minmax(0,1fr);gap:1.75rem}
.wrap.hist .iconframe{max-width:220px}
.photos{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.7rem}
.photos>.photo:not(:only-child){aspect-ratio:1/1;border-radius:.8rem;box-shadow:0 0 0 3px var(--gold),0 12px 24px rgba(10,31,77,.18)}
.photos>.photo:only-child{aspect-ratio:16/9}
div:has(>.photos+dl){display:flex;flex-direction:column}
div:has(>.photos+dl)>.photos{order:2;margin-top:1.75rem}
div:has(>.photos+dl)>dl{margin-top:0}
}


/* Layout polish pass */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>footer{flex:none}

@media(min-width:861px){
.cats>div:last-child:nth-child(3n+1){grid-column:1/-1}
.cats>div:last-child:nth-child(3n+1) ul{columns:3;column-gap:2rem}
.cats>div:last-child:nth-child(3n+1) li{break-inside:avoid}
}
@media(min-width:561px) and (max-width:860px){
.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.cats>div:last-child:nth-child(odd){grid-column:1/-1}
.cats>div:last-child:nth-child(odd) ul{columns:2;column-gap:2rem}
.cats>div:last-child:nth-child(odd) li{break-inside:avoid}
}

.give{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-top:.4rem}
.give article{background:#fff;border-radius:.9rem;padding:1.8rem;border-bottom:5px solid var(--navy);box-shadow:0 10px 30px rgba(10,31,77,.08);display:flex;flex-direction:column;align-items:flex-start}
.give article h2{margin-top:0}
.give article p{margin:0 0 1rem;max-width:34rem}
.give article>p:last-child{margin:auto 0 0;padding-top:.5rem}
.give article.give-online{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2.5rem;align-items:center}
.give-online .gtext p:last-child{margin-bottom:0}
.give-online .gqr{display:flex;flex-direction:column;align-items:center;text-align:center}
.give-online .qr{max-width:15rem;margin:0 auto}
.give-online .gqr p{margin:1rem 0 0;text-align:center}
@media(max-width:860px){
.give{grid-template-columns:minmax(0,1fr)}
.give article.give-online{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.give article{padding:1.5rem}
}


/* Internships and volunteer hours */
.opps{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.opps .opp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.opps .opp{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:.9rem;padding:1.5rem 1.6rem;box-shadow:0 10px 30px rgba(10,31,77,.07);display:flex;flex-direction:column;align-items:flex-start}
.opp-t{font:600 1.35rem var(--serif);color:var(--navy);margin:0 0 .5rem}
.opp .req,.reqs .req{margin:0 0 .8rem;display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:.88rem;letter-spacing:.02em;padding:.3rem .85rem;border-radius:999px}
.opp p{margin:0}
.opp p+p{margin-top:.6rem}
.opp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin:1.8rem 0 0}
.opp-actions .more{font-weight:700;color:var(--navy);text-underline-offset:4px}
.opps.intab{background:none;border:0;margin-top:2.5rem}
.opps.intab .box{background:var(--pale);border-left:5px solid var(--gold);border-radius:10px;padding:1.6rem}
.opps.intab h3.opps-h{font:600 1.5rem var(--serif);color:var(--navy);margin:0 0 .4rem}
.opps.intab .opps-lead{margin:0;max-width:44rem}
.opps.intab .opp{background:#fff}
.opps.intab .opp-grid{margin-top:1.3rem}
.opps.intab .opp-actions{margin-top:1.4rem}
.reqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-top:2rem}
.reqs article{background:#fff;border-radius:.9rem;padding:1.8rem;border-bottom:5px solid var(--navy);box-shadow:0 10px 30px rgba(10,31,77,.08);display:flex;flex-direction:column;align-items:flex-start}
.reqs article h3{font:600 1.5rem var(--serif);color:var(--navy);margin:0 0 .5rem}
.reqs article p{margin:0 0 .8rem;max-width:34rem}
.reqs ul{margin:0 0 1rem;padding-left:1.2rem}
.reqs li{margin:.2rem 0}
.reqs article>p:last-child{margin:auto 0 0;padding-top:.6rem}
.steps{counter-reset:s;list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:.9rem;padding:1.4rem 1.5rem 1.5rem;box-shadow:0 10px 30px rgba(10,31,77,.07)}
.steps li:before{content:counter(s);display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--navy);color:var(--gold);font:700 1.1rem var(--sans);margin-bottom:.8rem;box-shadow:0 0 0 4px rgba(245,196,49,.35)}
.steps strong{display:block;color:var(--navy);font:600 1.2rem var(--serif);margin-bottom:.3rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.9rem 1rem;margin-top:2rem}
@media(max-width:860px){.reqs{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.opps .opp-grid{grid-template-columns:minmax(0,1fr)}.opp-actions .btn,.cta-row .btn{width:100%;text-align:center}.opps.intab .box{padding:1.2rem}}
/* Header cross link to the Coptic Orthodox Church (a matching pair with the St. Verena's mark) */
.brandset{display:flex;align-items:center;gap:.8rem;min-width:0}
.crosslink{display:grid;place-items:center;position:relative;isolation:isolate;flex:none;width:3.7rem;height:3.7rem;border-radius:50%;border:3px solid #000;box-shadow:0 0 0 2px var(--gold),0 6px 14px rgba(6,20,51,.25);background:#f5c431 url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%20100'%3E%3Cdefs%3E%3CradialGradient%20id%3D'g'%20cx%3D'36%25'%20cy%3D'28%25'%20r%3D'90%25'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23ffe680'%2F%3E%3Cstop%20offset%3D'.55'%20stop-color%3D'%23f5c431'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23e3a91d'%2F%3E%3C%2FradialGradient%3E%3Cpattern%20id%3D'p'%20width%3D'11'%20height%3D'11'%20patternUnits%3D'userSpaceOnUse'%20patternTransform%3D'rotate(45)'%3E%3Cpath%20d%3D'M0%200H11M0%200V11'%20stroke%3D'%23c58f10'%20stroke-width%3D'.8'%20opacity%3D'.42'%20fill%3D'none'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'1.25'%20fill%3D'%23fff1a6'%20opacity%3D'.85'%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D'100'%20height%3D'100'%20fill%3D'url(%23g)'%2F%3E%3Crect%20width%3D'100'%20height%3D'100'%20fill%3D'url(%23p)'%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;text-decoration:none;transition:transform .4s var(--ease)}
.crosslink .cross{display:block;width:86%;height:86%;color:#000;position:relative;z-index:1}
/* thin wreath of green palms around the inside of the black ring */
.crosslink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20viewBox%3D'0%200%20100%20100'%3E%3Cdefs%3E%3Cg%20id%3D'l'%3E%3Cpath%20d%3D'M0%200C1.9%20-1.7%204.6%20-1.7%206.4%200C4.6%201.7%201.9%201.7%200%200Z'%20fill%3D'%235a5c28'%20stroke%3D'%232f3014'%20stroke-width%3D'.4'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M.5%200L5.4%200'%20stroke%3D'%239a9c5c'%20stroke-width%3D'.35'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cpath%20d%3D'M54.7%2094.75A45%2045%200%200%200%2059.36%205.98'%20fill%3D'none'%20stroke%3D'%232f3014'%20stroke-width%3D'.9'%20stroke-linecap%3D'round'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(54.7%2094.75)%20rotate(-38)%20scale(1)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(54.7%2094.75)%20rotate(26)%20scale(1)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(62.5%2093.23)%20rotate(-48.13)%20scale(0.99)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(62.5%2093.23)%20rotate(15.87)%20scale(0.99)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(69.9%2090.36)%20rotate(-58.25)%20scale(0.98)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(69.9%2090.36)%20rotate(5.75)%20scale(0.98)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(76.69%2086.23)%20rotate(-68.37)%20scale(0.97)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(76.69%2086.23)%20rotate(-4.37)%20scale(0.97)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(82.64%2080.98)%20rotate(-78.5)%20scale(0.96)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(82.64%2080.98)%20rotate(-14.5)%20scale(0.96)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(87.58%2074.76)%20rotate(-88.63)%20scale(0.94)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(87.58%2074.76)%20rotate(-24.63)%20scale(0.94)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(91.35%2067.76)%20rotate(-98.75)%20scale(0.93)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(91.35%2067.76)%20rotate(-34.75)%20scale(0.93)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(93.82%2060.22)%20rotate(-108.87)%20scale(0.92)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(93.82%2060.22)%20rotate(-44.87)%20scale(0.92)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(94.94%2052.36)%20rotate(-119)%20scale(0.91)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(94.94%2052.36)%20rotate(-55)%20scale(0.91)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(94.65%2044.42)%20rotate(-129.12)%20scale(0.9)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(94.65%2044.42)%20rotate(-65.13)%20scale(0.9)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(92.98%2036.66)%20rotate(-139.25)%20scale(0.89)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(92.98%2036.66)%20rotate(-75.25)%20scale(0.89)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(89.96%2029.31)%20rotate(-149.37)%20scale(0.88)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(89.96%2029.31)%20rotate(-85.37)%20scale(0.88)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(85.7%2022.61)%20rotate(-159.5)%20scale(0.87)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(85.7%2022.61)%20rotate(-95.5)%20scale(0.87)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(80.33%2016.76)%20rotate(-169.62)%20scale(0.85)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(80.33%2016.76)%20rotate(-105.62)%20scale(0.85)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(74.01%2011.94)%20rotate(-179.75)%20scale(0.84)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(74.01%2011.94)%20rotate(-115.75)%20scale(0.84)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(66.95%208.31)%20rotate(-189.87)%20scale(0.83)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(66.95%208.31)%20rotate(-125.87)%20scale(0.83)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(59.36%205.98)%20rotate(-200)%20scale(0.82)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(59.36%205.98)%20rotate(-136)%20scale(0.82)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(59.36%205.98)%20rotate(-168)%20scale(.85)'%2F%3E%3Cpath%20d%3D'M45.3%2094.75A45%2045%200%200%201%2040.64%205.98'%20fill%3D'none'%20stroke%3D'%232f3014'%20stroke-width%3D'.9'%20stroke-linecap%3D'round'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(45.3%2094.75)%20rotate(-206)%20scale(1)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(45.3%2094.75)%20rotate(-142)%20scale(1)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(37.5%2093.23)%20rotate(-195.87)%20scale(0.99)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(37.5%2093.23)%20rotate(-131.87)%20scale(0.99)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(30.1%2090.36)%20rotate(-185.75)%20scale(0.98)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(30.1%2090.36)%20rotate(-121.75)%20scale(0.98)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(23.31%2086.23)%20rotate(-175.62)%20scale(0.97)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(23.31%2086.23)%20rotate(-111.62)%20scale(0.97)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(17.36%2080.98)%20rotate(-165.5)%20scale(0.96)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(17.36%2080.98)%20rotate(-101.5)%20scale(0.96)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(12.42%2074.76)%20rotate(-155.37)%20scale(0.94)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(12.42%2074.76)%20rotate(-91.37)%20scale(0.94)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(8.65%2067.76)%20rotate(-145.25)%20scale(0.93)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(8.65%2067.76)%20rotate(-81.25)%20scale(0.93)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(6.18%2060.22)%20rotate(-135.12)%20scale(0.92)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(6.18%2060.22)%20rotate(-71.13)%20scale(0.92)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(5.06%2052.36)%20rotate(-125)%20scale(0.91)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(5.06%2052.36)%20rotate(-61)%20scale(0.91)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(5.35%2044.42)%20rotate(-114.88)%20scale(0.9)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(5.35%2044.42)%20rotate(-50.88)%20scale(0.9)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(7.02%2036.66)%20rotate(-104.75)%20scale(0.89)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(7.02%2036.66)%20rotate(-40.75)%20scale(0.89)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(10.04%2029.31)%20rotate(-94.62)%20scale(0.88)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(10.04%2029.31)%20rotate(-30.62)%20scale(0.88)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(14.3%2022.61)%20rotate(-84.5)%20scale(0.87)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(14.3%2022.61)%20rotate(-20.5)%20scale(0.87)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(19.67%2016.76)%20rotate(-74.38)%20scale(0.85)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(19.67%2016.76)%20rotate(-10.38)%20scale(0.85)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(25.99%2011.94)%20rotate(-64.25)%20scale(0.84)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(25.99%2011.94)%20rotate(-0.25)%20scale(0.84)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(33.05%208.31)%20rotate(-54.12)%20scale(0.83)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(33.05%208.31)%20rotate(9.87)%20scale(0.83)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(40.64%205.98)%20rotate(-44)%20scale(0.82)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(40.64%205.98)%20rotate(20)%20scale(0.82)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20transform%3D'translate(40.64%205.98)%20rotate(-12)%20scale(.85)'%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none;z-index:3}
.crosslink:hover,.crosslink:focus-visible{transform:rotate(-6deg) scale(1.06)}
.crosslink:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
@media(max-width:860px){.brandset{gap:.6rem}.crosslink{width:40px;height:40px}header.nav .brandset{margin-right:auto;min-width:0;flex:1 1 auto}header.nav .brandset .brand{flex:0 1 auto;margin-right:0}}
@media(max-width:520px){.brandset{gap:.45rem}}
@media(max-width:380px){.crosslink{width:34px;height:34px}}
/* Footer cross link: matches the footer St. Verena's mark */
footer .crosslink{width:5.2rem;height:5.2rem;box-shadow:0 0 0 3px #fff}
footer .crosslink .cross{width:86%;height:86%;color:#000}

/* Collapsed menu also between 861px and 1100px so the header never wraps onto two rows */
@media(min-width:861px) and (max-width:1100px){header.nav .wrap{flex-wrap:nowrap;gap:.6rem}.nav-toggle{display:inline-flex}header.nav>.wrap>.btn{padding:.6rem 1rem;font-size:.9rem;flex:none}header.nav nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--gold);box-shadow:0 14px 28px rgba(6,20,51,.14);max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s var(--ease),visibility 0s .35s}header.nav.open nav{max-height:85vh;visibility:visible;transition:max-height .35s var(--ease),visibility 0s}header.nav nav ul{flex-direction:column;flex-wrap:nowrap;gap:0;padding:.4rem 1.25rem .8rem}header.nav nav li{border-bottom:1px solid var(--line)}header.nav nav li:last-child{border-bottom:0}header.nav nav a{display:block;padding:.95rem 0;font-size:1.05rem;background-position:0 92%}header.nav .brandset{margin-right:auto;min-width:0;flex:1 1 auto}header.nav .brandset .brand{flex:0 1 auto;margin-right:0}}

/* Future of St. Verena's */
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.fgrid article{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:.9rem;padding:1.5rem 1.6rem;box-shadow:0 10px 30px rgba(10,31,77,.07);display:flex;flex-direction:column;align-items:flex-start;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.fgrid article:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(10,31,77,.16)}
.fgrid h3{font:600 1.35rem var(--serif);color:var(--navy);margin:0 0 .5rem}
.fgrid p{margin:0}
.fgrid .ftag{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.02em;padding:.28rem .8rem;border-radius:999px;margin:0 0 .8rem}
.belief{font:500 clamp(1.3rem,2.6vw,1.9rem)/1.45 var(--serif);color:var(--navy);max-width:46rem;margin:1.2rem 0 0;padding-left:1.4rem;border-left:5px solid var(--gold)}
.ftags{list-style:none;margin:1.6rem 0 1.8rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1.5rem}
.ftags li{display:flex;align-items:center;justify-content:center;text-align:center;min-height:3.6rem;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:.6rem;padding:.7rem 1rem;font-weight:600;line-height:1.3;color:var(--navy);box-shadow:0 6px 16px rgba(10,31,77,.06)}
@media(max-width:960px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftags{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.fgrid{grid-template-columns:1fr}.ftags{grid-template-columns:1fr}}

/* Need assistance */
.needhelp{padding:2.4rem 0;background:#fff}
.needhelp .nh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2rem;background:var(--navy);color:#fff;border-radius:1rem;border-left:6px solid var(--gold);padding:1.7rem 2rem}
.needhelp .nh-text{flex:1 1 24rem;min-width:0}
.needhelp h2{margin:0 0 .4rem;color:var(--gold);font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.2;max-width:none}
.needhelp p{margin:0;color:#d3ddf3;max-width:38rem}
.needhelp .nh-links{display:flex;flex-wrap:wrap;gap:.7rem}
.needhelp .nh-links .btn{text-align:center}
@media(max-width:700px){.needhelp{padding:1.6rem 0}.needhelp .nh{padding:1.4rem 1.2rem}.needhelp .nh-links{width:100%}.needhelp .nh-links .btn{flex:1 1 100%}}
/* Back-to-top arrow (phones and small tablets) */
.to-top{position:fixed;right:1rem;bottom:1rem;z-index:60;display:none;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:3px solid var(--gold);border-radius:50%;background:var(--navy);color:var(--gold);cursor:pointer;box-shadow:0 10px 26px rgba(6,20,51,.35);opacity:0;visibility:hidden;transform:translateY(.75rem);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s linear .25s}
.to-top svg{width:1.5rem;height:1.5rem}
.to-top.show{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s}
.to-top:active{transform:scale(.94)}
.to-top:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
@media(max-width:860px){.to-top{display:grid}}
@media(prefers-reduced-motion:reduce){.to-top,.to-top.show{transition:none}}
.intro .to-top{display:none}
/* Read more on phones (long boxes and disclaimers; not on Home) */
.fv-btn{display:none}
@media(max-width:860px){
.fv-closed .fv-x{display:none!important}
.fv-btn{display:flex;width:max-content;max-width:100%;align-items:center;gap:.4rem;margin:.8rem 0 .6rem;padding:.5rem 1rem;border:0;border-radius:999px;background:var(--pale);color:var(--navy);font:700 .95rem/1.2 var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent}
.fv-btn svg{width:1.05rem;height:1.05rem;flex:none;transition:transform .2s var(--ease)}
.fv-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.fv-btn:focus-visible{outline:3px solid var(--gold-d);outline-offset:2px}
.partner .fv-btn,p.note .fv-btn,.rs-safe .fv-btn,.rs-feature .fv-btn{background:#fff;color:var(--navy)}
.saint .fv-btn{background:rgba(255,255,255,.14);color:#fff}
.partner.fv-closed h2,.partner.fv-closed h3{margin-bottom:0}
.fv-btn:last-child{margin-bottom:0}
.hp-go .fv-btn{flex:0 0 auto;margin:0}
}
@media(max-width:860px) and (prefers-reduced-motion:reduce){.fv-btn svg{transition:none}}
/* Links to our app on the website (app/index.html) */
.appnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.5rem;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:1rem 1.25rem;margin:0 0 1.75rem;box-shadow:0 6px 18px rgba(10,31,77,.06)}
.appnote p{margin:0;max-width:36rem}
.appnote .appnote-links{display:flex;flex-wrap:wrap;gap:.6rem}
.appnote .btn{padding:.65rem 1.2rem;text-align:center}
.appnote.appnote-stack{display:block;margin:1.75rem 0 0}
.appnote.appnote-stack .appnote-links{margin-top:.8rem}
.btn-pair{display:flex;flex-wrap:wrap;gap:.6rem}
@media(max-width:700px){.appnote .appnote-links{width:100%}.appnote .appnote-links .btn{flex:1 1 100%}}
/* Linked headings (like privacy.html#app) clear the sticky header */
.prose h2[id]{scroll-margin-top:6rem}

/* Sign in (header) and the menu-only links (v34) */
header.nav .wrap>a.hsign{background:transparent;color:var(--navy);border-color:var(--navy);padding:.5rem .9rem;font-size:.9rem}
header.nav .wrap>a.hsign:hover,header.nav .wrap>a.hsign:focus-visible{background:var(--pale)}
@media(max-width:560px){header.nav .wrap>a.hsign{display:none}}
@media(min-width:1101px){header.nav nav li.navx{display:none}}
@media(min-width:1101px){header.nav nav ul{gap:1rem}}
@media(min-width:1101px) and (max-width:1250px){header.nav nav ul{gap:.7rem}}
@media(max-width:640px){.evtabs>.tab:last-child:nth-child(even){grid-column:1/-1}}
