.blog-page{background:#fafafa;color:#1a1a1a}.blog-page .cs-nav.scrolled{background:#fafafae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.blog-page .cs-nav-logo{color:#1a1a1a}.blog-page .cs-nav-back{color:#00000080}.blog-page .cs-nav-back:hover{color:#1a1a1a}.blog-page .cs-nav-back svg{stroke:#1a1a1a}.blog-page .nav-lang{color:#1a1a1a;border-color:#0000001f}.blog-page .nav-lang:hover{border-color:#0000004d}.blog-page .cursor-dot{background:#1a1a1a}.blog-page .cursor-ring{border-color:#0000004d}.bl-header{padding:clamp(140px,18vh,220px) clamp(24px,6vw,120px) clamp(40px,6vh,80px);text-align:center}.bl-header-title{font-family:DM Sans,sans-serif;font-size:clamp(60px,10vw,140px);font-weight:900;letter-spacing:-4px;line-height:1.05;margin-bottom:16px;color:#1a1a1a;opacity:0;transform:translateY(40px);animation:blTitleReveal 1s cubic-bezier(.16,1,.3,1) .1s forwards}.bl-header-sub{font-size:clamp(16px,1.6vw,20px);color:#00000073;line-height:1.6;max-width:560px;margin:0 auto;opacity:0;transform:translateY(30px);animation:blTitleReveal 1s cubic-bezier(.16,1,.3,1) .3s forwards}@keyframes blTitleReveal{to{opacity:1;transform:translateY(0)}}.bl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);padding:0 clamp(16px,3vw,48px);max-width:1400px;margin:0 auto clamp(60px,8vw,100px)}.bl-card{position:relative;display:block;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;cursor:none;aspect-ratio:16 / 10;box-shadow:0 4px 24px #00000014;opacity:0;transform:translateY(60px) scale(.96);filter:blur(6px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0s);will-change:transform,opacity,filter}.bl-card.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.bl-card-img{position:absolute;inset:0;transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}.bl-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1)}.bl-card:hover .bl-card-img img{transform:scale(1.05)}.bl-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0ad9,#0a0a0a26,#0a0a0a0d);z-index:1;transition:background .5s ease}.bl-card:hover .bl-card-overlay{background:linear-gradient(to top,#0a0a0abf,#0a0a0a1a,#0a0a0a00)}.bl-card-content{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,3vw,40px);z-index:2}.bl-card-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;transition:color .4s ease}.bl-card:hover .bl-card-badge{color:var(--white)}.bl-card-title{font-family:DM Sans,sans-serif;font-size:clamp(24px,2.5vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:8px;transition:color .3s ease}.bl-card:hover .bl-card-title{color:var(--blue)}.bl-card-desc{font-size:clamp(13px,1.2vw,15px);color:#ffffff80;line-height:1.5;max-width:420px;margin-bottom:12px}.bl-card-date{font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#ffffff59}.bl-card-arrow{position:absolute;bottom:clamp(24px,3vw,40px);right:clamp(24px,3vw,40px);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-8px);transition:all .4s cubic-bezier(.16,1,.3,1)}.bl-card-arrow svg{width:18px;height:18px;stroke:var(--white)}.bl-card:hover .bl-card-arrow{opacity:1;transform:translate(0) scale(1.1);background:#a7c7e71f;border-color:#a7c7e74d}.bp-hero{padding:clamp(140px,18vh,200px) clamp(24px,6vw,120px) clamp(40px,4vh,60px);max-width:900px;margin:0 auto}.bp-meta{display:flex;gap:20px;align-items:center;margin-bottom:24px;opacity:0;transform:translateY(30px);animation:blTitleReveal 1s cubic-bezier(.16,1,.3,1) .1s forwards}.bp-meta-badge{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--blue)}.bp-meta-date,.bp-meta-read{font-size:13px;color:#0006;letter-spacing:.5px}.bp-meta-dot{width:3px;height:3px;border-radius:50%;background:#0003;flex-shrink:0}.bp-title{font-family:DM Sans,sans-serif;font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-2px;line-height:1.08;color:#1a1a1a;margin-bottom:20px;opacity:0;transform:translateY(40px);animation:blTitleReveal 1s cubic-bezier(.16,1,.3,1) .2s forwards}.bp-excerpt{font-size:clamp(16px,1.6vw,20px);color:#00000080;line-height:1.6;max-width:680px;opacity:0;transform:translateY(30px);animation:blTitleReveal 1s cubic-bezier(.16,1,.3,1) .35s forwards}.bp-featured-img{width:100%;max-width:900px;margin:0 auto clamp(40px,6vh,80px);padding:0 clamp(24px,6vw,120px)}.bp-featured-img img{width:100%;border-radius:16px;display:block;opacity:0;transform:translateY(30px);animation:blTitleReveal 1s cubic-bezier(.16,1,.3,1) .45s forwards}.bp-body{max-width:720px;margin:0 auto clamp(60px,8vh,100px);padding:0 clamp(24px,6vw,60px);font-family:Satoshi,sans-serif;font-size:clamp(16px,1.4vw,18px);line-height:1.8;color:#000000b3}.bp-body h2{font-family:DM Sans,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.15;color:#1a1a1a;margin:clamp(40px,5vh,60px) 0 16px}.bp-body h3{font-family:DM Sans,sans-serif;font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.5px;line-height:1.2;color:#1a1a1a;margin:clamp(32px,4vh,48px) 0 12px}.bp-body p{margin-bottom:24px}.bp-body blockquote{border-left:3px solid var(--blue);padding-left:24px;margin:32px 0;font-style:italic;color:#00000080}.bp-body ul,.bp-body ol{padding-left:24px;margin-bottom:24px}.bp-body li{margin-bottom:8px}.bp-body a{color:#2563eb;text-decoration:underline;text-underline-offset:3px;transition:color .3s ease}.bp-body a:hover{color:#1a1a1a}.bp-body img{width:100%;border-radius:12px;margin:32px 0}.bl-empty{text-align:center;padding:clamp(60px,10vh,120px) 24px;max-width:500px;margin:0 auto}.bl-empty p{font-size:clamp(16px,1.6vw,20px);color:#0006;line-height:1.6}.blog-page .contact-section,.blog-page .site-footer{background:#0a0a0a;color:#fff}@media(max-width:768px){.bl-grid{grid-template-columns:1fr}.bl-card{filter:none;transform:translateY(40px) scale(.98)}.bl-card.revealed{transform:translateY(0) scale(1)}.bp-meta{flex-wrap:wrap;gap:10px}}@media(prefers-reduced-motion:reduce){.bl-card{opacity:1;transform:none;filter:none;transition:none}.bl-header-title,.bl-header-sub,.bp-title,.bp-excerpt,.bp-meta,.bp-featured-img img{opacity:1;transform:none;animation:none}}
