@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:wght@300;400;500&display=swap");:root{--bg: #fafaf8;--bg-alt: #f3f2ef;--surface: #ffffff;--border: #e2e0da;--text: #1a1a18;--text-muted: #7a7870;--accent: #0f0f0e;--accent-soft:#2a2a28;--tag-bg: #1a1a18;--tag-text: #fafaf8;--link: #0f0f0e;--highlight: #f0ede5;--font-display: 'Playfair Display', Georgia, serif;--font-mono: 'DM Mono', monospace;--font-body: 'DM Sans', system-ui, sans-serif;--radius: 4px;--max-w: 740px;--nav-h: 64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--link);text-decoration:none}.nav{position:sticky;top:0;z-index:100;background:rgba(250,250,248,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--nav-h)}.nav__inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-0.02em;color:var(--text);transition:opacity 0.2s}.nav__logo:hover{opacity:0.6}.nav__logo span{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-left:3px;vertical-align:middle;position:relative;top:-2px}.nav__links{display:flex;gap:28px;list-style:none}.nav__links a{font-size:0.85rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);transition:color 0.2s}.nav__links a:hover{color:var(--text)}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}main{min-height:calc(100vh - var(--nav-h) - 120px)}.hero{padding:80px 0 60px;border-bottom:1px solid var(--border);margin-bottom:64px}.hero__kicker{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.hero__title{font-family:var(--font-display);font-size:clamp(2.6rem, 6vw, 3.6rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:var(--text);margin-bottom:20px}.hero__title em{font-style:italic;color:var(--text-muted)}.hero__desc{font-size:1.05rem;color:var(--text-muted);max-width:480px;line-height:1.6}.posts-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}.posts-section__header h2{font-family:var(--font-mono);font-size:0.75rem;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted)}.posts-section__header .view-all{font-size:0.8rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;transition:color 0.2s}.posts-section__header .view-all:hover{color:var(--text)}.post-card{display:grid;grid-template-columns:80px 1fr;gap:0 28px;padding:28px 0;border-bottom:1px solid var(--border);transition:background 0.15s}.post-card:first-child{border-top:1px solid var(--border)}.post-card:hover .post-card__title{text-decoration:underline;text-underline-offset:4px}.post-card__date{font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);padding-top:5px;letter-spacing:0.02em;line-height:1.5}.post-card__date span{display:block;font-size:1.6rem;font-weight:500;color:var(--text);letter-spacing:-0.03em;line-height:1;margin-bottom:2px;font-family:var(--font-display)}.post-card__body{min-width:0}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;background:var(--tag-bg);color:var(--tag-text);padding:2px 8px;border-radius:2px}.post-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-0.02em;color:var(--text);margin-bottom:8px;display:block}.post-card__excerpt{font-size:0.9rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-header{padding:64px 0 48px;border-bottom:1px solid var(--border);margin-bottom:56px}.post-header__meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.post-header__date{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:0.08em}.post-header__title{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3rem);font-weight:700;line-height:1.15;letter-spacing:-0.03em;color:var(--text);margin-bottom:20px}.post-header__excerpt{font-size:1.1rem;color:var(--text-muted);line-height:1.6;font-style:italic;font-family:var(--font-display);max-width:560px}.post-content{max-width:100%}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;color:var(--text);line-height:1.25;margin-top:2.5em;margin-bottom:0.75em}.post-content h2{font-size:1.7rem}.post-content h3{font-size:1.3rem}.post-content h4{font-size:1.1rem}.post-content p{margin-bottom:1.6em}.post-content a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:text-decoration-color 0.2s}.post-content a:hover{text-decoration-color:var(--text)}.post-content strong{font-weight:700}.post-content em{font-style:italic}.post-content ul,.post-content ol{padding-left:1.5em;margin-bottom:1.6em}.post-content ul li,.post-content ol li{margin-bottom:0.4em}.post-content blockquote{border-left:3px solid var(--text);margin:2em 0;padding:0.5em 0 0.5em 1.5em;font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--text-muted)}.post-content blockquote p{margin-bottom:0}.post-content code{font-family:var(--font-mono);font-size:0.85em;background:var(--highlight);padding:2px 6px;border-radius:3px;color:var(--accent-soft)}.post-content pre{background:var(--text);color:#e8e6e0;padding:24px;border-radius:var(--radius);overflow-x:auto;margin:2em 0;font-family:var(--font-mono);font-size:0.85rem;line-height:1.7}.post-content pre code{background:none;padding:0;color:inherit;font-size:inherit}.post-content hr{border:none;border-top:1px solid var(--border);margin:3em 0}.post-content img{border-radius:var(--radius);margin:2em auto}.post-content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:0.9rem}.post-content table th{background:var(--bg-alt);font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;padding:10px 14px;text-align:left;border-bottom:2px solid var(--border)}.post-content table td{padding:10px 14px;border-bottom:1px solid var(--border)}.post-content table tr:hover td{background:var(--highlight)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);margin:64px 0 48px;overflow:hidden}.post-nav a{display:block;padding:20px 24px;background:var(--surface);transition:background 0.15s}.post-nav a:hover{background:var(--highlight)}.post-nav a.next{text-align:right}.post-nav a small{display:block;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.post-nav a span{font-family:var(--font-display);font-size:0.95rem;font-weight:600;color:var(--text);letter-spacing:-0.01em}.about-header{padding:80px 0 56px;border-bottom:1px solid var(--border);margin-bottom:56px}.about-header h1{font-family:var(--font-display);font-size:clamp(2.4rem, 5vw, 3.2rem);font-weight:700;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}.about-header p{color:var(--text-muted);font-size:1.05rem;max-width:480px}.archive-year{margin-bottom:48px}.archive-year h2{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-0.03em;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--text);display:inline-block}.archive-list{list-style:none}.archive-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);align-items:baseline}.archive-list time{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:0.06em}.archive-list a{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:-0.01em;transition:opacity 0.2s}.archive-list a:hover{opacity:0.5}.footer{border-top:1px solid var(--border);padding:40px 0;margin-top:80px}.footer__inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer__copy{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:0.06em}.footer__links{display:flex;gap:20px;list-style:none}.footer__links a{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:0.06em;transition:color 0.2s}.footer__links a:hover{color:var(--text)}.progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:1000;transition:width 0.1s linear;width:0%}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero,.post-header{animation:fadeUp 0.5s ease both}.post-card{animation:fadeUp 0.4s ease both}.post-card:nth-child(1){animation-delay:.06s}.post-card:nth-child(2){animation-delay:.12s}.post-card:nth-child(3){animation-delay:.18s}.post-card:nth-child(4){animation-delay:.24s}.post-card:nth-child(5){animation-delay:.3s}.post-card:nth-child(6){animation-delay:.36s}.post-card:nth-child(7){animation-delay:.42s}.post-card:nth-child(8){animation-delay:.48s}.post-card:nth-child(9){animation-delay:.54s}.post-card:nth-child(10){animation-delay:.6s}@media (max-width: 600px){.post-card{grid-template-columns:1fr;gap:8px}.post-card__date span{display:inline;font-size:1rem;margin-right:4px}.post-card__date{display:flex;align-items:center;gap:4px}.post-nav{grid-template-columns:1fr}.archive-list li{grid-template-columns:1fr;gap:4px}.nav__links{gap:16px}}