@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.site-header{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:none;height:64px;min-height:64px;margin:0;padding:0 clamp(18px,3.3vw,48px);position:sticky;top:0;z-index:1000;border:0;border-bottom:1px solid #c8c8c2;background:#f7f6f2;color:#171715;text-align:left;font-family:'Space Grotesk',Arial,sans-serif}
.site-header .brand{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;width:auto;margin:0;padding:0;color:#171715;font:700 13.28px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.02em;text-decoration:none;text-transform:none;white-space:nowrap}
.site-header .fold-logo{display:block;flex:none;width:51px;height:35px;min-width:0;margin:0;overflow:visible}
.site-header .fold-logo path{fill:none;stroke:#171715;stroke-width:32;stroke-linecap:round;stroke-linejoin:round}
.site-header .brand span{display:inline;margin:0;padding:0}
.site-header nav{display:flex;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:clamp(18px,2.5vw,42px);width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;overflow:visible;font:500 13.76px/1.35 'DM Mono',monospace;letter-spacing:.06em}
.site-header nav a{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 0;color:#171715;text-decoration:none;white-space:nowrap}
.site-header nav i{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:transparent}
.site-header nav a:hover i,.site-header nav a:focus-visible i,.site-header nav a[aria-current] i{background:#2639c7}
@media(max-width:640px){.site-header{padding:0 14px;gap:12px}.site-header .brand span{display:none}.site-header nav{gap:12px;font-size:12px}.site-header nav a{font-size:12px}}
/* Shared reading progress for long case studies. */
.reading-progress{position:fixed;top:63px;left:0;width:100%;height:2px;z-index:1001;pointer-events:none;background:transparent}
.reading-progress span{display:block;width:100%;height:100%;background:#2639c7;transform:scaleX(0);transform-origin:left center;will-change:transform}