:root{color-scheme:dark;--accent:#c5a7ed;--white:#f4f1f6}*{box-sizing:border-box}html{background:#111013}body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.backdrop{position:fixed;inset:0;z-index:0;background:#111013}.backdrop video{width:100%;height:100%;object-fit:cover;filter:saturate(.32) brightness(.85) contrast(.92)}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,14,.68),rgba(10,8,14,.18)),linear-gradient(0deg,rgba(10,8,14,.85),transparent 70%),radial-gradient(ellipse at 65% 35%,transparent 20%,rgba(10,8,14,.28) 100%)}.page{position:relative;z-index:1;min-height:100svh;max-width:2000px;margin:auto;padding:0 4%;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.13em;font-weight:700}.brand-symbol{font-size:40px;font-weight:400;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:6px}.location{font-size:9px;letter-spacing:.15em;color:#ccc}main{flex:1;padding:54px 0 38px}.eyebrow{font-size:9px;letter-spacing:.15em;display:flex;align-items:center;gap:10px;margin:0 0 23px}.eyebrow span{background:var(--accent);width:5px;height:5px;border-radius:50%}h1{font-size:clamp(70px,9.2vw,145px);font-weight:900;letter-spacing:-.065em;line-height:.86;margin:0 0 27px}h1>span{color:var(--accent)}.intro{font-size:13px;line-height:1.65;color:#d2cdd6;margin:0 0 35px}.visit{display:flex;align-items:center;gap:55px;border-top:1px solid #ffffff40;padding-top:24px;max-width:880px}h2{font-size:8px;letter-spacing:.16em;font-weight:400;color:#b8afc2;margin:0 0 12px}.visit p,address{font-size:14px;line-height:1.6;margin:0;font-style:normal}.visit strong{font-weight:500;color:var(--accent);display:block;font-size:24px;line-height:1.3}.directions{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-left:auto;border:1px solid #ffffff80;padding:16px;font-size:9px;white-space:nowrap}.directions span{font-size:16px}footer{border-top:1px solid #ffffff35;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.1em;color:#bbb}.footer-links{display:flex;gap:24px}.media-controls{display:flex;gap:12px;align-items:center;font-size:6px}.media-controls button{background:transparent;border:1px solid #ffffff65;color:#fff;width:30px;height:30px;font-size:11px;cursor:pointer}.media-controls button:hover{background:#ffffff20}
@media(min-width:1600px){main{padding-top:80px;padding-bottom:65px}.intro{font-size:16px}.visit p,address{font-size:16px}}
@media(max-width:650px){.page{padding:0 6%}header{padding:22px 0}.location{display:none}.brand{font-size:10px}.brand-symbol{font-size:32px}main{padding:55px 0 35px}h1{font-size:clamp(43px,11vw,72px);line-height:.91;letter-spacing:-.06em;margin-bottom:25px}.eyebrow{font-size:7px;letter-spacing:.1em}.intro{font-size:12px;margin-bottom:30px}.visit{flex-wrap:wrap;gap:26px 28px;align-items:start}.visit section{flex:1;min-width:120px}.visit p,address{font-size:12px}.visit strong{font-size:23px}.directions{margin-left:0;width:100%;font-size:9px}.backdrop video{object-position:65% center}footer{flex-wrap:wrap;gap:18px;font-size:6px}.footer-links{gap:15px}.media-controls{width:100%;justify-content:space-between}.media-controls span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Official church logo and more legible lower information. */
.brand-logo{display:block;width:90px;height:90px;object-fit:contain;margin:-16px -7px -16px -16px;flex-shrink:0}
h2{font-size:11px}.visit p,address{font-size:17px}.visit strong{font-size:29px}.directions{font-size:11px;padding:18px}footer{font-size:11px;letter-spacing:.07em;flex-wrap:wrap;color:#d3cdd9}.media-controls{font-size:10px}.media-controls button{width:38px;height:38px;font-size:14px}.footer-links a{padding:10px 0}
@media(max-width:650px){.brand-logo{width:78px;height:78px;margin:-14px -5px -14px -14px}.visit p,address{font-size:15px}.visit strong{font-size:27px}h2{font-size:10px}.directions{font-size:11px}footer{font-size:10px;gap:15px}.media-controls,.media-controls span{font-size:10px}.footer-links{gap:20px}}

/* Delicate vertical texture over the video only, beneath all page content. */
.backdrop::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,rgba(255,255,255,.025) 1px,rgba(255,255,255,.025) 2px,transparent 2px,transparent 5px)}