@font-face { font-family: "Darker Grotesque"; src: url(/assets/fonts/darker-grotesque.woff2) format("woff2"); font-weight: 500 900; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url(/assets/fonts/newsreader.woff2) format("woff2"); font-weight: 400 500; font-display: swap; }
@view-transition { navigation: auto; }
:root { --bg: #e6d3a3; --ink: #1d1a13; --soft: #4b4432; --line: rgba(29,26,19,.28); --grot: "Darker Grotesque", "Arial Narrow", sans-serif; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--bg); color: var(--ink); font-family: "Newsreader", Georgia, serif; -webkit-font-smoothing: antialiased; }
body { font-size: 1.15rem; line-height: 1.5; }
.wrap { max-width: 42rem; margin: 0 auto; padding: 1.25rem clamp(1.1rem, 4vw, 2rem) 4rem; }
.topnav { font: 700 1.3rem/1 var(--grot); margin-bottom: clamp(3rem, 9vw, 5.5rem); }
.topnav a { text-decoration: none; } .topnav a:hover { text-decoration: underline; text-underline-offset: .18em; }
.kicker, .effective { font: 700 1.2rem/1.2 var(--grot); }
h1 { font: 900 clamp(3.8rem, 15vw, 7rem)/.86 var(--grot); letter-spacing: -.012em; margin: .1em 0 .3em; }
h2 { font: 900 2.5rem/.95 var(--grot); margin: 2.4rem 0 .6rem; }
.lede { font-size: 1.45rem; line-height: 1.26; margin: 1rem 0; }
p { margin-bottom: 1rem; }
ul { margin: 0 0 1rem 1.2rem; } li { margin-bottom: .45rem; }
a { color: inherit; text-underline-offset: .18em; }
.channels { display: grid; border-top: 1px solid var(--line); margin: 1rem 0; }
@media (min-width: 620px) { .channels { grid-template-columns: 1fr 1fr; } }
.channel { display: block; padding: 1rem 1rem 1rem 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.channel:hover .value { text-decoration: underline; text-underline-offset: .18em; }
.channel .label { font: 700 1.1rem/1.2 var(--grot); color: var(--soft); }
.channel .value { font: 900 1.9rem/1.05 var(--grot); overflow-wrap: anywhere; }
.channel .note { font-size: 1rem; color: var(--soft); }
.response { color: var(--soft); }
.contact-card { border-block: 1px solid var(--line); padding: 1rem 0; margin: 1rem 0; }
.contact-card .who { font: 900 1.9rem/1.05 var(--grot); }
.contact-card .role { font: 700 1.1rem/1.2 var(--grot); color: var(--soft); }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--line); font: 600 1.15rem/1.3 var(--grot); }