@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2')}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2') format('woff2')}
@font-face{font-family:Cardo;font-style:italic;font-weight:400;font-display:fallback;src:url('/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2') format('woff2')}
@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:fallback;src:url('/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2') format('woff2')}
:root{--base:#f9f9f9;--text:#111;--muted:#636363;--spacing-30:min(2.5rem,3vw);--spacing-50:min(6.5rem,8vw);--content:620px;--wide:1280px;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--base);color:var(--text);font-family:Inter,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.55;overflow-wrap:break-word}
[hidden]{display:none!important}
a{color:var(--text);text-underline-offset:.1em}
a:hover{text-decoration:none}
:focus-visible{outline:2px solid var(--text);outline-offset:3px}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:Cardo,serif;font-weight:400;line-height:1.2}
h1{font-size:clamp(2.5rem,2.5rem + ((1vw - .2rem)*1.283),3.27rem);line-height:1.15}
h2{font-size:clamp(1.85rem,1.85rem + ((1vw - .2rem)*1.083),2.5rem)}
.wide{width:calc(100% - var(--spacing-50)*2);max-width:var(--wide);margin-inline:auto}
.reading{width:calc(100% - var(--spacing-50)*2);max-width:var(--content);margin-inline:auto}
.site-header{padding-block:20px}
.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem}
.site-title{margin:0;font-size:clamp(.875rem,.875rem + ((1vw - .2rem)*.542),1.2rem);font-weight:600}
.site-title a{text-decoration:none}
.navigation-links,.footer-links ul{list-style:none;padding:0;margin:0}
.navigation-links{display:flex;align-items:center;flex-wrap:wrap;gap:min(1.5rem,2vw);font-weight:500}
.navigation-links a,.footer-links a{text-decoration:none}
.navigation-links a:hover,.footer-links a:hover{text-decoration:underline}
.site-main{margin-top:1.2rem}
.page-heading{padding-top:calc(var(--spacing-50) + 1.2rem);padding-bottom:var(--spacing-30);text-align:center}
.page-heading h1{margin:0 0 1.2rem}
.post-date{margin:0;font-size:.9rem;color:var(--muted)}
.entry-content>:first-child{margin-top:0}
.entry-content>:last-child{margin-bottom:0}
.entry-content>*{margin-block:1.2rem 0}
.site-footer{margin-top:1.2rem;padding-block:var(--spacing-50)}
.footer-columns{display:flex;align-items:flex-start;gap:1.2rem}
.footer-identity{flex-basis:30%;min-width:0}
.footer-space{flex-basis:20%;min-width:0}
.footer-links{flex-basis:50%;min-width:0}
.footer-identity .site-title{font-size:1.05rem}
.site-tagline{margin:1.2rem 0 0;color:var(--muted);font-size:.9rem}
.footer-links h2{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 1.2rem}
.footer-links ul{display:flex;align-items:flex-start;flex-direction:column;gap:1rem;font-size:.9rem}
.footer-meta{margin-top:1.2rem;padding-top:var(--spacing-50);font-size:.9rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:space-between}
.footer-meta p{margin:0}
.footer-meta a{color:var(--text)}
.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{z-index:10;left:5px;top:5px;width:auto;height:auto;clip-path:none;background:#eee;padding:15px 23px;color:#444}
.menu-open,.menu-close{border:0;background:transparent;padding:0;display:none;cursor:pointer;line-height:0}
.menu-open svg,.menu-close svg{fill:currentColor}
.mobile-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:var(--spacing-50);background:var(--base);color:var(--text)}
.mobile-menu::backdrop{background:var(--base)}
.mobile-menu[open]{display:flex;align-items:flex-end;flex-direction:column}
.mobile-menu .menu-close{display:block;margin-bottom:2rem;min-width:24px;min-height:24px}
.mobile-menu .navigation-links{align-items:flex-end;flex-direction:column;gap:1.2rem}
@media(max-width:781px){.footer-columns{flex-wrap:wrap}.footer-identity,.footer-links,.footer-space{flex-basis:100%}}
@media(max-width:599px){[data-navigation][data-menu-ready]>.navigation-links{display:none}[data-navigation][data-menu-ready]>.menu-open{display:block}}
@media(prefers-reduced-motion:no-preference){.mobile-menu[open]{animation:menu-appear .1s ease-out}@keyframes menu-appear{from{opacity:0}to{opacity:1}}}