/* Site header (all pages) — loaded last, after the page styles */
/* ============================================================
   SITE HEADER — emblem + name in harag gold · menu · search + language
   ============================================================ */
:root{--harag-gold:var(--on-nave-gold)}   /* the gold of the harag band, bright enough to read on the nave and on photos */
.sitehead{position:sticky;top:0;z-index:60;background:var(--nave);box-shadow:none}
.sh-inner{display:flex;align-items:center;gap:clamp(12px,2vw,28px);min-height:84px}
.sitehead .brand{flex:none;gap:14px}
.sitehead .crest{width:64px;height:64px;box-shadow:0 0 0 2px color-mix(in srgb,var(--gold-leaf) 90%,transparent)}
.sitehead .brand-ti{color:var(--harag-gold);font-size:clamp(1.15rem,1rem + .55vw,1.5rem);text-shadow:0 1px 10px rgba(0,0,0,.45)}
.sitehead .brand-en{color:var(--harag-gold) !important;font-size:clamp(.95rem,.85rem + .4vw,1.18rem) !important;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.mainnav{position:static;background:none;box-shadow:none}
.sitehead .mainnav{flex:1;min-width:0}
#site-nav{flex-wrap:nowrap;align-items:center;gap:0}
.sitehead #site-nav{justify-content:flex-end}
.mainnav a{padding:12px 9px;font-size:1.08rem;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.mainnav a::after{left:9px;right:9px;bottom:4px}
.menubar .mainnav a{font-size:1.12rem;font-weight:600}
.menubar #site-nav{gap:clamp(2px,.8vw,14px)}
.mainnav .sub a{text-shadow:none;font-size:.95rem}
.sub-tgl{width:24px;margin-right:4px}
.sub-tgl svg{width:15px;height:15px}
@media (min-width:1180px){
  #site-nav > li:first-child{display:none}                                   /* Home is the emblem */
  #site-nav > li:last-child{margin-left:auto}
  #site-nav > li:last-child > a{margin-left:10px;padding:10px 20px;border-radius:var(--radius-1);background:var(--pigment-red);font-weight:700;text-shadow:none;box-shadow:none}
  #site-nav > li:last-child > a::after{display:none}
  #site-nav > li:last-child > a:hover{background:var(--pigment-red-deep);color:var(--on-pigment)}
}
.sh-tools{position:relative;flex:none;display:flex;align-items:center;gap:4px;margin-left:auto}
.sh-search{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:color-mix(in srgb,var(--on-nave) 14%,transparent);color:var(--on-nave);cursor:pointer}
.sh-search:hover,.sh-search[aria-expanded="true"]{background:color-mix(in srgb,var(--on-nave) 26%,transparent)}
.sh-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sitehead .site-search{position:absolute;top:calc(100% + 12px);right:0;width:min(320px,80vw);display:none;z-index:5}
.sitehead .site-search.is-open{display:block}
.sitehead .site-search input{height:46px;box-shadow:var(--shadow-float)}
.sitehead .lang-switch{gap:2px}
.sitehead .lang-switch button{padding:4px 5px;color:color-mix(in srgb,var(--on-nave) 82%,transparent)}
.sitehead .lang-switch button:hover{color:var(--on-nave)}
.sitehead .lang-switch button[aria-pressed="true"]{color:var(--on-nave);text-decoration-color:var(--harag-gold)}
.sitehead .lang-switch > span[aria-hidden]{color:color-mix(in srgb,var(--on-nave) 45%,transparent)}
:is(.sitehead,.menubar) :focus-visible{outline-color:var(--on-nave-gold)}

/* ---------- Home: emblem and name larger, over the top of the cover ---------- */
.sitehead.is-over{position:absolute;left:0;right:0;background:linear-gradient(180deg,rgba(12,10,9,.6),rgba(12,10,9,0));box-shadow:none}
.sitehead.is-over .sh-inner{min-height:120px;align-items:flex-start;padding-top:20px}
.sitehead.is-over .crest{width:96px;height:96px}
.sitehead.is-over .brand{gap:18px;align-items:center}
.sitehead.is-over .brand-ti{font-size:clamp(1.45rem,1.1rem + 1.3vw,2.25rem)}
.sitehead.is-over .brand-en{font-size:clamp(1.05rem,.85rem + .8vw,1.6rem) !important;margin-top:4px}
.hero-ms{min-height:100vh;min-height:100svh;display:flex;align-items:flex-end}
.hero-ms .hero-inner{padding-top:170px;padding-bottom:calc(var(--mb-h) + 64px)}
.hero-ms h1.verse{font-size:clamp(3rem,1.4rem + 6.5vw,7rem)}
.hero-ms .hero-controls{bottom:calc(var(--mb-h) + 44px)}
.hero-ms .hero-harag{display:none}

/* ---------- Home: the menu bar over the bottom of the cover, then a navy bar at the top ---------- */
:root{--mb-h:64px}
.menubar{position:sticky;top:0;z-index:55;margin-top:calc(-1 * var(--mb-h));background:linear-gradient(180deg,rgba(12,10,9,0),rgba(12,10,9,.55));transition:background-color .3s,box-shadow .3s}
.menubar::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:url("../images/harag.svg") repeat-x left center/auto 100%}
.mb-inner{display:flex;align-items:center;gap:10px;min-height:var(--mb-h)}
.mb-home{display:none;flex:none}
.mb-home img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 2px var(--harag-gold)}
.menubar .mainnav{flex:1;min-width:0}
.menubar #site-nav{justify-content:flex-start}
.menubar.is-stuck{background:var(--nave);box-shadow:none}
.menubar.is-stuck .mb-home{display:block}
.today-line.is-under-hero{margin-top:14px;background:var(--parch);border-bottom:1px solid var(--gold-wash)}

/* ---------- tablets and phones: the menu opens from ☰ ---------- */
@media (max-width:1179px){
  .mainnav .nav-toggle{display:inline-flex;margin:0}
  .sitehead .mainnav{flex:0 0 auto;order:3}
  #site-nav{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;
    padding:8px var(--gutter) 16px;background:var(--nave);box-shadow:var(--shadow-float);max-height:0;overflow:hidden;visibility:hidden;padding-block:0;transition:max-height .35s ease,visibility .35s,padding .35s}
  #site-nav.open{max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;visibility:visible;padding-block:8px 16px}
  .mainnav a{padding:14px 12px;font-size:1rem}
  .mainnav .has-sub{flex-wrap:wrap}
  .mainnav .has-sub > a{flex:1}
  .mainnav .sub{position:static;flex-basis:100%;min-width:0;padding:0 0 6px 14px;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
  .mainnav .sub::before{display:none}
  .mainnav .sub a{color:var(--on-nave);font-weight:500}
  .mainnav .has-sub.is-open > .sub{display:block}
  .sh-inner{gap:10px}
}
@media (max-width:640px){
  .sh-inner{min-height:68px}
  .sitehead .crest{width:46px;height:46px}
  .sitehead .brand{gap:9px}
  .sitehead .brand-ti{font-size:.98rem}
  .sitehead .brand-en{font-size:.76rem !important;margin-top:0}
  .sitehead.is-over .sh-inner{min-height:90px;padding-top:14px}
  .sitehead.is-over .crest{width:58px;height:58px}
  .sitehead.is-over .brand-ti{font-size:1.12rem}
  .sitehead.is-over .brand-en{font-size:.84rem !important}
  .sh-search{width:38px;height:38px}
  .hero-ms .hero-inner{padding-top:130px;padding-bottom:calc(var(--mb-h) + 96px)}
  .hero-ms .hero-controls{bottom:calc(var(--mb-h) + 26px);right:50%;transform:translateX(50%)}
}
@media (max-width:400px){ .sitehead .lang-switch button{min-width:34px;padding:4px 2px;font-size:.8rem} .sitehead .lang-switch > span[aria-hidden]{display:none} }

/* ---------- version 3 ---------- */
:root{--hg-h:32px}                     /* the harag band height */
.sitehead .brand-ti{color:var(--harag-gold)}
.sitehead .brand-en{color:var(--on-nave) !important}
/* Contact Us is an ordinary item again; Support is the red button at the end */
@media (min-width:1180px){
  #site-nav > li:last-child > a.nav-support{margin-left:12px}
}
/* the harag band, bigger, above and under the cover */
.hero-harag-top{position:absolute;top:0;left:0;right:0;height:var(--hg-h);z-index:62}
.sitehead.is-over{top:var(--hg-h)}
.hero-ms .hero-inner{padding-top:calc(170px + var(--hg-h))}
.menubar::after{display:none}
.menubar.is-stuck::after{display:block;height:14px}
/* the harag band under the cover: its own strip, the ribbons hang from it */
.hero-harag-bottom{position:relative;z-index:3;height:var(--hg-h);box-shadow:none}
/* the date bar at the very top of the page */
.today-line.is-top{position:relative;z-index:70}
/* the golden button on the cover */
.btn-gold{background:var(--on-nave-gold);color:var(--nave);font-weight:700;box-shadow:none}
.btn-gold:hover{background:var(--on-nave);color:var(--nave);transform:none}
/* the cover fills the screen under the date bar, so the menu bar is visible at the bottom */
.hero-ms{min-height:calc(100vh - 48px);min-height:calc(100svh - 48px)}
/* inner pages: a little smaller, so emblem, name, seven menu items and the tools fit in one row */
.sitehead:not(.is-over) .crest{width:56px;height:56px}
.sitehead:not(.is-over) .brand{gap:10px}
.sitehead:not(.is-over) .brand-ti{font-size:1.12rem}
.sitehead:not(.is-over) .brand-en{font-size:.88rem !important}
.sitehead:not(.is-over) .mainnav a{font-size:.96rem;padding:12px 6px}
.sitehead:not(.is-over) .mainnav a::after{left:6px;right:6px}
.sitehead:not(.is-over) #site-nav > li:last-child > a.nav-support{margin-left:8px;padding:9px 16px}
@media (min-width:1180px) and (max-width:1340px){
  .sitehead:not(.is-over) .brand-en{display:none}
  .sitehead:not(.is-over) .mainnav a{font-size:.92rem;padding:12px 5px}
}
@media (max-width:640px){ :root{--hg-h:22px} .hero-ms .hero-inner{padding-top:calc(126px + var(--hg-h))} }

/* ---------- Home: the cover a little shorter — the harag band under it is seen at first glance ---------- */
.hero-ms{min-height:calc(100vh - var(--tl-h,48px) - var(--hg-h) - 12px);min-height:calc(100svh - var(--tl-h,48px) - var(--hg-h) - 12px)}
.hero-ms .hero-inner{padding-top:calc(124px + var(--hg-h));padding-bottom:calc(var(--mb-h) + 28px)}
.hero-ms h1.verse{font-size:clamp(2.7rem,1.2rem + 4.6vw,5.6rem)}
.hero-ms .verse-sub{margin-top:10px}
.hero-ms .hero-text{margin-top:10px}
.hero-ms .btn{margin-top:16px}
.hero-ms .hero-controls{bottom:calc(var(--mb-h) + 22px)}
@media (max-width:760px){
  .hero-ms .hero-inner{padding-top:calc(96px + var(--hg-h));padding-bottom:calc(var(--mb-h) + 62px)}
  .hero-ms .hero-controls{bottom:calc(var(--mb-h) + 14px)}
  .hero-ms .verse-sub{font-size:1.05rem}
  .hero-ms .hero-text{font-size:.95rem;line-height:1.5}
}
/* short screens (laptops): a little tighter still */
@media (min-width:761px) and (max-height:820px){
  .hero-ms .hero-inner{padding-top:calc(104px + var(--hg-h));padding-bottom:calc(var(--mb-h) + 18px)}
  .hero-ms h1.verse{font-size:clamp(2.6rem,1.2rem + 3.6vw,4.4rem)}
  .hero-ms .hero-text{font-size:.98rem}
}
/* the English name on the cover: in the colour of the parchment */
.sitehead.is-over .brand-en{color:var(--on-nave) !important;text-shadow:0 1px 10px rgba(0,0,0,.5)}
/* footer: "Subscribe" in the red of the Support button */
.foot-form button{background:var(--pigment-red);color:var(--on-pigment);box-shadow:none}
.foot-form button:hover{background:var(--pigment-red-deep);color:var(--on-pigment)}

/* ---------- NEW SITE MENU: two-column drop-downs with group headings; Donate ---------- */
.mainnav .sub .sub-h{padding:10px 20px 4px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
html[lang="ti"] .mainnav .sub .sub-h{font-family:var(--ethiopic);font-size:.9rem;letter-spacing:0;text-transform:none}
@media (min-width:1180px){
  .mainnav .sub.sub-2{display:grid;grid-template-columns:repeat(2,minmax(220px,auto));grid-auto-flow:row dense;align-content:start;padding-top:20px}
  .mainnav .sub.sub-2::before{position:absolute;top:0;left:0;right:0;margin:0}
  .mainnav .sub.sub-2 > li{grid-column:1;min-width:0}
  .mainnav .sub.sub-2 > li.c2{grid-column:2;border-left:1px solid var(--gold-soft)}
  .mainnav .sub.sub-2 a{display:block}
  /* the drop-downs of the sections on the right open towards the left */
  #site-nav > li.has-sub:nth-last-child(-n+4) > .sub{left:auto;right:0}
}
@media (max-width:1179px){
  .mainnav .sub .sub-h{color:var(--harag-gold);padding:10px 12px 2px}
}
/* footer: Contact and Donate (the © line stays dimmed, the links do not) */
.foot-bottom:has(.foot-util){opacity:1}
.foot-bottom:has(.foot-util) > span{opacity:.75}
.foot-util{display:flex;justify-content:center;gap:18px;margin-bottom:8px}
.foot-util a{color:var(--on-nave);font-weight:700;font-size:.9rem}
.foot-util a:hover{color:var(--harag-gold)}
.foot-util .foot-donate{padding:2px 14px;border-radius:var(--radius-1);background:var(--pigment-red)}
.foot-util .foot-donate:hover{background:var(--pigment-red-deep);color:var(--on-pigment)}

/* phones: the whole header row fits, so the Menu button is never pushed off the screen */
@media (max-width:560px){
  .sitehead .sh-inner{gap:6px}
  .sitehead .brand{flex:1 1 auto;min-width:0;gap:8px}
  .sitehead .brand-text{min-width:0}
  .sitehead .brand-ti,.sitehead .brand-en{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sitehead .sh-tools{gap:0}
  .sitehead .mainnav .nav-toggle{padding:8px 10px}
  .sitehead .mainnav .nav-toggle > span:not(.bars){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:420px){
  .sitehead .crest{width:40px;height:40px}
  .sitehead .brand-ti{font-size:.86rem}
  .sitehead .brand-en{font-size:.68rem !important}
  .sitehead .sh-tools .lang-switch,.sitehead .sh-tools [class*="lang"]{font-size:.85rem}
}
@media (max-width:420px){
  .sitehead.is-over .crest{width:40px;height:40px}
  .sitehead.is-over .brand-ti{font-size:.86rem}
  .sitehead.is-over .brand-en{font-size:.68rem !important}
  .sitehead .brand-ti,.sitehead .brand-en{white-space:normal;overflow:visible;line-height:1.2}
}
@media (max-width:420px){
  .sitehead:not(.is-over) .crest{width:40px;height:40px}
  .sitehead:not(.is-over) .brand-ti{font-size:.86rem}
  .sitehead:not(.is-over) .brand-en{font-size:.68rem !important}
}

/* ============================================================
   KEREN ILLUMINATED: the header, the menu and the footer (Stage 2)
   ============================================================ */
/* ---------- the menu bar on the nave: each item with its Tigrinya underneath ---------- */
#site-nav > li > a{line-height:1.2}
.nav-alt{display:block;min-height:16px;margin-top:2px;font-family:var(--ethiopic);font-size:12px;line-height:16px;font-weight:400;color:var(--on-nave-muted);text-shadow:none;letter-spacing:0}
html[lang="ti"] .nav-alt{font-family:var(--serif)}
.mainnav a::after{border-radius:0;background:var(--on-nave-gold)}                  /* the current page and hover: gold */
@media (min-width:1180px){ .mainnav a::after{height:2px} }
.mainnav a:hover,.mainnav a.active{color:var(--on-nave-gold)}
.mainnav .sub a:hover,.mainnav .sub a:focus-visible{color:var(--lapis)}
@media (max-width:1179px){
  .mainnav .sub a{color:var(--on-nave-muted)}
  .mainnav .sub a:hover,.mainnav .sub a:focus-visible{color:var(--on-nave-gold);background:none}
}
/* Donate: the only red button in the bar, with the thin gold line inside it */
@media (min-width:1180px){
  #site-nav > li:last-child > a{background:var(--pigment-red);color:var(--on-pigment);box-shadow:inset 0 0 0 3px var(--pigment-red),inset 0 0 0 4px var(--gold-leaf)}
  #site-nav > li:last-child > a:hover{background:var(--pigment-red-deep);color:var(--on-pigment);box-shadow:inset 0 0 0 3px var(--pigment-red-deep),inset 0 0 0 4px var(--gold-leaf)}
}

/* ---------- the harag band under the header (it stays with the bar as it sticks) ---------- */
.sitehead:not(.is-over)::after{content:"";position:absolute;left:0;right:0;top:100%;z-index:1;height:14px;background:url("../images/harag.svg") repeat-x left center/auto 100%;pointer-events:none}
.mainnav .sub{z-index:3}
@media (max-width:1179px){ .sitehead:not(.is-over) #site-nav{top:calc(100% + 14px)} }   /* the phone menu opens under the band */

/* ---------- Home: the band under the cover drifts slowly ---------- */
@keyframes ke-harag-run{from{background-position:0 center}to{background-position:calc(var(--hg-h) * -80 / 3) center}}   /* ten tiles of the 64×24 band */
@media (prefers-reduced-motion: no-preference){ .hero-harag-bottom{animation:ke-harag-run 40s linear infinite} }

/* ---------- the bar stays at the top and shrinks a little as the page scrolls (where the browser can) ---------- */
@keyframes ke-shrink-bar{to{min-height:62px}}
@keyframes ke-shrink-mb{to{min-height:52px}}
@keyframes ke-shrink-crest{to{width:42px;height:42px}}
@keyframes ke-show-top{from{opacity:0;transform:translateY(20px);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: scroll()){
    .sitehead:not(.is-over) .sh-inner{animation:ke-shrink-bar linear both;animation-timeline:scroll(root);animation-range:0 240px}
    .sitehead:not(.is-over) .crest{animation:ke-shrink-crest linear both;animation-timeline:scroll(root);animation-range:0 240px}
    .menubar .mb-inner{animation:ke-shrink-mb linear both;animation-timeline:scroll(root);animation-range:0 240px}
    .totop{animation:ke-show-top linear both;animation-timeline:scroll(root);animation-range:500px 700px}
  }
}

/* ---------- the footer on the nave: the motto in gold, the gold lattice cross above the © line ---------- */
.foot-motto{color:var(--on-nave-gold)}
.foot-bottom:has(.foot-util) > span{opacity:1;color:var(--on-nave-muted)}
.foot-bottom > span::before{content:"";display:block;width:24px;height:24px;margin:6px auto 10px;background:url("../images/lattice-cross-gold.svg") center/contain no-repeat}

/* ---------- back to the top: the gold cross in the corner (js/main.js) ---------- */
.totop{position:fixed;right:24px;bottom:24px;z-index:60;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--on-nave-gold);border-radius:var(--radius-1);background:var(--nave);transition:background-color .25s}
.totop:hover{background:var(--pigment-red)}
.totop:focus-visible{outline-color:var(--on-nave-gold)}
.totop-cross{width:24px;height:24px;background:url("../images/lattice-cross-gold.svg") center/contain no-repeat}
@media (max-width:640px){ .totop{right:16px;bottom:16px;width:46px;height:46px} .site-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 72px)} }   /* room under the © line for the cross */
@media (pointer:coarse){ .tl-tool{width:44px} }
@media print{ .totop,.tl-tools{display:none} }

/* ---------- the bar as in design/home-mockup: emblem and name on the left, the menu packed to the right against Donate ---------- */
.sitehead:not(.is-over) .crest{width:64px;height:64px}
.sitehead:not(.is-over) .brand{gap:16px}
.sitehead:not(.is-over) .brand-ti{display:block;font-size:24px;line-height:32px}
.sitehead:not(.is-over) .brand-en{display:block;font-size:20px !important;line-height:24px;font-weight:700}
@media (min-width:1180px){
  .sitehead:not(.is-over) .sh-inner{gap:24px;padding-block:14px}
  .sitehead:not(.is-over) .brand-en{display:block}
  .sitehead .mainnav{flex:1 1 auto}
  .sitehead #site-nav{justify-content:flex-end}
  .sitehead:not(.is-over) .mainnav a{padding:12px 11px;font-size:16px;line-height:20px}
  .sitehead:not(.is-over) .mainnav a::after{left:11px;right:11px;bottom:2px}
  .sitehead .nav-alt{margin-top:0}
  /* the arrow of a drop-down: small and quiet, close to its item */
  .sitehead .mainnav .has-sub{align-items:flex-start}
  .sitehead .mainnav .has-sub > a{padding-right:2px}
  .sitehead .sub-tgl{width:14px;height:20px;margin:12px 6px 0 -2px;color:var(--on-nave-muted)}
  .sitehead .sub-tgl svg{width:11px;height:11px}
  .sitehead .sub-tgl:hover,.sitehead .has-sub:hover > .sub-tgl{background:none;color:var(--on-nave-gold)}
  /* Donate closes the menu, as in the design */
  #site-nav > li:last-child{margin-left:6px}
  .sitehead:not(.is-over) #site-nav > li:last-child > a.nav-support{display:inline-flex;align-items:center;min-height:36px;margin-left:0;padding:0 16px;font-size:14px;line-height:20px;letter-spacing:.02em}
  /* search: a plain icon after Donate */
  .sitehead .sh-tools{margin-left:0}
  .sitehead .sh-search{width:36px;height:36px;border-radius:var(--radius-1);background:none;color:var(--on-nave-muted)}
  .sitehead .sh-search:hover,.sitehead .sh-search[aria-expanded="true"]{background:none;color:var(--on-nave-gold)}
}
@media (min-width:1180px) and (max-width:1300px){
  .sitehead:not(.is-over) .sh-inner{gap:16px}
  .sitehead:not(.is-over) .crest{width:56px;height:56px}
  .sitehead:not(.is-over) .brand-ti{font-size:21px;line-height:28px}
  .sitehead:not(.is-over) .brand-en{font-size:17px !important;line-height:22px}
  .sitehead:not(.is-over) .mainnav a{padding:12px 7px}
  .sitehead:not(.is-over) .mainnav a::after{left:7px;right:7px}
}
@media (max-width:1179px){
  .sitehead:not(.is-over) .crest{width:56px;height:56px}
  .sitehead:not(.is-over) .brand-ti{font-size:21px;line-height:28px}
  .sitehead:not(.is-over) .brand-en{font-size:17px !important;line-height:22px}
}
@media (max-width:640px){
  .sitehead:not(.is-over) .crest{width:46px;height:46px}
  .sitehead:not(.is-over) .brand{gap:9px}
  .sitehead:not(.is-over) .brand-ti{font-size:17px;line-height:22px}
  .sitehead:not(.is-over) .brand-en{font-size:13px !important;line-height:17px}
}
@media (max-width:420px){
  .sitehead:not(.is-over) .crest{width:40px;height:40px}
  .sitehead:not(.is-over) .brand-ti{font-size:15px;line-height:20px}
  .sitehead:not(.is-over) .brand-en{font-size:12px !important;line-height:16px}
}

/* ---------- owner's corrections: the Tigrinya name not bold; no harag band between the bar and the cover on Home ---------- */
.sitehead .brand-ti{font-weight:400}
body:has(.ke-hero) .sitehead:not(.is-over)::after{display:none}
@media (max-width:1179px){ body:has(.ke-hero) .sitehead:not(.is-over) #site-nav{top:100%} }

/* ---------- the menu bar, the phone menu, the footer and the back-to-top button in lapis (the owner's choice); the veils over photos stay --nave ---------- */
.sitehead,.menubar.is-stuck,.site-footer,.totop{--nave:var(--nave-bar)}
/* the Eparchy page: no harag band between the bar and the photo cover */
body:has(.ep-cover) .sitehead:not(.is-over)::after{display:none}
@media (max-width:1179px){ body:has(.ep-cover) .sitehead:not(.is-over) #site-nav{top:100%} }
/* the Liturgy page too: no harag band between the bar and its photo cover */
body:has(.lit-cover) .sitehead:not(.is-over)::after{display:none}
@media (max-width:1179px){ body:has(.lit-cover) .sitehead:not(.is-over) #site-nav{top:100%} }