

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #0c1220;
  color: #000000;
  font: 18px/1.45 "Work Sans", Arial, sans-serif;
  overflow-wrap: anywhere;
}
h1, h2, h3 {
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  line-height: 1.15;
  margin: 0 0 12px;
}
a { color: #000000; overflow-wrap: anywhere; }
.skip {
  position: absolute;
  left: 8px;
  top: -40px;
  background: #000000;
  color: #A68457;
  padding: 8px 12px;
  z-index: 5;
}
.skip:focus { top: 8px; }
.banner {
  background: #0c1220;
  color: #000000;
  border-bottom: 3px solid #d4af37;
  padding: 10px 16px;
  font-weight: 700;
}
.wrap { width: min(1120px, calc(100% - 24px)); margin: 0 auto; }
.mast {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0 8px;
}
.mast img { width: 64px; height: auto; }
.wordmark { font-family: "Libre Caslon Text", Georgia, serif; font-size: 34px; letter-spacing: 0; }
.wordmark { color: #000000; }
.tag { margin: 2px 0 0; color: #000000; font-family: Georgia, "Times New Roman", serif; font-style: italic; }
.nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 8px 0 18px;
}
.nav-row {
  display: contents;
}
.nav-row a {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid #d4af37;
  color: #000000;
  background: #0c1220;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
}
.nav-row a[aria-current="page"] {
  background: #d4af37;
  color: #0c1220;
  border-color: #d4af37;
}
.nav-row a.war-chest-tab {
  flex-direction: column;
  background: #F1E6CF;
  color: #000000;
  border-color: #741C3A;
  box-shadow: inset 0 -3px 0 #741C3A;
}
.nav-row a.war-chest-tab .tab-line {
  display: block;
  white-space: nowrap;
}
.nav-row a.war-chest-tab[aria-current="page"] {
  background: #741C3A;
  color: #000000;
  border-color: #741C3A;
}
.exhibit-nav .nav-row a,
.exhibit-nav .nav-row a.exhibit-tab {
  background: #F1E6CF;
  color: #000000;
  border: 1px solid #741C3A;
  box-shadow: inset 0 -3px 0 #741C3A;
}
.exhibit-nav .nav-row a:hover {
  background: #A68457;
  color: #000000;
  border-color: #741C3A;
  box-shadow: inset 0 -3px 0 #741C3A;
}
.exhibit-nav .nav-row a[aria-current="page"],
.exhibit-nav .nav-row a.war-chest-tab[aria-current="page"] {
  background: #741C3A;
  color: #000000;
  border-color: #741C3A;
  box-shadow: none;
}
.wwc-mast {
  align-items: center;
  gap: 12px;
  padding: 8px 0 2px;
}
.wwc-mast .brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wwc-mast .wordmark {
  margin: 0;
  line-height: 1.05;
}
.wwc-mast .tag {
  margin: 2px 0 0;
  line-height: 1.15;
  color: #000000;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-style: normal;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0.01em;
}
body.wwc {
  background: #A68457;
  color: #000000;
  font-family: "Libre Caslon Text", Georgia, serif;
  -webkit-text-stroke: 0.35px #741C3A;
  paint-order: stroke fill;
}
body.wwc :is(h2, h3, .period-kicker, .wordmark) {
  -webkit-text-stroke: 0.028em #741C3A;
  paint-order: stroke fill;
}
body.wwc .hero h1,
body.wwc .wwc-motto,
body.wwc .wwc-motto span {
  -webkit-text-stroke: 0.055em #741C3A;
  paint-order: stroke fill;
}
body.wwc a {
  -webkit-text-stroke: 0;
  paint-order: fill;
}
body.wwc .nav:not(.exhibit-nav),
body.wwc .nav:not(.exhibit-nav) a {
  -webkit-text-stroke: 0;
  paint-order: fill;
  font-family: "Work Sans", Arial, sans-serif;
}
body.wwc .exhibit-nav a,
body.wwc .eras a,
body.wwc .people a {
  font-family: "Libre Caslon Text", Georgia, serif;
  -webkit-text-stroke: 0.35px #741C3A;
  paint-order: stroke fill;
}
body.wwc .newsroom-button,
body.wwc .newsroom-button span {
  -webkit-text-stroke: 0;
  paint-order: fill;
}
body.wwc .banner {
  background: #A68457;
  color: #000000;
  border-bottom: 3px solid #741C3A;
}
body.wwc .exhibit {
  background: transparent;
  margin: 0 0 12px;
  padding: 4px 0 0;
}
body.wwc :is(h1, h2, h3) {
  color: #000000;
}
body.wwc .sheet h2,
body.wwc .exhibit h2,
body.wwc .patch-card h2 {
  display: inline-block;
  border-bottom: 3px solid #741C3A;
  padding-bottom: 4px;
}
body.wwc .site-footer {
  background: #A68457;
  color: #000000;
  border-top: 3px solid #741C3A;
}
body.wwc .foot-cols h2 {
  color: #000000;
  border-bottom: 0;
  font-family: "Libre Caslon Text", Georgia, serif;
}
body.wwc .foot-cols a,
body.wwc .foot-note a,
body.wwc .foot-cols li:nth-child(even) > a {
  color: #741C3A;
  text-decoration: underline;
  text-decoration-color: #741C3A;
}
body.wwc .foot-cols a:hover,
body.wwc .foot-note a:hover {
  color: #000000;
  text-decoration-color: #4E0F26;
}
body.wwc .foot-cols li:nth-child(even) > a {
  text-decoration-color: #000000;
}
body.wwc .fenrir-foot {
  margin: 18px 0 4px;
  padding-top: 14px;
  border-top: 1px solid #F1E6CF;
}
body.wwc .fenrir-foot-link,
body.wwc .fenrir-foot-link:visited {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  color: #000000;
  background: #A68457;
  border: 2px solid #741C3A;
  text-decoration: underline;
  text-decoration-color: #741C3A;
  text-underline-offset: 3px;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  -webkit-text-stroke: 0.35px #741C3A;
  paint-order: stroke fill;
}
body.wwc .fenrir-foot-link:hover {
  color: #000000;
  border-color: #741C3A;
}
body.wwc .local-giving {
  max-width: 68ch;
  margin: 18px auto 0;
  text-align: center;
}
body.wwc .local-giving-note {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.45;
}
body.wwc .local-giving-action {
  margin: 0;
}
body.wwc .local-giving-link,
body.wwc .local-giving-link:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 8px 16px;
  color: #000000;
  background: #A68457;
  border: 2px solid #741C3A;
  text-decoration: underline;
  text-decoration-color: #741C3A;
  text-underline-offset: 3px;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  -webkit-text-stroke: 0.35px #741C3A;
  paint-order: stroke fill;
}
body.wwc .local-giving-link:hover {
  color: #000000;
  border-color: #741C3A;
}
body.wwc .local-giving-host {
  font-size: 0.85em;
}
body.wwc .fenrir-foot {
  display: flex;
  justify-content: center;
  margin: 18px 0 8px;
}
body.wwc .newsroom-button {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-height: 66px;
  padding: .5rem .9rem;
  border: 1px solid #293529;
  border-radius: 8px;
  background: #121512;
  color: #c0dfc0;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-weight: 650;
  font-size: 0.9rem;
  line-height: 1.2;
  text-decoration: none;
}
body.wwc .newsroom-button img {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}
body.wwc .newsroom-button:hover {
  color: #00ff00;
  border-color: #00ff00;
}
body.wwc .film-feature {
  margin: 8px 0 22px;
}
body.wwc .film-frame {
  width: min(100%, 960px);
  max-width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  margin: 0 0 12px;
}
body.wwc .film-frame video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  object-fit: contain;
}
.wwc-mast img {
  width: 64px;
  height: auto;
}
a:focus-visible, .nav-row a:focus-visible {
  outline: 3px solid #000000;
  outline-offset: 2px;
}
.note, .story-list, .blockers { padding-bottom: 8px; }
.story-list li, .blockers li { margin: 0 0 10px; }
.path { font-size: 15px; }
.war-chest {
  background: transparent;
  color: #000000;
  margin: 0 0 32px;
  padding: 0;
}
.sheet {
  background: #A68457;
  color: #000000;
  border: 1px solid #F1E6CF;
  padding: 22px 18px 8px;
  margin: 0 0 28px;
}
.sheet :is(h1, h2, h3, p, li, blockquote, figcaption) { color: #000000; }
.sheet a { color: #741C3A; text-decoration: underline; text-underline-offset: 3px; }
.sheet a:hover, .sheet a:visited:hover { color: #4E0F26; }
.sheet a:visited { color: #741C3A; }
.sheet p { max-width: 68ch; }
.sheet h2 { font-size: clamp(28px, 4vw, 42px); }
.sheet h3 { font-size: clamp(22px, 3vw, 30px); }
.sheet figcaption { max-width: 68ch; }
.hero h1 {
  display: inline-block;
  color: #000000;
  font-size: clamp(36px, 5.5vw, 60px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 4px solid #741C3A;
  -webkit-text-stroke: 0.055em #741C3A;
  paint-order: stroke fill;
}
.hero-line { font-size: 20px; max-width: 40ch; }
.wwc-motto {
  margin: 0 0 22px;
  max-width: 12em;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: clamp(40px, 6.8vw, 64px);
  font-weight: 650;
  line-height: 1.16;
  letter-spacing: -0.02em;
  color: #000000;
  -webkit-text-stroke: 0.055em #741C3A;
  paint-order: stroke fill;
}
.wwc-motto span {
  display: block;
  color: #000000;
  box-shadow: inset 0 -0.12em 0 #741C3A;
  -webkit-text-stroke: 0.055em #741C3A;
  paint-order: stroke fill;
}
.dedication {
  max-width: 36em;
  margin: 0 0 16px;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.35;
}
.local-note {
  max-width: 68ch;
  margin: 0 0 14px;
}
.opening-photo { margin: 8px 0 22px; }
.opening-photo img {
  width: auto;
  max-width: min(100%, 640px);
  height: auto;
  max-height: 463px;
  display: block;
}
.enter-eras, .enter-links {
  display: flex;
  flex-direction: column;
  margin: 0 0 22px;
}
.enter-eras a, .enter-links a {
  min-height: 44px;
  display: flex;
  align-items: center;
  font-family: "Libre Caslon Text", Georgia, serif;
}
.enter-eras a { font-size: clamp(22px, 4vw, 34px); }
.enter-links a { font-size: clamp(20px, 3vw, 28px); }
@media (min-width: 900px) {
  .enter-eras { flex-direction: row; flex-wrap: wrap; gap: 4px 22px; }
}
.hero-wall {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  margin-top: 8px;
}
.hero-figure { margin: 0; }
.hero-figure img { width: 100%; height: auto; display: block; }
.hero-figure figcaption { color: #000000; font-size: 15px; }
.hero-figure a { color: #741C3A; text-decoration: underline; text-underline-offset: 3px; }
.hero-figure a:hover, .hero-figure a:visited:hover { color: #4E0F26; }
.hero-figure a:visited { color: #741C3A; }
a.figure-link { text-decoration: none; display: block; }
.patch-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.patch-card {
  background: #A68457;
  color: #000000;
  border: 1px solid #F1E6CF;
  padding: 12px;
  margin: 0;
}
.patch-card img { width: 100%; height: auto; object-fit: contain; background: transparent; }
a.text-link, .patch-card a, .patch-related a {
  color: #741C3A;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.shoulder-detail { display: flex; gap: 12px; align-items: flex-start; max-width: 68ch; }
.shoulder-detail img { width: 80px; height: 80px; flex: 0 0 80px; image-rendering: pixelated; }
.patch-card a:hover, .text-link:hover { color: #4E0F26; }
.patch-card a:visited { color: #741C3A; }
.sheet figure img { width: 100%; }
.war-kicker {
  display: inline-block;
  background: #741C3A;
  color: #000000;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 13px;
  padding: 4px 8px;
  margin: 0 0 10px;
}
.cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 8px;
}
.card {
  border: 2px dashed #A68457;
  min-height: 140px;
  padding: 12px;
  margin: 0;
}
.card p { margin: 0; }
.site-footer {
  margin-top: 28px;
  border-top: 3px solid #d4af37;
  background: #080d18;
  color: #000000;
  padding: 18px 0 28px;
}
.foot-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
}
.foot-cols h2 {
  color: #d4af37;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 8px;
}
.foot-cols ul { list-style: none; margin: 0; padding: 0; }
.foot-cols li { margin: 0; }
.foot-cols a {
  color: #000000;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  text-decoration-color: #000000;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.foot-cols li:nth-child(even) > a {
  text-decoration-color: #d4af37;
}
.foot-cols a:hover {
  color: #000000;
  text-decoration-thickness: 3px;
}
.foot-note a {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #d4af37;
  text-underline-offset: 4px;
}
.foot-cols ul ul {
  margin: 0 0 0 16px;
  padding: 0;
  border: 0;
}
.foot-note { margin: 16px 0 0; }
.exhibit {
  background: #A68457;
  color: #000000;
  margin: 0 0 28px;
  padding: 16px 16px 8px;
}
.exhibit :is(h1, h2, h3, p, li, blockquote, figcaption) { color: #000000; }
.exhibit a { color: #741C3A; text-decoration: underline; text-underline-offset: 3px; }
.exhibit a:hover, .exhibit a:visited:hover { color: #4E0F26; }
.exhibit a:visited { color: #741C3A; }
.exhibit a.figure-link, .exhibit .eras a, .exhibit .people a { text-decoration: none; }
figure { margin: 18px 0 26px; }
figure img { max-width: 100%; height: auto; display: block; }
.portrait img { max-width: min(100%, 420px); height: auto; }
.portrait-native img { width: auto; max-width: min(100%, 322px); height: auto; }
.pictures-to-come { margin: 0.35rem 0 1.1rem; padding-left: 0.7rem; border-left: 3px solid #741C3A; color: #000000; font-family: Newsreader, "Iowan Old Style", Palatino, "Palatino Linotype", serif; font-size: 0.95rem; letter-spacing: 0.01em; }
figcaption { font-size: 15px; margin-top: 8px; }
.draft :is(h2, h3) { margin-top: 28px; }
.draft blockquote { margin: 12px 0; padding-left: 12px; border-left: 4px solid #741C3A; }
.draft .fn { font-size: 15px; }
.table-wrap { overflow-x: auto; max-width: 100%; }
table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: 16px; }
th, td { border-bottom: 1px solid #F1E6CF; text-align: left; padding: 8px 6px; vertical-align: top; overflow-wrap: anywhere; }
.gaps { border-top: 4px solid #741C3A; padding-top: 12px; }
.emblem-row { display: flex; gap: 14px; align-items: center; margin: 0 0 16px; }
.emblem { flex: 0 0 auto; width: 72px; height: 72px; }
.emblem-note { margin: 0; font-size: 16px; }
.mast .emblem { width: 48px; height: 48px; }
.eras { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 18px; }
.hero .eras a, .exhibit-head .eras a, .war-chest .eras a {
  background: #741C3A;
  color: #000000;
  text-decoration: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  font-weight: 700;
}
.people { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.people a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #741C3A;
  background: #F1E6CF;
  color: #000000;
  text-decoration: none;
  font-weight: 700;
}
.people a:hover,
.hero .eras a:hover,
.exhibit-head .eras a:hover,
.war-chest .eras a:hover {
  color: #000000;
  border-color: #741C3A;
}
.patch-type {
  display: inline-block;
  border: 1px solid #741C3A;
  color: #000000;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 700;
}
.period { margin: 8px 0 12px; padding-top: 8px; border-top: 4px solid #741C3A; }
.period-kicker {
  margin: 0 0 6px;
  color: #000000;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.05;
}
.period-limit { margin-top: 0; color: #000000; max-width: 62ch; }
.footage-note { margin-top: 18px; }
.story-list { border-top: 1px solid #000000; margin-top: 12px; padding-top: 8px; }
@media print {
  body, .war-chest, .war-chest p, .war-chest a, .war-chest li { background: #000; color: #000; }
  .banner, .nav, .eras { display: none; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 11px; }
}
@media (max-width: 720px) {
  .wrap { width: calc(100% - 16px); }
  .wordmark { font-size: 28px; }
  .cards, .hero-wall, .patch-grid { grid-template-columns: 1fr; }
}
#kit-harry-dewolf { grid-column: 1 / -1; }
.dewolf-lead img, .dewolf-rest img { width: 100%; height: auto; }
@media (min-width: 721px) {
  .dewolf-rest { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .patch-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .foot-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .nav {
    grid-template-columns: none;
    grid-template-rows: auto auto;
    gap: 6px;
  }
  .nav-row {
    display: grid;
    gap: 4px;
  }
  .nav-row-1, .nav-row-2 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .exhibit-nav.nav { display: block; }
  .exhibit-nav .nav-row-1 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .nav-row a { font-size: 15px; }
  .foot-cols { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
.period, h1, h2, h3 { scroll-margin-top: 12px; }
@media (min-width: 721px) {
  .era-bar {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #A68457;
    padding: 8px 0;
  }
  .period, h1, h2, h3 { scroll-margin-top: 120px; }
}
/* chrome-sync:start */
.ne .nav.nav-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  overflow: visible;
  border-top: 0;
  margin: 0;
  padding: 8px 0 12px;
  flex: 1 1 100%;
  width: 100%;
}
.ne .nav.nav-rows .nav-row { display: contents; }
.ne .nav.nav-rows a {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 6px;
  border: 1px solid #d4af37;
  border-radius: 0;
  border-bottom: 1px solid #d4af37;
  background: #0c1220;
  color: #000000;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  box-shadow: none;
  text-decoration: none;
}
.ne .nav.nav-rows a:hover,
.ne .nav.nav-rows a:focus-visible {
  background: #141c33;
  color: #000000;
  box-shadow: inset 0 -2px 0 #d4af37;
}
.ne .nav.nav-rows a[aria-current="page"] {
  background: #d4af37;
  color: #0c1220;
  box-shadow: none;
}
.ne .nav.nav-rows a.war-chest-tab {
  flex-direction: column;
  background: #F1E6CF;
  color: #000000;
  border-color: #741C3A;
  box-shadow: inset 0 -3px 0 #741C3A;
}
.ne .nav.nav-rows a.war-chest-tab .tab-line {
  display: block;
  white-space: nowrap;
}
.ne .nav.nav-rows a.war-chest-tab:hover,
.ne .nav.nav-rows a.war-chest-tab:focus-visible {
  background: #A68457;
  color: #000000;
  border-color: #741C3A;
  box-shadow: inset 0 -3px 0 #741C3A;
}
.ne .nav.nav-rows a.war-chest-tab[aria-current="page"] {
  background: #741C3A;
  color: #000000;
}
.ne .foot-cols ul ul {
  margin: 2px 0 8px 16px;
  padding: 0;
}
.brand-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  margin: 14px 0 8px;
}
.brand-button,
a.brand-button,
a.brand-button:visited {
  flex: 1 1 0;
  min-width: 0;
  max-width: 280px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 6px 10px;
  border-radius: 8px;
  font-weight: 650;
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
}
.brand-button .brand-label {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.15;
  color: inherit;
}
.brand-button img {
  width: 36px;
  height: 32px;
  max-width: 36px;
  object-fit: contain;
  flex: 0 0 auto;
}
.brand-news,
a.brand-news,
a.brand-news:visited {
  background: #0c1220;
  color: #000000;
  border: 1px solid #d4af37;
}
.brand-fp,
a.brand-fp,
a.brand-fp:visited {
  background: #121512;
  color: #c0dfc0;
  border: 1px solid #293529;
}
a.brand-fp:hover,
a.brand-fp:focus-visible {
  color: #00ff00;
  border-color: #00ff00;
}
.brand-wwc,
a.brand-wwc,
a.brand-wwc:visited {
  background: #A68457;
  color: #000000;
  border: 3px solid #741C3A;
  font-family: Georgia, "Times New Roman", serif;
}

.brand-ww,
a.brand-ww,
a.brand-ww:visited {
  background: #0B1405;
  color: #9BE22E;
  border: 3px solid #FFD400;
  font-family: "Alfa Slab One", Georgia, "Times New Roman", serif;
}
.brand-ww .ww-ico,
a.brand-ww .ww-ico,
span.brand-ww .ww-ico {
  width: 26px;
  height: 26px;
  max-width: 26px;
  object-fit: contain;
  flex: 0 0 auto;
  border-radius: 50%;
  background: transparent;
}
a.brand-ww:hover,
a.brand-ww:focus-visible {
  background: #FFD400;
  color: #0B1405;
  border-color: #0B1405;
}
.brand-ww.is-current,
span.brand-ww.is-current {
  background: #9BE22E;
  color: #0B1405;
  border-color: #0B1405;
  box-shadow: inset 0 1px 0 rgba(255, 255, 234, .4), 0 0 0 2px #FFD400;
  cursor: default;
}
.brand-button.is-current { cursor: default; }
.brand-button:focus-visible,
.ne .nav.nav-rows a:focus-visible {
  outline: 3px solid #000000;
  outline-offset: 2px;
}
@media (min-width: 1100px) {
  .ne .nav.nav-rows {
    grid-template-columns: none;
    grid-template-rows: auto auto;
    gap: 6px;
  }
  .ne .nav.nav-rows .nav-row {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
  }
  .ne .nav.nav-rows a { font-size: 15px; }
}
.ne .header-row > form.ne-hdr-search {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  width: auto;
  margin-left: 0;
  box-sizing: border-box;
}
.ne .header-row > form.ne-hdr-search input {
  min-width: 0;
  width: auto;
  flex: 1 1 auto;
}
.ne .foot-cols {
  width: 100%;
  align-items: start;
  column-gap: 28px;
}
.ne .site-footer .foot-owner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 18px 28px;
}
.ne .site-footer .foot-owner > span {
  flex: 1 1 auto;
  min-width: 0;
}
.ne .site-footer .fenrir-sign {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin: 0 0 0 auto;
  flex: 0 0 auto;
}
.ne .site-footer .fenrir-sign img {
  width: 80px;
  height: 80px;
}
@media (max-width: 720px) {
  .ne .site-footer .foot-owner {
    flex-direction: column;
    align-items: flex-start;
  }
  .ne .site-footer .fenrir-sign {
    margin-left: 0;
  }
  .brand-row {
    justify-content: stretch;
    gap: 4px;
  }
  .brand-button,
  a.brand-button {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    max-width: none;
    padding: 6px 4px;
    font-size: 11px;
    text-align: left;
  }
  .brand-button img {
    width: 20px;
    height: 18px;
    max-width: 20px;
  }
}
/* chrome-sync:end */
/* entrance-heads:start */
.entrance-heads {
  display: grid;
  gap: 10px;
  margin: 0 0 10px;
}
.entrance-heads .wwc-motto {
  max-width: 100%;
  width: fit-content;
  margin: 0;
  white-space: normal;
  font-size: clamp(30px, 7.5vw, 40px);
  text-decoration-line: underline;
  text-decoration-color: #741C3A;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.1em;
  text-decoration-skip-ink: none;
}
.entrance-heads .wwc-motto span {
  display: inline;
  box-shadow: none;
}
body.wwc .hero h1#page-title {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 16px;
  text-align: center;
  font-size: clamp(40px, 7vw, 84px);
  border-bottom: 4px solid #741C3A;
}
body.wwc .exhibit h2.entrance-film-title {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  max-width: none;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  font-size: clamp(30px, 7.5vw, 40px);
  line-height: 1.16;
  letter-spacing: -0.02em;
  color: #000000;
  -webkit-text-stroke: 0.055em #741C3A;
  paint-order: stroke fill;
}
.entrance-stage {
  display: grid;
  gap: 12px;
  margin: 0 0 12px;
}
.entrance-stage .film-frame {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.entrance-copy {
  min-width: 0;
  font-size: 16px;
  line-height: 1.4;
}
.entrance-copy .dedication {
  display: inline;
  max-width: none;
  margin: 0 0 8px;
  font-size: 17px;
  line-height: 1.35;
  border-bottom: 3px solid #741C3A;
  padding-bottom: 1px;
}
.entrance-copy .film-note {
  margin: 10px 0 8px;
  max-width: 42em;
}
.wwc-mast .mast-home {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: #000000;
  text-decoration: none;
}
.wwc-mast .mast-home:focus-visible {
  outline: 3px solid #000000;
  outline-offset: 3px;
}
.wwc-mast {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  flex-wrap: wrap;
}
.wwc-mast .emblem-row {
  margin: 0 0 0 auto;
  max-width: min(100%, 460px);
  justify-content: flex-end;
}
.wwc-mast .emblem {
  width: 48px;
  height: 48px;
}
.wwc-mast .emblem-note {
  margin: 0;
  font-size: 15px;
  line-height: 1.3;
  max-width: 34ch;
}
@media (max-width: 720px) {
  .wwc-mast .emblem-row {
    flex-basis: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }
}
.entrance-tagline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  width: fit-content;
  max-width: 100%;
  margin: 2px auto 14px;
  text-align: center;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  font-size: clamp(18px, 4.6vw, 28px);
  line-height: 1.25;
  color: #000000;
}
.tagline-flare {
  flex: 0 0 auto;
  width: clamp(16px, 3.2vw, 44px);
  height: 0.55em;
  background: #741C3A;
  clip-path: polygon(0 50%, 30% 0, 30% 36%, 100% 36%, 100% 64%, 30% 64%, 30% 100%);
}
.tagline-flare-end {
  clip-path: polygon(0 36%, 70% 36%, 70% 0, 100% 50%, 70% 100%, 70% 64%, 0 64%);
}
@media (max-width: 999px) {
  .entrance-tagline { flex-wrap: nowrap; width: 100%; }
  .entrance-tagline .tagline-text { white-space: normal; min-width: 0; }
}
@media (min-width: 1000px) {
  .entrance-heads {
    grid-template-columns: minmax(0, 1fr);
  }
  .entrance-heads .wwc-motto,
  body.wwc .exhibit h2.entrance-film-title {
    font-size: clamp(26px, 2vw, 34px);
  }
  .entrance-tagline {
    flex-wrap: nowrap;
    font-size: clamp(17px, 1.55vw, 23px);
  }
  .entrance-tagline .tagline-text { white-space: nowrap; }
  .entrance-stage {
    grid-template-columns: minmax(0, 0.86fr) minmax(260px, 1.14fr);
    gap: 12px 28px;
    align-items: start;
  }
  .below-film-top {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 8px 32px;
    align-items: start;
  }
  .below-chronology .enter-eras {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
  }
  .below-galleries .enter-links {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 22px;
  }
}
body.wwc .site-footer {
  margin-top: 10px;
  padding: 8px 0 8px;
}
body.wwc .site-footer .foot-cols {
  display: block;
}
body.wwc .site-footer .foot-cols h2 {
  display: inline-block;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: 28px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  color: #000000;
  border-bottom: 3px solid #741C3A;
  padding-bottom: 4px;
  margin: 0 0 4px;
}
body.wwc .site-footer .foot-cols ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 18px;
}
body.wwc .site-footer .foot-cols li {
  width: auto;
}
body.wwc .site-footer .foot-cols a {
  white-space: nowrap;
}
body.wwc .local-giving {
  margin: 8px auto 0;
}
body.wwc .local-giving-note {
  margin: 0 0 6px;
}
body.wwc .site-footer .brand-row {
  margin: 8px 0 0;
}
.below-film h2 {
  font-size: 22px;
  margin: 0 0 6px;
}
.below-chronology h2 { font-size: 28px; }
.below-film .enter-eras,
.below-film .enter-links {
  margin: 0 0 14px;
}
.below-film .enter-eras a,
.below-film .enter-links a,
body.wwc .site-footer .foot-cols a {
  color: #741C3A;
  font-size: 17px;
  text-decoration: underline;
  text-underline-offset: 3px;
  min-height: 44px;
}
.below-galleries { margin-top: 4px; }
@media (max-width: 720px) {
  .below-film-top { display: block; }
  .below-chronology .enter-eras { display: flex; flex-direction: column; }
  .below-chronology h2 { font-size: 24px; }
  .below-film .enter-eras a,
  .below-film .enter-links a { font-size: 16px; }
}
/* entrance-heads:end */

/* wwc-search:start */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wwc-header-tools {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px;
}
form.wwc-search {
  display: flex;
  gap: 8px;
  align-items: stretch;
  margin: 0;
  width: min(100%, 340px);
  max-width: 100%;
  flex: 0 1 340px;
}
form.wwc-search.wwc-search-page {
  width: min(100%, 520px);
  flex: 1 1 320px;
  margin: 0 0 12px;
}
form.wwc-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid #741C3A;
  background: #A68457;
  color: #000000;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: 16px;
  border-radius: 0;
  box-shadow: inset 0 -3px 0 #741C3A;
  -webkit-text-stroke: 0;
}
form.wwc-search input[type="search"]::placeholder {
  color: #000000;
}
form.wwc-search input[type="search"]:focus {
  outline: 2px solid #741C3A;
  outline-offset: 2px;
}
form.wwc-search button,
a.wwc-donate,
a.wwc-donate:visited {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 6px 14px;
  border: 1px solid #741C3A;
  background: #741C3A;
  color: #000000;
  font-family: "Libre Caslon Text", Georgia, serif;
  font-weight: 650;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  -webkit-text-stroke: 0;
  box-sizing: border-box;
}
form.wwc-search button:hover,
form.wwc-search button:focus-visible,
a.wwc-donate:hover,
a.wwc-donate:focus-visible {
  background: #A68457;
  border-color: #741C3A;
  color: #000000;
  outline: none;
}
form.wwc-search button:focus-visible,
a.wwc-donate:focus-visible {
  outline: 2px solid #741C3A;
  outline-offset: 2px;
}
@media (max-width: 420px) {
  .wwc-header-tools {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  form.wwc-search {
    flex: 1 1 220px;
    width: auto;
    max-width: 100%;
    min-width: 0;
    margin-left: auto;
  }
  a.wwc-donate {
    flex: 0 0 auto;
  }
}
.wwc-search-results {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
.wwc-search-results li {
  padding: 12px 0;
  border-bottom: 1px solid #F1E6CF;
}
.wwc-search-results a {
  color: #741C3A;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: #741C3A;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.12em;
}
.wwc-search-results .meta {
  margin: 4px 0 2px;
  color: #000000;
  font-size: 15px;
}
.wwc-search-results p {
  margin: 0;
  color: #000000;
  font-size: 16px;
  line-height: 1.35;
}
/* wwc-search:end */

/* ww-footer-phone:start */
@media (max-width: 720px) {
  .brand-row {
    flex-wrap: wrap;
    justify-content: stretch;
    gap: 4px;
  }
  .brand-row .site-pair {
    display: contents;
  }
  .brand-row .brand-button,
  .brand-row a.brand-button,
  .brand-row span.brand-button,
  .brand-row .site-pair .brand-button,
  .brand-row .site-pair a.brand-button,
  .brand-row .site-pair span.brand-button {
    flex: 1 1 calc(50% - 4px);
    max-width: none;
    min-width: 0;
  }
}
/* ww-footer-phone:end */


/* Footer WWC emblem is an <img class="wwc-ico">, same as the news footer. */
.brand-wwc .wwc-ico,
a.brand-wwc .wwc-ico,
span.brand-wwc .wwc-ico{
  width:26px;
  height:26px;
  max-width:26px;
  object-fit:contain;
  flex:0 0 auto;
}
.brand-wwc:has(img.wwc-ico)::before,
a.brand-wwc:has(img.wwc-ico)::before,
span.brand-wwc:has(img.wwc-ico)::before{
  content:none;
}
