@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Source+Serif+4:wght@600;700&display=swap";:root{--bg:#f4f1ea;--surface:#fffdf9;--surface-2:#ece7dd;--line:#d7cfbf;--ink:#1c2328;--muted:#5f6b71;--accent:#0f5c73;--accent-2:#b46b2d;--shadow:0 10px 28px rgba(28,35,40,.08);--radius:8px;--max-width:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f6f2eb,#ece6da);line-height:1.68}a{color:var(--accent);text-decoration:none}a:hover{color:#083947}h1,h2,h3,h4{font-family:"Source Serif 4",serif;line-height:1.08;margin:0;color:#142028}img{max-width:100%;display:block}.site-nav{position:sticky;top:0;z-index:100;background:#f4f1eaf0;border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-logo{font-weight:700;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.nav-links{list-style:none;display:flex;gap:18px;margin:0;padding:0}.nav-links a{font-size:.92rem;color:var(--muted)}.mobile-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--ink)}.site-content{max-width:var(--max-width);margin:0 auto;padding:28px 22px 56px}.hero-section{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:stretch;margin-bottom:30px}.hero-section:before{content:"";display:block;grid-column:1/-1;height:0}.hero-section h1{font-size:clamp(2.7rem,6vw,4.7rem);margin-bottom:10px}.hero-section .tagline{font-size:1.08rem;color:var(--muted);max-width:680px}.hero-section{background:var(--surface);border:1px solid var(--line);padding:34px;border-radius:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-section:after{content:"FIELD NOTES";position:absolute;right:24px;top:24px;border:1px solid var(--line);padding:6px 10px;font-size:.75rem;letter-spacing:.18em;color:var(--muted)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.post-card-body{padding:20px}.post-card-date{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.post-card-body h2{font-size:1.7rem;margin-bottom:10px}.post-card-excerpt{color:#49565d;margin-bottom:14px}.post-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.post-card-categories{display:flex;gap:8px;flex-wrap:wrap}.category-pill,.post-tags a{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:.74rem;background:#f6f3ed;color:#415057}.read-more-link{font-weight:700;letter-spacing:.02em}article.single-post{max-width:780px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:var(--shadow)}.post-header,.archive-header{text-align:left;margin-bottom:26px;padding-bottom:16px;border-bottom:2px solid var(--surface-2)}.post-header h1,.archive-header h1{font-size:clamp(2.1rem,5vw,3.4rem)}.post-content h2{font-size:1.9rem;margin:28px 0 10px}.post-content h3{font-size:1.45rem;margin:24px 0 10px}.post-content p,.post-content ul,.post-content ol{margin:0 0 16px}.post-content blockquote{margin:22px 0;padding:16px 18px;background:#eef5f7;border-left:4px solid var(--accent)}.about-content{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:18px}.author-photo-placeholder{width:130px;height:130px;border-radius:18px;background:linear-gradient(135deg,#dcebef,#f4e1d1);display:grid;place-items:center;font-size:3rem;margin:0 0 22px}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:30px}.pagination a,.pagination span{min-width:2.2rem;height:2.2rem;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border-radius:6px}.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}.site-footer{text-align:center;color:var(--muted);padding:28px 18px 36px}@media(max-width:760px){.hero-section{display:block;padding:28px 22px}.mobile-toggle{display:block}.nav-inner{flex-wrap:wrap}.nav-links{display:none;width:100%;flex-direction:column;padding-top:10px}.nav-links.open{display:flex}}
