/* In the Meantime Marketing */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#222222;
 font:17px/1.62 "Helvetica Neue",Helvetica,Arial,sans-serif}
.page{max-width:1080px;margin:0 auto;padding:0 48px}
a{color:#7B241C}
a:focus-visible,.skip:focus{outline:2px solid #7B241C;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#FFFFFF;padding:8px 12px;z-index:9}
.skip:focus{left:8px}

/* centered identity block */
.identity{padding:44px 0 0;text-align:center;min-height:180px}
.identity img{display:block;margin:0 auto 14px;width:88px;height:88px}
.identity .brand{font:700 32px/1.2 Georgia,"PT Serif","Times New Roman",serif;
 letter-spacing:.01em;margin:0;color:#222222}
.identity .brand a{color:inherit;text-decoration:none}
.identity .descriptor{margin:10px auto 0;max-width:620px;font-size:15px;color:#555555}

/* utility link row */
.utility{margin:26px 0 0;padding:0 0 14px;border-bottom:1px solid #E4E0DE;text-align:center}
.utility ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;
 justify-content:center;gap:8px 26px}
.utility a{font-size:12px;text-transform:uppercase;letter-spacing:.09em;
 text-decoration:none;color:#222222}
.utility a:hover,.utility a[aria-current]{color:#7B241C}

/* stream */
main{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;
 padding:0 0 8px}
.entry{padding:52px 0 0;border:0}
.entry + .entry{margin-top:8px}
.entry h1,.entry h2.etitle{font-family:Georgia,"PT Serif",serif;font-weight:700;
 line-height:1.18;margin:0 0 14px;color:#222222}
.entry h1{font-size:44px}
.entry.detail h1{font-size:40px}
.entry h2.etitle{font-size:27px}
.entry h2.etitle.feature{font-size:44px}
.entry h2.etitle a{color:#222222;text-decoration:none}
.entry h2.etitle a:hover{color:#7B241C}
.entry h3{font-family:Georgia,"PT Serif",serif;font-size:22px;margin:36px 0 10px}
.entry p{margin:0 0 16px;max-width:660px}
.entry .lede{font-size:19px;color:#333333}

/* fine metadata rule + gap motif */
.entry-meta{font-size:12px;text-transform:uppercase;letter-spacing:.09em;
 color:#9B9B9B;margin:0 0 22px;padding-top:12px;position:relative}
.entry-meta::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
 background:linear-gradient(to right,#E4E0DE 0 34px,transparent 34px 48px,#E4E0DE 48px)}
.entry-meta span + span::before{content:" \00b7 ";color:#C9C4C1}

/* large borderless media */
.media{margin:0 0 26px}
.media img{display:block;width:100%;height:auto;border:0}

blockquote.q{margin:0 0 16px;padding:0;font-family:Georgia,"PT Serif",serif;
 font-size:19px;line-height:1.55;color:#222222;max-width:660px}

.tagline{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#9B9B9B;
 margin:20px 0 0;padding-top:14px;border-top:1px solid #E4E0DE}
.tagline a{color:#7B241C;text-decoration:none}
.tagline a:hover{text-decoration:underline}

.pager{display:flex;justify-content:space-between;align-items:baseline;
 margin:56px 0 0;padding-top:16px;border-top:1px solid #E4E0DE;
 font-size:12px;text-transform:uppercase;letter-spacing:.09em}
.pager a{text-decoration:none}
.pager .inert{color:#9B9B9B}

/* footer tag-archive block */
.archive-footer{margin:64px 0 0;border-top:1px solid #E4E0DE;padding:36px 0 56px}
.archive-footer .cols{max-width:1080px;margin:0 auto;display:grid;
 grid-template-columns:2fr 1fr 1fr;gap:32px}
.archive-footer h2{font-size:12px;text-transform:uppercase;letter-spacing:.09em;
 color:#9B9B9B;margin:0 0 12px;font-family:inherit;font-weight:700}
.archive-footer ul{margin:0;padding:0;list-style:none;font-size:14px}
.archive-footer li{margin:0 0 7px}
.archive-footer a{text-decoration:none}
.archive-footer a:hover{text-decoration:underline}
.archive-footer .tags{display:flex;flex-wrap:wrap;gap:6px 14px}
.archive-footer .tags li{margin:0}
.identity-line{margin:28px 0 0;font-size:12px;letter-spacing:.06em;color:#9B9B9B}

@media (max-width:900px){.page{padding:0 32px}
 .archive-footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
 .page{padding:0 20px}
 .identity{padding:22px 0 0;min-height:132px}
 .identity img{width:44px;height:44px;margin-bottom:10px}
 .identity .brand{font-size:25px}
 .identity .descriptor{font-size:14px}
 .utility ul{gap:8px 14px}
 .entry{padding-top:36px}
 .entry h1{font-size:30px}
 .entry.detail h1{font-size:28px}
 .entry h2.etitle{font-size:22px}
 .entry h2.etitle.feature{font-size:30px}
 .entry h3{font-size:20px}
 .entry .lede{font-size:17px}
 blockquote.q{font-size:17px}
 .archive-footer .cols{grid-template-columns:1fr;gap:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}