:root{--white: #ffffff;--off: #f7f7f5;--border: #e5e5e3;--muted: #8a8a86;--body: #1a1a18;--accent: #0f6fff;--serif: 'Instrument Serif', Georgia, serif;--sans: 'DM Sans', sans-serif;--max: 1140px;--nav-h: 64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--body);background:var(--white);font-size:15px;line-height:1.6}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.site-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--nav-h);display:flex;align-items:center}.site-nav .inner{max-width:var(--max);width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.site-nav .logo{font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-0.02em;color:var(--body);text-decoration:none}.site-nav .nav-links{display:flex;align-items:center;gap:28px}.site-nav .nav-links a{font-size:14px;font-weight:400;color:var(--body);text-decoration:none;transition:color 0.2s}.site-nav .nav-links a:hover,.site-nav .nav-links a.active{color:var(--accent)}.site-nav .nav-links a.cta{background:var(--body);color:#fff;padding:8px 18px;border-radius:100px;font-size:13px;font-weight:500}.site-nav .nav-links a.cta:hover{background:var(--accent);color:#fff}.site-nav .nav-links a.cta.active{color:#fff}footer{margin-top:100px;border-top:1px solid var(--border);padding:40px 24px}footer .inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}footer .foot-logo{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--muted)}footer .foot-links{display:flex;gap:20px}footer .foot-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color 0.2s}footer .foot-links a:hover{color:var(--body)}footer .foot-copy{font-size:12px;color:var(--muted)}.btn-primary{display:inline-block;background:var(--body);color:#fff;padding:11px 24px;border-radius:100px;font-size:14px;font-weight:500;text-decoration:none;transition:background 0.2s}.btn-primary:hover{background:var(--accent)}.btn-outline{display:inline-block;border:1px solid var(--border);color:var(--body);padding:11px 24px;border-radius:100px;font-size:14px;text-decoration:none;transition:all 0.2s}.btn-outline:hover{border-color:var(--body)}.avatar-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.avatar-wrap .avatar{width:120px;height:120px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;border:4px solid var(--off);overflow:hidden;position:relative}.avatar-wrap .avatar img{width:100%;height:100%;object-fit:cover}.avatar-wrap .avatar-placeholder{width:100%;height:100%;background:linear-gradient(145deg, #e8e8e4, #d0d0ca);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-family:var(--sans)}.home-hero{padding:72px 24px 80px;max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.home-hero h1{font-family:var(--sans);font-size:clamp(36px, 5vw, 52px);font-weight:500;line-height:1.15;letter-spacing:-0.02em;margin-bottom:16px}.home-hero p{font-size:17px;color:#444;line-height:1.7;margin-bottom:28px}.home-hero .social-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.home-hero .social-row a{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;padding:8px 14px;border:1px solid var(--border);border-radius:100px;transition:all 0.2s}.home-hero .social-row a:hover{border-color:var(--body);color:var(--body)}.home-hero .social-row a svg{width:14px;height:14px;flex-shrink:0}.home-cta{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.home-featured{border-top:1px solid var(--border);padding:60px 0}.home-featured .label{font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.feat-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media (max-width: 768px){.feat-grid{grid-template-columns:1fr}}.feat-card{text-decoration:none;color:inherit;display:block}.feat-card .img{aspect-ratio:16 / 9;background:var(--off);border-radius:8px;margin-bottom:14px;overflow:hidden;position:relative}.feat-card .img-inner{width:100%;height:100%}.feat-card .cat{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.feat-card h3{font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.3;margin-bottom:6px;transition:color 0.2s}.feat-card:hover h3{color:var(--accent)}.feat-card .meta{font-size:12px;color:var(--muted)}.blog-header{padding:60px 0 40px;border-bottom:1px solid var(--border)}.blog-header h1{font-family:var(--sans);font-size:48px;font-weight:500;letter-spacing:-0.02em;margin-bottom:8px}.blog-header p{color:var(--muted);font-size:15px}.blog-filters{padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:40px;display:flex;gap:8px;flex-wrap:wrap}.filter-pill{font-size:13px;padding:6px 16px;border-radius:100px;border:1px solid var(--border);background:transparent;cursor:pointer;font-family:var(--sans);color:var(--body);transition:all 0.15s}.filter-pill.active{background:var(--body);color:#fff;border-color:var(--body)}.filter-pill:hover:not(.active){border-color:var(--body)}.blog-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px 24px;padding-bottom:80px}@media (max-width: 900px){.blog-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.blog-grid{grid-template-columns:1fr}}.blog-card{text-decoration:none;color:inherit;display:block;transition:opacity 0.15s}.blog-card.hidden{display:none}.blog-card .img{aspect-ratio:3 / 2;border-radius:8px;margin-bottom:16px;overflow:hidden}.blog-card .img-inner{width:100%;height:100%}.blog-card .img-inner img{width:100%;height:100%;object-fit:cover}.blog-card .tag{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.blog-card h2{font-family:var(--sans);font-size:20px;font-weight:500;line-height:1.3;margin-bottom:8px;transition:color 0.2s}.blog-card:hover h2{color:var(--accent)}.blog-card .excerpt{font-size:14px;color:#555;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .meta{font-size:12px;color:var(--muted)}.post-header{padding:60px 0 40px;max-width:720px;margin:0 auto}.post-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:24px;display:flex;gap:8px;align-items:center}.post-breadcrumb a{color:var(--muted);text-decoration:none;transition:color 0.2s}.post-breadcrumb a:hover{color:var(--body)}.post-tag{display:inline-block;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-weight:500}.post-header h1{font-family:var(--sans);font-size:clamp(32px, 4vw, 48px);font-weight:500;line-height:1.15;letter-spacing:-0.02em;margin-bottom:20px}.post-byline{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.byline-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #e0ded8, #ccc9c0);flex-shrink:0;overflow:hidden}.byline-avatar img{width:100%;height:100%;object-fit:cover}.byline-info{font-size:13px}.byline-info strong{display:block;font-weight:500;margin-bottom:1px}.byline-info span{color:var(--muted)}.post-hero-img{max-width:720px;margin:40px auto;border-radius:10px;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg, #dde3ec, #b8c3d4)}.post-hero-img img{width:100%;height:100%;object-fit:cover}.post-body{max-width:680px;margin:0 auto;padding-bottom:80px}.post-body p{font-size:17px;line-height:1.8;color:#2a2a28;margin-bottom:24px}.post-body h2{font-family:var(--sans);font-size:28px;font-weight:500;margin:48px 0 16px;letter-spacing:-0.01em;color:var(--body)}.post-body h3{font-family:var(--sans);font-size:22px;font-weight:500;margin:32px 0 12px;color:var(--body)}.post-body blockquote{border-left:3px solid var(--body);margin:32px 0;padding:0 0 0 24px;font-family:var(--sans);font-size:20px;font-style:italic;color:#444;line-height:1.5}.post-body ul,.post-body ol{padding-left:24px;margin-bottom:24px}.post-body ul li,.post-body ol li{font-size:17px;line-height:1.8;color:#2a2a28;margin-bottom:8px}.post-body a{color:var(--accent);text-decoration:underline}.post-body table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:15px}.post-body table th,.post-body table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.post-body table th{font-weight:500;color:var(--body);border-bottom:2px solid var(--border)}.post-body table td{color:#2a2a28}.post-body code{font-size:14px;background:var(--off);padding:2px 6px;border-radius:4px;font-family:'Courier New', monospace}.post-body pre{background:var(--off);padding:20px;border-radius:8px;margin-bottom:24px;overflow-x:auto}.post-body pre code{background:none;padding:0;font-size:13px}.contact-wrap{max-width:560px;margin:0 auto;padding:80px 24px}.contact-wrap .label{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.contact-wrap h1{font-family:var(--sans);font-size:44px;font-weight:500;letter-spacing:-0.02em;margin-bottom:12px}.contact-wrap .sub{color:var(--muted);font-size:15px;margin-bottom:48px}.thanks-cta{display:flex;gap:12px;flex-wrap:wrap}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--body)}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--sans);color:var(--body);background:var(--white);transition:border-color 0.2s;outline:none;resize:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--body)}.form-group textarea{min-height:140px}.form-submit{display:inline-flex;align-items:center;gap:8px;background:var(--body);color:#fff;border:none;padding:13px 28px;border-radius:100px;font-size:14px;font-weight:500;font-family:var(--sans);cursor:pointer;transition:background 0.2s;align-self:flex-start}.form-submit:hover{background:var(--accent)}.form-submit svg{width:14px;height:14px}
