/* Siyum Center over site.css: the Hadran Wreath masthead (option B), royal blue and gold. */
:root { --orange: #2b4c8f; --orange-dark: #203a70; --accent: #3a5ea8; --burgundy: #1d3266; --cream: #fafaf3; }
.lang-switch { color: var(--accent); }
.lang-switch a:hover { background: #e8edf7; }
.masthead-main { background-color: #efe3c4; border-block-end-color: #d7c79c;
  background-image: radial-gradient(ellipse 46% 95% at 50% 100%, rgba(255,226,150,.6), rgba(255,226,150,0) 72%), linear-gradient(180deg, #fcf9f0, #efe3c4); }
.masthead-main::before { opacity: .08; }
/* fixed lockup in both languages: English left, wreath, Hebrew right; the by-line under all three */
.brand-sc { direction: ltr; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-areas: "en art he" "by by by";
  justify-content: stretch; align-items: center; column-gap: 40px; padding-block: 20px; }
.brand-sc .brand-en { justify-self: end; align-self: center; margin: 0; font-size: 50px; color: #1f2a44; }
.brand-sc .brand-he { justify-self: start; align-self: center; }
.brand-sc .brand-art { grid-area: art; position: relative; }
.brand-sc .brand-art svg { display: block; height: 150px; width: auto; }
.brand-by { grid-area: by; justify-self: center; position: relative; margin-block-start: 6px; line-height: 1.04; white-space: nowrap;
  font-size: 14px; letter-spacing: .06em; text-transform: uppercase; color: #8a6a24; }
:lang(he) .brand-by { text-transform: none; letter-spacing: 0; font-size: 16px; }
.brand-sc:hover .brand-en { color: #1f2a44; }
@media (max-width: 760px) {
  /* one column: wreath, Hebrew, English, by-line */
  .brand-sc { grid-template-columns: auto; grid-template-areas: "art" "he" "en" "by"; justify-content: center; justify-items: center; row-gap: 2px; padding-block: 14px; }
  .brand-sc .brand-en, .brand-sc .brand-he { justify-self: center; }
  .brand-sc .brand-he { font-size: 34px; }
  .brand-sc .brand-en { font-size: 30px; }
  .brand-sc .brand-art svg { height: 104px; }
  .brand-by { font-size: 10.5px; margin-block-start: 5px; }
  :lang(he) .brand-by { font-size: 12.5px; }
}