/* Visual language restored from the archived Showit design: warm ivory, Koolegant display type, and EB Garamond body copy. */
@font-face{font-family:Koolegant;src:url('/assets/koolegant.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#1d1d1d;--muted:#6b6861;--paper:#faf8f3;--white:#fffefa;--line:#d8d4cc;--olive:#6c6b5d;--serif:'EB Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
body{background:var(--paper);color:var(--ink);font:16px/1.8 var(--serif);letter-spacing:.015em}
a:hover{color:#777565}
.site-header{min-height:120px;padding:20px clamp(20px,5vw,76px) 16px;display:flex;flex-direction:column;justify-content:center;gap:17px;border:0;border-bottom:1px solid rgba(29,29,29,.22);background:var(--paper)}
.wordmark{gap:0;text-align:center;font:18px/1.1 Koolegant,var(--serif);letter-spacing:.13em;text-transform:uppercase}
.wordmark small{margin-top:7px;color:var(--ink);font:9px/1.2 var(--sans);letter-spacing:.21em}
.mark{display:none}
nav[aria-label="Main navigation"]{justify-content:center;flex-wrap:wrap;gap:clamp(16px,2.8vw,38px);font:500 10px/1.5 var(--sans);letter-spacing:.15em}
.nav-cta{border:0;border-bottom:1px solid var(--ink);padding:3px 0}
.page-shell{max-width:1120px;padding:25px 34px 94px}
.breadcrumbs{font:10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.article-header{max-width:980px;margin:56px auto 34px;text-align:left}
.eyebrow{color:#4e4d45;font:500 10px/1.6 var(--sans);letter-spacing:.2em}
.article-header h1{font:clamp(38px,5.2vw,62px)/1.18 Koolegant,var(--serif);font-weight:400;letter-spacing:.045em;text-transform:uppercase;margin:14px 0 16px}
.deck{max-width:700px;margin:0;color:#34332f;font:italic 20px/1.5 var(--serif);letter-spacing:.01em}
.feature-image{max-width:1050px;margin:0 auto 52px}
.feature-image img{max-height:650px;object-fit:cover}
.feature-image figcaption,figure figcaption{font:italic 13px/1.5 var(--serif);color:var(--muted)}
.prose{max-width:760px;font:16px/1.85 var(--serif);letter-spacing:.015em}
.prose section{margin:0 0 38px}
.prose h2{font:400 18px/1.55 Koolegant,var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px}
.prose h3,.prose h4{font-family:Koolegant,var(--serif);font-weight:400;letter-spacing:.1em;text-transform:uppercase}
.prose p{text-align:justify;margin:0 0 18px}
.prose ul,.prose ol{padding-left:24px}
.prose li{padding:3px 0}
.prose th{background:#f0ede6;font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.prose td{font-family:var(--serif)}
.related,.recent{max-width:760px}
.related h2,.recent h2{font:400 18px/1.5 Koolegant,var(--serif);letter-spacing:.14em;text-transform:uppercase}
.related a{font:16px/1.5 var(--serif)}
.recent>a{font:18px/1.5 var(--serif)}
.recent span{font:10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.post-grid{gap:24px;margin:30px 0 52px}
.post-card{background:transparent;border:0;border-bottom:1px solid var(--line)}
.post-card img{height:170px;aspect-ratio:auto;filter:saturate(.86)}
.card-copy{gap:8px;padding:13px 0 17px}
.card-copy strong{font:400 19px/1.25 Koolegant,var(--serif);letter-spacing:.045em;text-transform:uppercase}
.card-copy>span:not(.eyebrow){font:14px/1.5 var(--serif);color:#4f4c46}
.card-copy em{margin-top:2px;font:10px/1.5 var(--sans);letter-spacing:.13em}
.site-footer{background:#f2efe8;border-top:1px solid rgba(29,29,29,.2);padding:52px clamp(24px,6vw,88px) 20px;gap:42px}
.site-footer h2{font:400 16px/1.5 Koolegant,var(--serif);letter-spacing:.13em;text-transform:uppercase}
.site-footer>div:not(.footer-brand) a{font:14px/1.5 var(--serif)}
.footer-brand p{color:#4f4c46;font:italic 17px/1.55 var(--serif)}
.copyright{border-color:#d8d4cc;font:10px/1.5 var(--sans);letter-spacing:.06em}
.contact-details{background:#f1eee7;border:1px solid var(--line)}
.contact-details h2{font:400 18px/1.5 Koolegant,var(--serif);letter-spacing:.12em;text-transform:uppercase}
img{background:#f0ede6}
.site-header nav a:focus-visible,.site-footer a:focus-visible,.related a:focus-visible{outline:1px solid #1d1d1d;outline-offset:5px}
@media(max-width:800px){.site-header{align-items:center;gap:14px;padding:22px 18px 15px}.site-header nav{justify-content:center;gap:15px 21px;overflow:visible}.article-header{margin:43px auto 28px}.page-shell{padding-left:24px;padding-right:24px}.site-footer{gap:28px}}
@media(max-width:540px){.page-shell{padding:20px 18px 64px}.wordmark{font-size:16px}.article-header h1{font-size:38px}.deck{font-size:18px}.prose{font-size:15.5px}.prose h2{font-size:16px}.site-footer{padding:40px 22px 18px}}
