:root{--color-bg: #f7f4ee;--color-bg-alt: #efe9df;--color-ink: #17262e;--color-ink-deep: #0f1c22;--color-muted: #5c6b72;--color-accent: #b4762f;--color-line: rgba(23, 38, 46, .14);--color-on-dark: #f7f4ee;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--wrap-max: 1160px;--wrap-pad: 40px;--wrap-pad-sm: 24px;--section-y: 78px;--section-y-sm: 54px;--radius: 3px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--wrap-max);margin:0 auto;padding:0 var(--wrap-pad)}.site-header{border-bottom:1px solid var(--color-line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:saturate(140%) blur(8px)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:74px}.brand{font-family:var(--font-serif);font-weight:500;font-size:19px;text-decoration:none}.brand .dot{color:var(--color-accent)}.nav-right{display:flex;align-items:center;gap:30px}.site-nav ul{display:flex;gap:26px;list-style:none}.site-nav a{text-decoration:none;color:var(--color-muted);font-size:14.5px;font-weight:500;transition:color .18s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-ink)}.lang-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.6px}.lang-toggle a{text-decoration:none;color:var(--color-muted)}.lang-toggle a.active{color:var(--color-ink);border-bottom:2px solid var(--color-accent)}.lang-toggle .sep{color:var(--color-line)}.nav-toggle{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;padding:0;cursor:pointer;margin-right:-8px}.nav-toggle-bar{width:22px;height:2px;background:var(--color-ink);border-radius:2px;transition:transform .22s ease,opacity .18s ease}.btn{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;padding:14px 26px;border-radius:var(--radius);text-decoration:none;transition:all .18s ease;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--color-ink);color:var(--color-on-dark)}.btn-primary:hover{background:var(--color-ink-deep);transform:translateY(-1px)}.btn-ghost{color:var(--color-ink);border-color:var(--color-line)}.btn-ghost:hover{border-color:var(--color-ink)}.section{padding:var(--section-y) 0}.section.band{background:var(--color-bg-alt)}.section.dark{background:var(--color-ink-deep);color:var(--color-on-dark)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--color-accent);margin-bottom:18px}.section-title{font-family:var(--font-serif);font-weight:500;font-size:34px;line-height:1.12;letter-spacing:-.3px;margin-bottom:24px;max-width:26ch}.prose{max-width:62ch;font-size:17px;color:color-mix(in srgb,var(--color-ink) 92%,#000)}.section.dark .prose{color:color-mix(in srgb,var(--color-on-dark) 82%,transparent)}.prose p{margin-bottom:18px}.prose p:last-child{margin-bottom:0}.more{display:inline-block;margin-top:8px;font-size:15px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--color-accent);padding-bottom:1px}.more:hover{color:var(--color-accent)}.site-footer{border-top:1px solid var(--color-line);padding:36px 0}.site-footer .bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.foot-brand{font-family:var(--font-serif);font-size:17px}.foot-meta{font-size:13px;color:var(--color-muted)}@media(max-width:860px){.wrap{padding:0 var(--wrap-pad-sm)}.section{padding:var(--section-y-sm) 0}.section-title{font-size:30px}.nav-toggle{display:inline-flex}.nav-right{gap:14px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-line);box-shadow:0 20px 44px -26px #101d2373;padding:4px var(--wrap-pad-sm) 12px}.site-header.nav-open .site-nav{display:block}.site-nav ul{flex-direction:column;gap:0}.site-nav li{border-top:1px solid var(--color-line)}.site-nav li:first-child{border-top:none}.site-nav a{display:block;padding:15px 2px;font-size:16px}.site-header.nav-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.nav-open .nav-toggle-bar:nth-child(2){opacity:0}.site-header.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
