/* Parròquia de la Mare de Déu dels Àngels · Silla — versión escritorio (responsive: se adapta también a tablet y móvil) */
/* Parròquia de la Mare de Déu dels Àngels · Silla — site styles v2 (no framework) */
.site{font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;color:#f6f0e3;background:#07080f;-webkit-font-smoothing:antialiased;overflow:hidden}
.site *{box-sizing:border-box}
.site.bare{background:transparent;overflow:visible}
.wrap{max-width:1240px;margin:0 auto;padding:0 64px}
.eyebrow{font-family:'Cinzel',Georgia,serif;letter-spacing:.24em;text-transform:uppercase;font-size:13px;font-weight:600;margin:0}
.display{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.02;margin:0;text-wrap:balance}
.lead{font-size:19px;line-height:1.65;margin:0;text-wrap:pretty}
.body{font-size:17px;line-height:1.7;margin:0;text-wrap:pretty}
.h2{font-size:68px}
.gold{color:#efcf8a}
.ink-gold{color:#7d5a12}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.03em;text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;border:0;font-family:inherit;cursor:pointer}
.btn-gold{background:#e0ad4c;color:#1a1305}
.btn-gold:hover{background:#f0c872;color:#1a1305}
.btn-line{border:1px solid rgba(246,240,227,.5);color:#f6f0e3;background:transparent}
.btn-line:hover{border-color:#efcf8a;color:#efcf8a}
.btn-dark{background:#141627;color:#f6f0e3}
.btn-dark:hover{background:#262a45;color:#f6f0e3}
.btn-ink{border:1px solid rgba(29,26,38,.35);color:#1d1a26;background:transparent}
.btn-ink:hover{border-color:#1d1a26}
.more{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;color:#7d5a12;min-height:44px}
.more:hover{color:#1d1a26}
.on-dark .more{color:#efcf8a}
.on-dark .more:hover{color:#f6f0e3}

/* live bar */
.livebar{background:#05060c;border-bottom:1px solid rgba(246,240,227,.08);color:#e9e1cf}
.livebar-in{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13.5px}
.live{display:inline-flex;align-items:center;gap:10px}
.live strong{font-weight:500;color:#f6f0e3}
.live-sub{color:#cfc5ae}
.livebar a{color:#efcf8a;text-decoration:none;white-space:nowrap}
.livebar a:hover{color:#f6f0e3}
.dot{width:9px;height:9px;border-radius:50%;background:#8d8698;flex-shrink:0}
.dot.on{background:#5fd08a;animation:pulse 1.8s infinite}
.dot.soon{background:#e0ad4c}
.dot.ador{background:#efcf8a;animation:pulse-g 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(95,208,138,.55)}70%{box-shadow:0 0 0 9px rgba(95,208,138,0)}100%{box-shadow:0 0 0 0 rgba(95,208,138,0)}}
@keyframes pulse-g{0%{box-shadow:0 0 0 0 rgba(239,207,138,.55)}70%{box-shadow:0 0 0 9px rgba(239,207,138,0)}100%{box-shadow:0 0 0 0 rgba(239,207,138,0)}}

/* nav */
.nav{position:relative;z-index:5;background:linear-gradient(180deg,rgba(5,6,12,.55),rgba(5,6,12,0))}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:32px;height:92px}
.brand{display:flex;align-items:center;gap:14px;color:#f6f0e3;text-decoration:none}
.brand-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.1;font-weight:600}
.brand-sub{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#cfc5ae;margin-top:3px}
.links{display:flex;gap:30px;align-items:center}
.links a{color:#e9e1cf;text-decoration:none;font-size:15px;padding:10px 0;border-bottom:1px solid transparent}
.links a:hover{color:#efcf8a}
.links a.active{color:#efcf8a;border-bottom-color:#e0ad4c}
.menu-btn{display:none;width:48px;height:48px;border-radius:999px;border:1px solid rgba(246,240,227,.4);background:rgba(7,8,15,.35);color:#f6f0e3;align-items:center;justify-content:center;cursor:pointer}

/* home hero */
.hero{position:relative;min-height:980px;background:#0a0d20;overflow:hidden;padding-bottom:120px}
.hero-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,18,.88) 0%,rgba(7,8,18,.55) 38%,rgba(7,8,18,0) 62%)}
.hero-copy{position:relative;z-index:2;padding-top:96px;max-width:660px}
.hero-copy .eyebrow{color:#efcf8a}
.hero h1{font-size:96px;margin-top:22px}
.hero h1 em{display:block;color:#efcf8a;font-style:italic;font-size:.56em;margin-top:14px;line-height:1.1}
.hero .lead{color:#ddd4c1;max-width:540px;margin-top:30px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.count{display:inline-flex;gap:16px;align-items:center;margin-top:44px;padding:10px 22px 10px 10px;border:1px solid rgba(239,207,138,.35);border-radius:999px;background:rgba(7,8,18,.55)}
.count-num{font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:22px;background:#e0ad4c;color:#1a1305;border-radius:999px;min-width:72px;height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center}
.count-txt{font-size:14px;line-height:1.4;color:#e9e1cf}
.count-txt strong{display:block;color:#f6f0e3;font-weight:500}

/* inner page header */
.phead{position:relative;background:radial-gradient(ellipse 70% 90% at 80% 0%,#23264a 0%,#0b0e1c 62%);padding-bottom:110px;overflow:hidden}
.phead-copy{position:relative;z-index:2;padding-top:84px;max-width:860px}
.phead-copy .eyebrow{color:#efcf8a}
.phead h1{font-size:84px;margin-top:22px}
.phead h1 em{color:#efcf8a;font-style:italic}
.phead .lead{color:#ddd4c1;max-width:640px;margin-top:26px}
.phead-mark{position:absolute;right:-40px;bottom:-60px;width:460px;height:460px;opacity:.16;z-index:1}

/* sections */
.sec{padding:140px 0}
.sec-light{background:#f3ebdc;color:#1d1a26}
.sec-ivory{background:#f7f1e5;color:#1d1a26}
.sec-dark{background:#0b0e1c;color:#f6f0e3}
.sec-light .eyebrow,.sec-ivory .eyebrow{color:#7d5a12}
.sec-dark .eyebrow{color:#efcf8a}
.sec-light .lead,.sec-ivory .lead{color:#3a3545}
.sec-dark .lead,.sec-dark .body{color:#ddd4c1}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:end}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}

/* masses — card */
.mcard{background:#141627;color:#f6f0e3;border-radius:28px;padding:56px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;box-shadow:0 30px 80px rgba(7,8,15,.22)}
.mstatus{display:flex;flex-direction:column;gap:16px}
.mstatus .eyebrow{color:#efcf8a}
.mstatus-row{display:flex;align-items:center;gap:14px;margin-top:10px}
.mstatus-row .dot{width:14px;height:14px}
.mstatus-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:54px;line-height:1.02;font-weight:500;margin:0}
.mstatus-s{font-size:18px;line-height:1.55;color:#ddd4c1;margin:0}
.mstatus-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.week{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.week li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 4px;border-bottom:1px solid rgba(246,240,227,.12);font-size:16px;color:#e9e1cf}
.week li:first-child{border-top:1px solid rgba(246,240,227,.12)}
.week li.today{color:#1a1305;background:#e0ad4c;border-radius:12px;padding:15px 16px;border-bottom-color:transparent}
.week .times{font-family:'Cinzel',Georgia,serif;letter-spacing:.06em;font-size:16px;text-align:right}
.week-note{font-size:13.5px;color:#cfc5ae;margin:18px 0 0}

/* masses — full table */
.mfull{display:flex;flex-direction:column;gap:56px}
.mtable{display:flex;flex-direction:column}
.mrow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center;padding:22px 0;border-top:1px solid rgba(29,26,38,.14)}
.mrow.today{background:#fffcf5;border-radius:18px;border-top-color:transparent;padding:22px 24px;box-shadow:0 0 0 1.5px #7d5a12 inset}
.mrow-day{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;display:flex;align-items:center;gap:12px}
.today-tag{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:#141627;color:#f6f0e3;border-radius:999px;padding:4px 10px;font-weight:500}
.chips{display:flex;gap:12px;flex-wrap:wrap}
.chip{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:14px;background:#fffcf5;border:1px solid rgba(29,26,38,.12);min-width:120px}
.mrow.today .chip{background:#f3ebdc}
.chip-t{font-family:'Cinzel',Georgia,serif;font-size:22px;font-weight:600;color:#1d1a26}
.chip-n{font-size:13px;color:#5f5868}
.chip.ador{background:#141627;border-color:#141627}
.chip.ador .chip-t{color:#efcf8a}
.chip.ador .chip-n{color:#cfc5ae}
.chip.live{box-shadow:0 0 0 2px #2f8a55}

/* calendar */
.cal{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;color:#1d1a26}
.cal.mini{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.cal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.cal-month{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;font-weight:600;margin:0;text-transform:capitalize}
.cal-navs{display:flex;gap:8px}
.icon-btn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(29,26,38,.25);background:transparent;color:#1d1a26;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.icon-btn:hover{border-color:#1d1a26}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-dow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#6b5a3a;padding-bottom:6px;font-weight:500}
.cal-cell{min-height:112px;border-radius:12px;background:#fffcf5;border:1px solid rgba(29,26,38,.1);padding:10px;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:5px;cursor:pointer;font:inherit;color:#1d1a26}
.cal-cell:hover{border-color:rgba(29,26,38,.35)}
.cal-cell.out{background:transparent;border-color:transparent;color:#9a92a0;cursor:default}
.cal-cell.today{box-shadow:inset 0 0 0 1.5px #7d5a12}
.cal-cell.sel{background:#141627;color:#f6f0e3;border-color:#141627}
.cal-num{font-family:'Cinzel',Georgia,serif;font-size:17px;font-weight:600}
.ev{font-size:11.5px;line-height:1.3;padding:3px 6px;border-radius:6px;background:rgba(224,173,76,.2);color:#4f3908;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev.milagro{background:#e0ad4c;color:#1a1305}
.ev.ador{background:rgba(20,22,39,.08);color:#1d1a26}
.cal-cell.sel .ev{background:rgba(246,240,227,.14);color:#f6f0e3}
.cal-cell.sel .ev.milagro{background:#e0ad4c;color:#1a1305}
.cal-dots{display:none;gap:3px;justify-content:center}
.cal-dots i{width:5px;height:5px;border-radius:50%;background:#7d5a12;display:block}
.cal.mini .cal-cell{min-height:52px;align-items:center;justify-content:center;padding:6px;gap:4px}
.cal.mini .ev{display:none}
.cal.mini .cal-dots{display:flex}
.cal.mini .cal-month{font-size:32px}
.cal-cell.sel .cal-dots i{background:#efcf8a}
.cal-side{background:#141627;color:#f6f0e3;border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:18px;align-self:start}
.cal-side-d{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:600;margin:0;text-transform:capitalize}
.cal-side-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#efcf8a;font-weight:500}
.cal-side-m{font-family:'Cinzel',Georgia,serif;font-size:18px;letter-spacing:.04em;color:#f6f0e3}
.cal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cal-list li{font-size:15px;line-height:1.45;color:#e9e1cf;padding-left:16px;position:relative}
.cal-list li:before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#e0ad4c}
.cal-empty{font-size:15px;color:#cfc5ae;margin:0}
.upc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.upc li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(29,26,38,.14)}
.upc-d{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:16px;background:#141627;color:#f6f0e3}
.upc-d.milagro{background:#e0ad4c;color:#1a1305}
.upc-n{font-family:'Cinzel',Georgia,serif;font-size:26px;font-weight:600;line-height:1}
.upc-w{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.upc-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:600;line-height:1.15}
.upc-s{font-size:14px;color:#5f5868;margin-top:4px}
.src-note{font-size:13px;color:#5f5868;margin-top:18px}

/* miracle band (home) */
.mband{background:radial-gradient(ellipse 55% 80% at 85% 50%,#1d2040 0%,#0b0e1c 70%);padding:150px 0}
.mband-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:96px;align-items:center}
.mband .h2 em{color:#efcf8a;font-style:italic}
.keydates{display:flex;flex-direction:column}
.kd{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;align-items:baseline;padding:26px 0;border-top:1px solid rgba(246,240,227,.16)}
.kd-y{font-family:'Cinzel',Georgia,serif;font-size:40px;color:#efcf8a}
.kd-t{font-size:16px;line-height:1.55;color:#e9e1cf}
.kd.now{background:#e0ad4c;color:#1a1305;border-radius:18px;padding:26px 24px;border-top:0;margin-top:10px}
.kd.now .kd-y,.kd.now .kd-t{color:#1a1305}

/* timeline (milagro page) */
.tl{margin-top:90px;display:flex;flex-direction:column}
.tl-item{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;padding:40px 0;border-top:1px solid rgba(29,26,38,.16)}
.tl-date{display:flex;flex-direction:column;gap:6px}
.tl-day{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#6b5a3a;font-weight:500}
.tl-year{font-family:'Cinzel',Georgia,serif;font-size:52px;line-height:1;color:#1d1a26;font-weight:500}
.tl-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;line-height:1.1;font-weight:600;margin:0 0 12px}
.tl-text{font-size:17px;line-height:1.7;color:#3a3545;margin:0;max-width:640px;text-wrap:pretty}
.tl-item.now{background:#141627;color:#f6f0e3;border-radius:20px;border-top:0;padding:48px;margin-top:28px}
.tl-item.now .tl-day,.tl-item.now .tl-year{color:#efcf8a}
.tl-item.now .tl-text{color:#ddd4c1}

/* relic */
.relic{background:radial-gradient(ellipse 60% 70% at 28% 50%,#1b1e36 0%,#0b0e1c 70%);padding:150px 0}
.relic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:88px;align-items:center}
.relic-art{width:100%;max-width:480px;height:auto;display:block;margin:0 auto}
.relic .eyebrow{color:#efcf8a}
.relic .h2{margin-top:20px}
.relic .h2 em{color:#efcf8a;font-style:italic}
.relic .body{color:#ddd4c1;margin-top:28px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px;padding-top:36px;border-top:1px solid rgba(246,240,227,.18)}
.fact-k{font-family:'Cinzel',Georgia,serif;font-size:13px;letter-spacing:.2em;color:#efcf8a;text-transform:uppercase}
.fact-v{font-size:16px;line-height:1.55;color:#e9e1cf;margin-top:8px}

/* program cards */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:72px}
.card{background:#fffcf5;border:1px solid rgba(29,26,38,.12);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;min-height:320px;color:#1d1a26}
.card.feature{background:#141627;color:#f6f0e3;border-color:#141627}
.card-date{font-family:'Cinzel',Georgia,serif;font-size:15px;letter-spacing:.12em;color:#7d5a12;font-weight:600}
.card.feature .card-date{color:#efcf8a}
.card-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1.1;font-weight:600;margin:0}
.card-text{font-size:16px;line-height:1.6;color:#3a3545;margin:0;flex-grow:1}
.card.feature .card-text{color:#ddd4c1}
.card-meta{font-size:14px;color:#5f5868;padding-top:14px;border-top:1px solid rgba(29,26,38,.12)}
.card.feature .card-meta{color:#cfc5ae;border-top-color:rgba(246,240,227,.18)}
.note{margin-top:28px;font-size:14px;color:#5f5868}

/* priest */
.priest{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;align-items:center}
.portrait{width:300px;height:360px;border-radius:160px 160px 20px 20px;border:1.5px dashed rgba(125,90,18,.5);background:#efe5d1;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b5a3a;font-size:14px;padding:24px}
.quote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:40px;line-height:1.25;margin:20px 0 0;color:#1d1a26;text-wrap:pretty}
.sign{display:flex;align-items:center;gap:20px;margin-top:32px;flex-wrap:wrap}
.sign-n{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:600}
.sign-r{font-size:14px;color:#5f5868;letter-spacing:.06em}
.letter{max-width:760px;margin:0 auto;color:#2a2633}
.letter p{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.6;margin:0 0 26px;text-wrap:pretty}
.letter p.first::first-letter{font-size:3.4em;float:left;line-height:.85;padding:8px 12px 0 0;color:#7d5a12;font-weight:600}

/* news */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px}
.post{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:#1d1a26}
.post:hover .post-title{color:#7d5a12}
.post-img{aspect-ratio:16/10;border-radius:18px;background:#e7dcc6 repeating-linear-gradient(135deg,rgba(125,90,18,.07) 0 12px,transparent 12px 24px);display:flex;align-items:center;justify-content:center;color:#6b5a3a;font-size:13px;letter-spacing:.06em}
.post-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:#5f5868;flex-wrap:wrap}
.post-cat{font-family:'Cinzel',Georgia,serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7d5a12;font-weight:600}
.post-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1.12;font-weight:600;margin:0;transition:color .2s}
.post-ex{font-size:15.5px;line-height:1.6;color:#3a3545;margin:0}
.post-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;text-decoration:none;color:#1d1a26;margin-top:56px}
.post-feature .post-img{aspect-ratio:16/10}
.post-feature .post-title{font-size:48px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:48px}
.fbtn{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(29,26,38,.25);background:transparent;color:#1d1a26;font:inherit;font-size:15px;cursor:pointer}
.fbtn:hover{border-color:#1d1a26}
.fbtn.on{background:#141627;color:#f6f0e3;border-color:#141627}
.pager{display:flex;gap:8px;justify-content:center;margin-top:72px}
.pager a{min-width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#1d1a26;border:1px solid rgba(29,26,38,.2);padding:0 14px}
.pager a.on{background:#141627;color:#f6f0e3;border-color:#141627}
.wp-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#5f5868;border:1px dashed rgba(29,26,38,.3);border-radius:999px;padding:6px 14px}

/* church / visit */
.church-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px;align-items:center}
.photo-ph{aspect-ratio:4/3;width:100%;border-radius:20px;border:1.5px dashed rgba(239,207,138,.45);background:rgba(246,240,227,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#cfc5ae;font-size:15px;text-align:center;padding:24px}
.visit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:64px}
.vcard{background:#fffcf5;border-radius:20px;padding:32px;border:1px solid rgba(29,26,38,.12);display:flex;flex-direction:column;gap:16px;color:#1d1a26}
.vcard h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;margin:0}
.vcard p{margin:0;font-size:16px;line-height:1.65;color:#3a3545}
.vcard a:not(.btn){color:#7d5a12}
.vcard a:not(.btn):hover{color:#1d1a26}
.hours{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.hours li{display:flex;justify-content:space-between;gap:16px;font-size:16px;color:#3a3545;padding-bottom:10px;border-bottom:1px solid rgba(29,26,38,.1)}
.hours li span:last-child{color:#1d1a26;font-weight:500;text-align:right}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:40px;align-items:center}
.strip-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#efcf8a;font-weight:500}
.strip-v{font-size:17px;line-height:1.5;color:#f6f0e3;margin-top:6px}
.strip-v a{color:#f6f0e3}

/* footer */
.foot{background:#07080f;padding:80px 0 56px;color:#cfc5ae}
.foot-in{display:grid;grid-template-columns:minmax(0,4fr) repeat(2,minmax(0,2fr));gap:48px;align-items:start}
.foot-col{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.55}
.foot-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#efcf8a;font-weight:500;margin-bottom:4px}
.foot a{color:#e9e1cf;text-decoration:none;font-size:15px}
.foot a:hover{color:#efcf8a}
.foot-base{margin-top:56px;padding-top:28px;border-top:1px solid rgba(246,240,227,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}


@media (max-width: 1100px){
  .links{gap:20px}
  .links a{font-size:14px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:80px}
  .cal{grid-template-columns:minmax(0,1fr)}

}

@media (max-width: 820px){
  .wrap{padding:0 22px}
  .links,.nav .btn{display:none}
  .menu-btn{display:inline-flex}
  .nav-in{height:76px}
  .brand-name{font-size:18px}
  .livebar-in{font-size:13px;min-height:44px}
  .live-sub,.livebar-link{display:none}

  .hero{min-height:0;background:#07080f;padding-bottom:72px}
  .hero-art{top:0;left:50%;right:auto;bottom:auto;margin-left:-653px;width:871px;height:520px}
  .hero-shade{inset:0 0 auto 0;height:520px;background:linear-gradient(180deg,rgba(7,8,15,.55) 0%,rgba(7,8,15,0) 22%,rgba(7,8,15,0) 72%,#07080f 100%)}
  .hero-copy{padding-top:350px}
  .hero h1{font-size:56px;margin-top:16px}
  .hero .lead{font-size:17px;margin-top:22px}
  .hero-ctas{flex-direction:column;margin-top:30px}
  .hero-ctas .btn{width:100%}
  .count{margin-top:32px}

  .phead{padding-bottom:72px}
  .phead-copy{padding-top:48px}
  .phead h1{font-size:52px}
  .phead .lead{font-size:17px}
  .phead-mark{width:260px;height:260px;right:-60px;bottom:-40px}

  .sec,.relic,.mband{padding:88px 0}
  .split,.relic-grid,.church-grid,.mband-grid,.priest,.post-feature{grid-template-columns:minmax(0,1fr);gap:28px}
  .h2{font-size:46px}
  .lead{font-size:17px}

  .mcard{grid-template-columns:minmax(0,1fr);padding:30px 22px;gap:36px;border-radius:22px}
  .mstatus-t{font-size:40px}
  .mstatus-actions .btn{width:100%}
  .mrow{grid-template-columns:minmax(0,1fr);gap:14px}
  .mrow.today{padding:20px 16px}
  .chip{min-width:0;flex:1 1 40%}

  .cal,.cal.mini{grid-template-columns:minmax(0,1fr);gap:32px}
  .cal-grid{gap:4px}
  .cal-cell{min-height:52px;align-items:center;justify-content:center;padding:6px;gap:4px}
  .cal .ev{display:none}
  .cal .cal-dots{display:flex}
  .cal-month{font-size:32px}
  .cal-dow{font-size:10px;letter-spacing:.06em}

  .kd{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .kd-y{font-size:32px}
  .tl{margin-top:56px}
  .tl-item{grid-template-columns:minmax(0,1fr);gap:14px;padding:32px 0}
  .tl-year{font-size:40px}
  .tl-title{font-size:30px}
  .tl-item.now{padding:32px 26px}
  .relic-art{max-width:320px}
  .facts{grid-template-columns:minmax(0,1fr)}
  .cards{grid-template-columns:minmax(0,1fr);margin-top:48px}
  .card{min-height:0}

  .portrait{width:100%;height:300px}
  .quote{font-size:30px}
  .letter p{font-size:21px}

  .news-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px}
  .post-feature .post-title{font-size:36px}

  .visit-grid{grid-template-columns:minmax(0,1fr);margin-top:44px}
  .strip{grid-template-columns:minmax(0,1fr);gap:24px}
  .foot-in{grid-template-columns:minmax(0,1fr);gap:36px}
  .foot-base{flex-direction:column}

}

/* ——— static-site additions ——— */
html{scroll-behavior:smooth}
body{margin:0;background:#07080f}
.site{min-height:100vh}
.navwrap{position:relative;z-index:5}
.nav-actions{display:flex;align-items:center;gap:16px}
.mstatus-key{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#cfc5ae}
.mtable{color:#1d1a26}
.cal-host{color:#1d1a26}
.cal-selnote{font-size:15px;color:#3a3545}
.cal-selnote strong{font-weight:500;text-transform:capitalize}
.cal-side-gap{margin-bottom:8px}
.cal-side-btn{align-self:flex-start}
.cal-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.upc-d.upc-weekly{background:transparent;border:1.5px solid rgba(29,26,38,.25);color:#1d1a26}
.upc-d.upc-weekly .upc-n{font-size:18px}
.post[hidden]{display:none}
.mnav{position:fixed;inset:0;z-index:100;background:#0b0e1c;color:#f6f0e3;display:flex;flex-direction:column;padding:18px 22px 32px;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;font-family:'Jost',system-ui,sans-serif}
.mnav.open{transform:none;visibility:visible;transition:transform .3s ease}
.mnav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.mnav .menu-btn{display:inline-flex}
.mnav nav{display:flex;flex-direction:column}
.mnav nav a{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:500;color:#f6f0e3;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(246,240,227,.12)}
.mnav nav a.active{color:#efcf8a}
.mnav-cta{margin-top:32px;align-self:stretch}
body.menu-open{overflow:hidden}
@media (prefers-reduced-motion: reduce){.dot.on,.dot.ador{animation:none}.mnav{transition:none}html{scroll-behavior:auto}}