:root{
  color-scheme: light;
  --curtain: #1B2333;
  --curtain-2: #232F45;
  --marquee: #3EA1CC;
  --marquee-dim: #2F84AA;
  --paper: #EEF1F2;
  --paper-2: #E1E7E9;
  --ink: #1A2128;
  --ink-soft: #57666D;
  --line: #C6D0D3;
  --good: #3E8B57;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper: #12171C;
    --paper-2: #1A2127;
    --ink: #E6ECEE;
    --ink-soft: #A5B4BA;
    --line: #33414A;
  }
}
:root[data-theme="dark"]{
  --paper: #12171C;
  --paper-2: #1A2127;
  --ink: #E6ECEE;
  --ink-soft: #A5B4BA;
  --line: #33414A;
  color-scheme: dark;
}

@font-face{
  font-family:"Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: normal;
}
@font-face{
  font-family:"Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: italic;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,sans-serif;
}
a{color:var(--marquee-dim)}
.display{font-family:"Libre Baskerville",Georgia,"Times New Roman",serif;text-wrap:balance}
.eyebrow{
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:600;
}
.wrap{max-width:1040px;margin:0 auto;padding-inline:20px}
.wrap-narrow{max-width:720px;margin:0 auto;padding-inline:20px}

/* Site header, shared across every page */
.site-header{
  background:var(--curtain);
  padding-block:18px;
}
.site-header .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.site-header .brand{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;
}
.site-header .brand img{height:28px;display:block}
.site-header nav{display:flex;gap:24px;flex-wrap:wrap}
.site-header nav a{
  color:var(--paper-2);
  text-decoration:none;
  font-size:14.5px;
  font-weight:600;
}
.site-header nav a:hover{color:var(--marquee)}

/* Site footer, shared across every page */
.site-footer{
  border-top:1px solid var(--line);
  padding-block:32px;
  margin-top:64px;
}
.site-footer .footer-main{
  display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;
}
.site-footer p{margin:0;font-size:13.5px;color:var(--ink-soft)}
.site-footer a{font-weight:600}
.site-footer .footer-admin{
  margin-top:18px;padding-top:18px;border-top:1px solid var(--line);
}
.site-footer .footer-admin p{font-size:12px;line-height:1.6}

section{margin-block:52px}
h2.section-title{
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:26px;font-weight:700;margin:0 0 14px;
}
p.body-copy{
  font-size:18px;line-height:1.7;max-width:64ch;margin:0 0 16px;
}

.pullquote{
  border-left:3px solid var(--marquee);
  padding-left:18px;margin:28px 0;
  font-family:"Instrument Sans",-apple-system,sans-serif;
  font-size:21px;font-style:italic;line-height:1.5;max-width:58ch;color:var(--ink);
}
.pullquote cite{
  display:block;font-style:normal;font-size:12.5px;color:var(--ink-soft);margin-top:8px;
}

.btn{
  display:inline-block;
  background:var(--marquee);
  color:var(--curtain);
  font-weight:700;
  padding:14px 26px;
  border-radius:999px;
  text-decoration:none;
  font-size:16px;
}
.btn:hover{background:var(--marquee-dim);color:var(--paper)}
.btn-ghost{
  display:inline-block;
  border:1.5px solid var(--paper-2);
  color:var(--paper);
  padding:12.5px 24px;
  border-radius:999px;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
}
.btn-ghost:hover{border-color:var(--marquee);color:var(--marquee)}