@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg: #f9f7f4;--bg-card: #ffffff;--text: #1a1a18;--text-muted: #6b6b67;--accent: #c8502a;--accent-light: #f5ede9;--border: #e8e4df;--mono: "DM Mono", monospace;--serif: "Playfair Display", Georgia, serif;--sans: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:720px;margin:0 auto;padding:0 24px}.container--wide{max-width:1100px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);padding:20px 0;position:sticky;top:0;background:var(--bg);z-index:10}.site-header__inner{display:flex;align-items:center;justify-content:space-between}.site-header__logo{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.05em;color:var(--text-muted);transition:color .2s}.site-header__logo span{color:var(--accent)}.site-header__logo:hover{color:var(--text)}.site-header__nav{display:flex;gap:28px;align-items:center}.site-header__nav a{font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.02em;transition:color .2s}.site-header__nav a:hover{color:var(--accent)}.hero{padding:80px 0 64px;border-bottom:1px solid var(--border)}.hero__label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px}.hero__title{font-family:var(--serif);font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin-bottom:16px}.hero__tagline{font-family:var(--serif);font-size:clamp(18px,2.5vw,24px);font-weight:400;color:var(--accent);margin-bottom:20px}.hero__tagline em{font-style:italic}.hero__desc{font-size:15px;color:var(--text-muted);max-width:440px;line-height:1.7}.articles{padding:60px 0}.articles__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px}.articles__title{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.articles__count{font-family:var(--mono);font-size:11px;color:var(--border)}.article-list{list-style:none;display:flex;flex-direction:column;gap:0}.article-item{border-top:1px solid var(--border);padding:28px 0;display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:start;transition:background .2s}.article-item:last-child{border-bottom:1px solid var(--border)}.article-item:hover .article-item__title{color:var(--accent)}.article-item__date{font-family:var(--mono);font-size:11px;color:var(--text-muted);padding-top:4px;white-space:nowrap}.article-item__title{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.3;margin-bottom:8px;transition:color .2s}.article-item__desc{font-size:14px;color:var(--text-muted);line-height:1.6}.article-item__tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;background:var(--accent-light);color:var(--accent);border-radius:2px}.article-page{padding:60px 0 100px}.article-page__back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--text-muted);margin-bottom:48px;transition:color .2s}.article-page__back:hover{color:var(--accent)}.article-page__meta{display:flex;align-items:center;gap:16px;margin-bottom:24px}.article-page__date{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.article-page__title{font-family:var(--serif);font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.2;letter-spacing:-.01em;margin-bottom:16px}.article-page__desc{font-size:17px;color:var(--text-muted);line-height:1.7;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--border)}.prose{font-size:16px;line-height:1.8;color:var(--text)}.prose h2{font-family:var(--serif);font-size:26px;font-weight:400;margin:48px 0 16px}.prose h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:36px 0 12px}.prose p{margin-bottom:24px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose code{font-family:var(--mono);font-size:13px;background:var(--accent-light);color:var(--accent);padding:2px 6px;border-radius:3px}.prose pre{background:var(--text);color:var(--bg);padding:24px;border-radius:4px;overflow-x:auto;margin:32px 0;font-family:var(--mono);font-size:13px;line-height:1.7}.prose pre code{background:none;color:inherit;padding:0}.prose blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:32px 0;color:var(--text-muted);font-style:italic;font-family:var(--serif);font-size:18px}.prose ul,.prose ol{padding-left:24px;margin-bottom:24px}.prose li{margin-bottom:8px}.prose hr{border:none;border-top:1px solid var(--border);margin:48px 0}.prose strong{font-weight:500}.site-footer{border-top:1px solid var(--border);padding:32px 0;margin-top:auto}.site-footer__inner{display:flex;align-items:center;justify-content:space-between}.site-footer__copy{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.site-footer__links{display:flex;gap:20px}.site-footer__links a{font-family:var(--mono);font-size:12px;color:var(--text-muted);transition:color .2s}.site-footer__links a:hover{color:var(--accent)}.like-section{display:flex;align-items:center;gap:16px;padding:40px 0;border-top:1px solid var(--border);margin-top:48px}.like-btn{display:inline-flex;align-items:center;gap:10px;background:none;border:1px solid var(--border);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--text-muted);letter-spacing:.04em;transition:all .2s}.like-btn:hover{border-color:var(--accent);color:var(--accent)}.like-btn.liked{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.like-btn svg{width:16px;height:16px;transition:transform .2s}.like-btn:hover svg,.like-btn.liked svg{transform:scale(1.15)}.like-btn .heart-fill{opacity:0;transition:opacity .2s}.like-btn .heart-stroke{opacity:1;transition:opacity .2s}.like-btn.liked .heart-fill{opacity:1}.like-btn.liked .heart-stroke{opacity:0}.comments-section{padding:48px 0 0}.comments-title{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px}@media (max-width: 600px){.article-item{grid-template-columns:1fr;gap:8px}.article-item__tags{justify-content:flex-start}.site-header__nav{gap:16px}}