.blogRoot{--ink:#0b0b0a;--charcoal:#141311;--paper:#fafafa;--bone:#f3f3f1;--sand:#e7e7e3;--stone:#8a8a84;--muted:#62625d;--champagne:#9a9f9b;--champagne-soft:#d8dad6;--accent:#8d6f4b;--line:rgba(11,11,10,0.12);--white:#ffffff;--radius-xl:34px;--radius-lg:24px;--radius-sm:14px;--shadow-soft:0 28px 80px rgba(18,18,18,0.1);min-height:100vh;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.blogRoot *,.blogRoot :after,.blogRoot :before{box-sizing:border-box}.blogRoot a{color:inherit;text-decoration:none}.blogRoot img{max-width:100%;display:block}.blogRoot .blog-container{width:min(1120px,calc(100% - 48px));margin:0 auto}.blogRoot .blog-container.narrow{width:min(720px,calc(100% - 48px))}.blogRoot .blog-header{border-bottom:1px solid var(--line);background:rgba(250,250,250,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.blogRoot .blog-header-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.blogRoot .blog-logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:17px;color:var(--ink)}.blogRoot .blog-logo-mark{width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:900;letter-spacing:-.04em;border-radius:10px;color:var(--white);background:var(--ink)}.blogRoot .blog-back{font-size:13px;font-weight:700;color:var(--muted);transition:color .2s ease}.blogRoot .blog-back:hover{color:var(--ink)}.blogRoot .blog-intro{padding:84px 0 48px}.blogRoot .blog-kicker{display:inline-block;color:var(--champagne);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin-bottom:16px}.blogRoot .blog-intro h1{margin:0;font-size:clamp(40px,5.4vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:800;max-width:760px}.blogRoot .blog-intro p{margin:20px 0 0;max-width:560px;color:var(--muted);font-size:18px;line-height:1.7}.blogRoot .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:96px}.blogRoot .blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s cubic-bezier(.22,.61,.36,1),border-color .4s ease;will-change:transform}.blogRoot .blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:rgba(11,11,10,.18)}.blogRoot .blog-card:active{transform:translateY(-2px) scale(.992);transition-duration:.12s}.blogRoot .blog-card-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sand)}.blogRoot .blog-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,11,10,.16));opacity:0;transition:opacity .4s ease}.blogRoot .blog-card:hover .blog-card-cover:after{opacity:1}.blogRoot .blog-card-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(.96);transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .5s ease}.blogRoot .blog-card:hover .blog-card-cover img{transform:scale(1.06);filter:saturate(1.02) contrast(1)}.blogRoot .blog-card-body{padding:26px;display:flex;flex-direction:column;flex:1;gap:12px}.blogRoot .blog-card-date{color:var(--stone);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blogRoot .blog-card h2{margin:0;font-size:22px;line-height:1.16;letter-spacing:-.035em;font-weight:700}.blogRoot .blog-card-excerpt{margin:0;color:var(--muted);font-size:14px;line-height:1.6;flex:1}.blogRoot .blog-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.blogRoot .blog-card-readmore{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.02em;opacity:0;transform:translateX(-4px);transition:opacity .35s ease,transform .35s cubic-bezier(.22,.61,.36,1)}.blogRoot .blog-card-readmore svg{transition:transform .35s cubic-bezier(.22,.61,.36,1)}.blogRoot .blog-card:hover .blog-card-readmore{opacity:1;transform:translateX(0)}.blogRoot .blog-card:hover .blog-card-readmore svg{transform:translateX(3px)}.blogRoot .blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blogRoot .blog-tag{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);background:var(--bone);border:1px solid var(--line);border-radius:999px;padding:6px 12px}.blogRoot .blog-empty{margin:24px 0 120px;padding:72px 32px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius-xl);background:var(--bone)}.blogRoot .blog-empty strong{display:block;font-size:24px;letter-spacing:-.03em;font-weight:800;margin-bottom:10px}.blogRoot .blog-empty p{margin:0 auto;max-width:380px;color:var(--muted);font-size:15px;line-height:1.6}.blogRoot .blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 96px}.blogRoot .blog-page-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--line);color:var(--ink);background:var(--white);transition:transform .2s ease,border-color .2s ease}.blogRoot .blog-page-btn:hover{transform:translateY(-2px);border-color:rgba(11,11,10,.24)}.blogRoot .blog-page-btn.disabled{opacity:.4;pointer-events:none}.blogRoot .blog-page-status{color:var(--muted);font-size:13px;font-weight:700}.blogRoot .article{padding:56px 0 110px}.blogRoot .article-back{display:inline-block;margin-bottom:28px;color:var(--muted);font-size:13px;font-weight:700;transition:color .2s ease}.blogRoot .article-back:hover{color:var(--ink)}.blogRoot .article-header h1{margin:0;font-size:clamp(34px,4.6vw,54px);line-height:1.06;letter-spacing:-.045em;font-weight:800}.blogRoot .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;color:var(--muted);font-size:14px;font-weight:600}.blogRoot .article-meta .dot{width:4px;height:4px;border-radius:999px;background:var(--stone)}.blogRoot .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.blogRoot .article-cover{margin:40px 0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft);background:var(--sand)}.blogRoot .article-cover img{width:100%;max-height:520px;object-fit:cover}.blog-prose{max-width:68ch;color:var(--ink,#0b0b0a);font-size:18px;line-height:1.8}.blog-prose>*+*{margin-top:1.4em}.blog-prose h2{margin-top:2em;font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:800}.blog-prose h3{margin-top:1.7em;font-size:24px;line-height:1.2;letter-spacing:-.03em;font-weight:700}.blog-prose h4{margin-top:1.5em;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:700}.blog-prose p{margin:0}.blog-prose a{color:var(--accent,#8d6f4b);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}.blog-prose a:hover{text-decoration-thickness:2px}.blog-prose strong{font-weight:700}.blog-prose ol,.blog-prose ul{margin:0;padding-left:1.4em}.blog-prose li+li{margin-top:.5em}.blog-prose li{line-height:1.7}.blog-prose blockquote{margin:0;padding:6px 0 6px 24px;border-left:3px solid var(--champagne,#9a9f9b);color:var(--muted,#62625d);font-size:20px;font-style:italic;line-height:1.6}.blog-prose hr{border:none;border-top:1px solid var(--line,rgba(11,11,10,.12));margin:2.4em 0}.blog-prose .blog-figure{margin:0}.blog-prose .blog-figure img{width:100%;border-radius:18px;border:1px solid var(--line,rgba(11,11,10,.12))}.blog-prose .blog-figure figcaption{margin-top:10px;text-align:center;color:var(--muted,#62625d);font-size:13px}.blog-prose .blog-video{margin:0}.blog-prose .blog-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;border:1px solid var(--line,rgba(11,11,10,.12));background:#000}.blog-prose .blog-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-prose .blog-video figcaption{margin-top:10px;text-align:center;color:var(--muted,#62625d);font-size:13px}.blog-prose pre{margin:0;padding:20px 22px;border-radius:16px;background:#141311;color:#f3f3f1;overflow-x:auto;font-size:14px;line-height:1.6}.blog-prose pre code{background:none;padding:0;color:inherit}.blog-prose code,.blog-prose pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-prose code{font-size:.9em;background:var(--bone,#f3f3f1);border:1px solid var(--line,rgba(11,11,10,.12));border-radius:6px;padding:2px 6px}.blog-prose mark{background:#fef3c7;padding:0 2px;border-radius:3px}.blogRoot .blog-foot{border-top:1px solid var(--line);padding:40px 0;color:var(--stone);font-size:13px}.blogRoot .blog-foot-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@keyframes blogRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes blogFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.blogRoot .blog-intro .blog-kicker,.blogRoot .blog-intro h1,.blogRoot .blog-intro p{animation:blogRise .7s cubic-bezier(.22,.61,.36,1) both}.blogRoot .blog-intro h1{animation-delay:.07s}.blogRoot .blog-intro p{animation-delay:.15s}.blogRoot .blog-grid .blog-card{animation:blogRise .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(.22s + var(--i, 0) * .07s)}.blogRoot .article-back{animation:blogRise .6s cubic-bezier(.22,.61,.36,1) both}.blogRoot .article-header h1{animation:blogRise .75s cubic-bezier(.22,.61,.36,1) both;animation-delay:.06s}.blogRoot .article-meta{animation:blogRise .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.14s}.blogRoot .article-tags{animation:blogRise .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.2s}.blogRoot .article .blog-prose{animation:blogRise .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.3s}}@media (prefers-reduced-motion:reduce){.blogRoot .article .blog-prose,.blogRoot .article-back,.blogRoot .article-cover,.blogRoot .article-header h1,.blogRoot .article-meta,.blogRoot .article-tags,.blogRoot .blog-grid .blog-card,.blogRoot .blog-intro .blog-kicker,.blogRoot .blog-intro h1,.blogRoot .blog-intro p{animation:blogFade .5s ease both}.blogRoot .blog-grid .blog-card{animation-delay:calc(var(--i, 0) * .05s)}}@media (hover:none){.blogRoot .blog-card-readmore{opacity:1;transform:none}}.blogRoot .article-cover img{view-transition-name:blog-hero}::view-transition-group(blog-hero){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}::view-transition-new(root),::view-transition-old(root){animation-duration:.42s;animation-timing-function:ease}@media (prefers-reduced-motion:reduce){.blogRoot .article-cover img{view-transition-name:none}}@media (max-width:980px){.blogRoot .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blogRoot .blog-grid{grid-template-columns:1fr}.blogRoot .blog-intro{padding:56px 0 36px}.blog-prose{font-size:17px}}