/* Homepage highlight: Diaconate Ordination, Dec 19, 2026 (EN index.html + ES es/inicio).
   From Dec 20 the inline script switches it to "Welcome, Deacons"; hidden from Jan 11, 2027. */
.ord-band{position:relative;overflow:hidden;color:#fff;padding-block:clamp(56px,7vw,96px);
  background:radial-gradient(90% 120% at 85% 10%,rgba(210,154,82,.22) 0,rgba(210,154,82,0) 55%),
             linear-gradient(160deg,#1F3446 0%,#162636 60%,#131E29 100%)}
.ord-band::before{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 13v18M13 22h18' stroke='%23D29A52' stroke-width='1.3'/%3E%3C/svg%3E")}
/* the deacon's stole: a gold sash across the corner */
.ord-band::after{content:"";position:absolute;top:-40px;right:-120px;width:420px;height:46px;transform:rotate(38deg);
  background:linear-gradient(180deg,#e0b766,#c08a33 60%,#a87428);box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:.9}
.ord-band .wrap>*{min-width:0}
.ord-band .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.ord-band .eyebrow{color:var(--gold)}
.ord-band h2{color:#fff;margin-top:12px}
.ord-band h2 em{font-style:italic;color:var(--gold)}
.ord-lede{margin-top:18px;font-size:1.12rem;line-height:1.6;color:#d6e0e7;max-width:58ch}
.ord-lede b{color:#fff;font-weight:700}
.ord-chip{display:inline-block;margin-top:20px;font:700 .72rem/1 var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--gold);border-radius:99px;padding:8px 12px 7px}
.ord-chip:empty{display:none}
.ord-facts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0;border-top:1px solid rgba(210,154,82,.35)}
.ord-facts li{display:grid;grid-template-columns:7.5em 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(210,154,82,.35);font-size:1rem;line-height:1.45;color:#eef3f6}
.ord-facts small{font:700 .7rem/1.6 var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.ord-facts a{color:#fff;text-decoration-color:rgba(210,154,82,.7);text-underline-offset:3px}
.ord-actions{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center;margin-top:26px}
.ord-actions .btn-ghost{color:#fff}
.ord-files{margin-top:16px;font-size:.88rem;color:#b9c7d1}
.ord-files a{color:#fff;text-underline-offset:3px;margin-right:14px;display:inline-block}
.ord-men{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px);margin:0;padding:0;list-style:none}
.ord-man{text-align:center;margin:0}
.ord-arch{padding:7px;border-radius:999px 999px 10px 10px;background:linear-gradient(160deg,#f0d394,#d29a52 45%,#8f5d1e);box-shadow:0 26px 50px -24px rgba(0,0,0,.7)}
.ord-arch img{width:100%;aspect-ratio:5/6;object-fit:cover;object-position:50% 45%;border-radius:999px 999px 6px 6px;display:block}
.ord-man figcaption{margin-top:14px}
.ord-man small{display:block;font:700 .7rem/1 var(--f-label);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.ord-man b{display:block;margin-top:6px;font:600 clamp(1.1rem,1.8vw,1.4rem)/1.2 var(--f-display);color:#fff}
.ord-quote{grid-column:1/-1;text-align:center;margin:clamp(8px,2vw,20px) auto 0;font:italic 500 clamp(1.05rem,1.7vw,1.3rem)/1.4 var(--f-display);color:#e9eef2;max-width:46ch}
.ord-quote cite{display:block;margin-top:8px;font:700 .7rem/1 var(--f-label);letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:var(--gold)}
@media (max-width:860px){
  .ord-band .wrap{grid-template-columns:minmax(0,1fr)}
  .ord-men{order:-1;max-width:460px;margin-inline:auto;width:100%}
  .ord-band::after{width:300px;right:-110px;height:36px}
}
@media (max-width:480px){.ord-facts li{grid-template-columns:1fr;gap:2px}}
.ord-band.is-after .ord-actions{margin-top:22px}
/* Holy Hour row stands out: gold-tinted panel */
.ord-facts li.ord-eve{background:linear-gradient(90deg,rgba(210,154,82,.24),rgba(210,154,82,.06));border-left:3px solid var(--gold);padding-inline:14px;margin-top:6px;border-radius:0 8px 8px 0}
.ord-facts li.ord-eve b{color:var(--gold);font-weight:700}
/* layering for background art + embers */
.ord-band .om-art,.ord-band .om-embers{z-index:0}