.blog-page{color:#fff;background:#000;flex-direction:column;min-height:100vh;display:flex}.blog-header-nav{z-index:50;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:24px 32px;display:flex;position:absolute;top:0;left:0;right:0}@media (max-width:768px){.blog-header-nav{padding:16px 20px}}.blog-header-logo{background:#fff;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,opacity .2s;display:inline-flex}.blog-header-logo:hover{opacity:.95;transform:scale(1.05)}.blog-header-logo img{object-fit:contain;width:28px;height:28px}.blog-header-contact-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0003;border:1px solid #ffffffb3;justify-content:center;align-items:center;padding:8px 22px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-header-contact-btn:hover{color:#000;background:#fff;border-color:#fff}.blog-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;width:100%;min-height:440px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.blog-hero{min-height:380px;padding-bottom:40px}}.blog-hero__overlay{z-index:1;background:linear-gradient(#00000073 0%,#0003 40%,#000000d9 90%,#000000f2 100%);position:absolute;inset:0}.blog-hero__container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 32px;position:relative}@media (max-width:768px){.blog-hero__container{padding:0 20px}}.blog-hero__title{color:#fff;letter-spacing:-.8px;text-shadow:0 2px 14px #0009;margin:0;font-size:44px;font-weight:700;line-height:1.15}@media (max-width:768px){.blog-hero__title{font-size:32px}}.blog-filter-section{z-index:10;background:#000;border-bottom:1px solid #ffffff1a;padding:24px 0 28px;position:relative}.blog-filter-container{align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}@media (max-width:768px){.blog-filter-container{padding:0 16px}}.blog-filter-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.blog-filter-bar::-webkit-scrollbar{display:none}.blog-filter-pill{color:#ffffffd9;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #ffffff4d;padding:7px 18px;font-size:13px;font-weight:500;transition:all .2s}.blog-filter-pill:hover{color:#fff;background:#ffffff1f;border-color:#fff9}.blog-filter-pill.active{color:#000;background:#fff;border-color:#fff;font-weight:600}.blog-filter-scroll-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.blog-filter-scroll-btn:hover{background:#ffffff40}.blog-content-section{color:#111;background:#fff;padding:64px 0 90px}.blog-content-container{max-width:1280px;margin:0 auto;padding:0 32px}@media (max-width:768px){.blog-content-container{padding:0 20px}}.blog-grid{grid-template-columns:repeat(3,1fr);gap:48px 36px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px}}@media (max-width:680px){.blog-grid{grid-template-columns:1fr;gap:40px}}.blog-card{color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s;display:flex}.blog-card:hover{transform:translateY(-4px)}.blog-card__image-wrap{aspect-ratio:4/3;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.blog-card__img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.blog-card:hover .blog-card__img{transform:scale(1.04)}.blog-card__content{flex-direction:column;flex:1;padding:20px 0 0;display:flex}.blog-card__meta-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.blog-card__category-badge{color:#fff;text-transform:uppercase;letter-spacing:.6px;background:#000;border-radius:2px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.blog-card__tag-pill{color:#0284c7;background:#f1f5f9;border-radius:2px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-block}.blog-card__title{color:#0f172a;letter-spacing:-.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card__title{color:#0284c7}.blog-card__excerpt{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 20px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__footer{justify-content:flex-start;align-items:center;margin-top:auto;display:flex}.blog-card__btn{color:#fff;cursor:pointer;background:#666;border:none;justify-content:center;align-items:center;padding:6px 20px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.blog-card:hover .blog-card__btn{color:#fff;background:#111}.blog-empty{text-align:center;color:#64748b;padding:80px 20px}.blog-empty h3{color:#0f172a;margin:0 0 8px;font-size:20px}.blog-empty p{margin:0 0 20px;font-size:14px}.blog-empty-btn{color:#fff;cursor:pointer;background:#000;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;display:inline-flex}.blog-pagination{justify-content:space-between;align-items:center;margin-top:60px;padding-top:32px;display:flex}.blog-pagination__indicators{align-items:center;gap:8px;display:flex}.blog-pagination__dash{height:2px;transition:all .3s}.blog-pagination__dash.active{background:#000;width:40px}.blog-pagination__dash.inactive{background:#cbd5e1;width:14px}.blog-pagination__arrows{align-items:center;gap:12px;display:flex}.blog-pagination__arrow-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.blog-pagination__arrow-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.blog-pagination__arrow-btn:disabled{opacity:.35;cursor:not-allowed}
