:root{
  --max-width: 1000px;
  --color-text: #333;
  --color-heading: #1a1a1a;
  --color-red: #a3242c;
  --color-red-dark: #8a1f26;
  --color-page-bg: #eceff1;
  --color-panel-bg: #ffffff;
  --color-footer-bg: #a3242c;
  --color-footer-text: #f5e6e6;
  --font: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family: var(--font);
  color: var(--color-text);
  background: var(--color-page-bg);
  line-height:1.7;
}
a{ color: var(--color-red); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Header */
header.site-header{
  background: #fff;
  border-bottom:1px solid #e2e2e2;
}
.header-inner{
  max-width: var(--max-width);
  margin:0 auto;
  padding: 22px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
}
.site-logo img{ height:77px; width:auto; display:block; }

nav.main-nav ul{
  list-style:none;
  display:flex;
  justify-content:flex-end;
  gap:32px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
nav.main-nav a{
  color:#444;
  font-weight:600;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
nav.main-nav a.current,
nav.main-nav a:hover{ color: var(--color-red); }

nav.main-nav li{ position:relative; }

nav.main-nav .has-dropdown{
  display:flex;
  align-items:center;
  gap:4px;
}
nav.main-nav .dropdown-toggle{
  border:none;
  background:none;
  padding:2px;
  margin:0;
  cursor:pointer;
  color:#444;
  font-size:10px;
  line-height:1;
}
nav.main-nav .dropdown-toggle:hover{ color: var(--color-red); }

nav.main-nav .dropdown{
  list-style:none;
  margin:0;
  padding:8px 0;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  border:1px solid #e2e2e2;
  min-width:170px;
  box-shadow:0 8px 20px rgba(0,0,0,.1);
  display:none;
  z-index:20;
}
nav.main-nav .dropdown a{
  display:block;
  padding:9px 18px;
  font-size:13px;
  text-transform:none;
  letter-spacing:normal;
  font-weight:500;
  white-space:nowrap;
}
nav.main-nav li.has-dropdown:hover .dropdown,
nav.main-nav li.has-dropdown.open .dropdown{ display:block; }

@media (max-width: 600px){
  nav.main-nav .dropdown{
    position:static;
    border:none;
    box-shadow:none;
    padding:4px 0 0 12px;
    display:none;
  }
  nav.main-nav li.has-dropdown.open .dropdown{ display:block; }
}

/* Main content */
main{
  max-width: var(--max-width);
  margin: 30px auto 0;
  padding: 0 20px 60px;
}

.hero-panel{
  background:#fff;
  padding: 30px 30px 0;
  margin-bottom: 40px;
}
.hero-image{
  width:100%;
  height:auto;
  display:block;
  margin: 0 auto;
}

.lede{
  font-size: 1.05rem;
  margin: 0 0 26px;
}
.lede .brand{
  font-weight:800;
  font-size:1.5rem;
  letter-spacing:.02em;
  color: var(--color-heading);
  margin-right:6px;
}

.entry-content blockquote{
  border: 1px solid var(--color-red);
  border-radius:2px;
  margin: 30px 0;
  padding: 22px 28px;
  font-style: italic;
  font-size: 1.05rem;
  color: #333;
  text-align: center;
}
.entry-content blockquote p{ margin:0 0 10px; font-size: 1.4rem; }
.entry-content blockquote cite{
  display:block;
  font-style:normal;
  font-weight:400;
  font-size: .9rem;
  color: #555;
  text-align: center;
}
.entry-content blockquote.quote-plain{
  border:none;
  padding: 0 0 0 22px;
  border-left: 3px solid var(--color-red);
  font-size: 1rem;
}
.entry-content blockquote.quote-plain p{ font-size: 1rem; }

h2.section-title{
  font-size: 1.05rem;
  font-weight:700;
  margin: 34px 0 4px;
  color: var(--color-heading);
}
.section-lead{
  font-weight:700;
  margin: 0 0 14px;
}

.entry-content h3{
  font-size: 1rem;
  font-weight:700;
  margin: 26px 0 8px;
  color: var(--color-heading);
}
.entry-content h4{
  font-size: .95rem;
  font-weight:700;
  margin: 18px 0 6px;
  color: var(--color-heading);
}
.legal-page .entry-content{ max-width: 800px; }
.legal-page .entry-content p{ margin: 0 0 14px; }
.legal-page .entry-content ul{ margin: 0 0 14px; }
.legal-page .entry-content li{ margin-bottom: 4px; }

.entry-content p{
  font-size: 1rem;
  margin: 0 0 18px;
}

.entry-content ul{
  margin: 0 0 20px;
  padding-left: 20px;
}
.entry-content li{
  margin-bottom: 10px;
}
.entry-content li em{ color:#555; }

.bio-figure{
  float:left;
  margin: 4px 24px 10px 0;
  max-width: 220px;
}
.bio-figure img{
  width:100%;
  height:auto;
  display:block;
}

.clearfix::after{
  content:"";
  display:table;
  clear:both;
}

/* Footer */
footer.site-footer{
  background: var(--color-footer-bg);
  color: var(--color-footer-text);
  padding: 20px 0;
  margin-top: 40px;
}
.footer-inner{
  max-width: var(--max-width);
  margin:0 auto;
  padding: 0 20px;
  font-size: 14px;
  text-align:center;
}
footer.site-footer a{ color:#fff; text-decoration:underline; }
footer.site-footer a:hover{ color:#ffe; }

@media (max-width: 600px){
  .header-inner{ flex-direction:column; align-items:flex-start; }
  nav.main-nav ul{ gap:16px; justify-content:flex-start; }
  .bio-figure{ float:none; max-width: 100%; margin: 0 0 20px; }
  .hero-panel{ padding: 20px 16px 0; }
}