.blog-hero{padding:161px 0 100px;background:linear-gradient(180deg,#F0F6FC 0%,rgba(240,246,252,0) 100%),url(../images/hero-bg.webp)lightgray 50%/cover no-repeat;display:flex;justify-content:flex-start;overflow:hidden}.blog-hero-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--section-x)}.blog-hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:680px}.blog-hero-content .badge-pill{background-color:#F5F9FC;border:1px solid var(--color-border);color:var(--color-primary);font-weight:500;font-size:13px;padding:8px 20px;border-radius:12px;line-height:1.2}.blog-hero-title{font-family:var(--font-geist);font-size:clamp(32px,4vw,48px);font-weight:600;line-height:125%;color:var(--color-black);margin:0}.blog-hero-desc{font-family:var(--font-inter);font-size:16px;font-weight:400;line-height:150%;color:var(--color-gray);max-width:680px;margin:0}.blog-featured{padding:40px 0 80px;background:#fff}.blog-featured-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;gap:32px}.blog-section-title{font-family:var(--font-geist);font-size:28px;font-weight:700;color:var(--color-black);margin:0}.blog-featured-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.blog-featured-left{display:flex;flex-direction:column}.blog-featured-right{display:flex;flex-direction:column}.blog-featured-card{display:flex;border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}@media (hover:hover) and (pointer:fine){.blog-featured-card:hover{transform:translateY(-4px)}}.blog-featured-card.large{flex-direction:column}.blog-featured-card.large .featured-thumb-link{width:100%;aspect-ratio:16/11;overflow:hidden;background:var(--color-bg-light);border-radius:16px}.blog-featured-card.large .featured-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}@media (hover:hover) and (pointer:fine){.blog-featured-card.large:hover .featured-thumb{transform:scale(1.03)}}.blog-featured-card.large .featured-content{padding:32px 0;display:flex;flex-direction:column;gap:16px}.blog-featured-card.large .featured-title{font-family:var(--font-geist);font-size:24px;font-weight:600;line-height:1.3;margin:0}.blog-featured-card.large .featured-title a{color:#000;text-decoration:none}.blog-featured-card.small{flex-direction:row;align-items:center;border:none;background:transparent;padding-bottom:0;border-bottom:1px solid var(--color-border);border-radius:0;gap:24px;flex:1}@media (hover:hover) and (pointer:fine){.blog-featured-card.small:hover{transform:translateX(4px)}}.blog-featured-card.small:last-child{border-bottom:none}.blog-featured-card.small .featured-content{flex:1;display:flex;flex-direction:column;gap:12px}.blog-featured-card.small .featured-title{font-family:var(--font-geist);font-size:16px;font-weight:600;line-height:1.4;margin:0}.blog-featured-card.small .featured-title a{color:#000;text-decoration:none}.blog-featured-card.small .featured-thumb-link-small{width:100px;height:100px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--color-bg-light)}.blog-featured-card.small .featured-thumb-small{width:100%;height:100%;object-fit:cover}.featured-read-more{font-family:var(--font-inter);font-size:13px;font-weight:500;color:var(--color-gray);text-decoration:underline;text-decoration-color:transparent;transition:color 0.2s ease,text-decoration-color 0.2s ease,transform 0.16s cubic-bezier(0.23,1,0.32,1)}.featured-read-more:active{transform:scale(0.97)}@media (hover:hover) and (pointer:fine){.featured-read-more:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}}.blog-banner{padding:80px 0;background:#fafafa}.blog-banner-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;align-items:center;gap:48px}.blog-banner-heading{font-family:var(--font-geist);font-size:clamp(28px,4vw,36px);font-weight:700;color:#000;text-align:center;line-height:1.2;margin:0}.blog-banner-card{width:100%;display:flex;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,0.05)}.blog-banner-left{flex:1;padding:64px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}.blog-banner-yt-logo{display:flex;align-items:center;margin-bottom:4px}.blog-banner-left .blog-banner-title{font-family:var(--font-geist);font-size:24px;font-weight:700;margin:0;color:#000;line-height:1.3}.blog-banner-left .blog-banner-desc{font-family:var(--font-inter);font-size:15px;color:var(--color-gray);line-height:1.6;margin:0}.blog-banner-play-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-inter);font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;margin-top:8px;transition:opacity 0.2s ease}@media (hover:hover) and (pointer:fine){.blog-banner-play-btn:hover{opacity:0.8}}.play-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#F0F5FD;transition:transform 0.2s ease}@media (hover:hover) and (pointer:fine){.blog-banner-play-btn:hover .play-icon-circle{transform:scale(1.1)}}.blog-banner-right{flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:320px}.blog-filters{padding:80px 0 32px;background:#fff}.blog-filters-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--section-x);display:flex;flex-direction:column;gap:24px}.blog-filters-row{display:flex;flex-wrap:wrap;gap:10px;overflow:hidden;max-height:38px;transition:max-height 0.3s ease}.blog-filters-row.expanded{max-height:500px}.filter-more-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-size:13px;font-weight:500;padding:8px 16px;border-radius:8px;border:1px solid var(--color-border);background:#f9fafb;color:var(--color-charcoal);cursor:pointer;margin-top:16px;transition:background 0.2s ease,transform 0.16s cubic-bezier(0.23,1,0.32,1);width:fit-content}.filter-more-btn:active{transform:scale(0.97)}@media (hover:hover) and (pointer:fine){.filter-more-btn:hover{background:#f0f4f8}}.filter-more-btn svg{transition:transform 0.3s ease}.filter-more-btn.expanded svg{transform:rotate(180deg)}.blog-filters .filter-pill{font-family:var(--font-inter);font-size:13px;font-weight:500;padding:8px 16px;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:var(--color-charcoal);transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.16s cubic-bezier(0.23,1,0.32,1);cursor:pointer}.blog-filters .filter-pill:active{transform:scale(0.97)}@media (hover:hover) and (pointer:fine){.blog-filters .filter-pill:hover{background:#f5faff;border-color:#d1ebfa;color:var(--color-primary)}}.blog-filters .filter-pill.active{background:#f5faff;border-color:var(--color-primary);color:var(--color-primary)}.site-main--blog{padding:0 0 96px;background:#fff;width:100%;max-width:1440px;margin:0 auto;padding-left:var(--section-x);padding-right:var(--section-x)}.blog-hero+.site-main--blog{padding-top:80px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:32px}.blog-post-card{display:flex;flex-direction:row;background:#fff;border:none;border-radius:0;overflow:hidden;transition:transform 0.25s ease;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}@media (hover:hover) and (pointer:fine){.blog-post-card:hover{transform:translateY(-2px)}}.blog-post-card__body{flex:1;display:flex;flex-direction:column;gap:12px}.blog-post-card__title{font-family:var(--font-geist);font-size:18px;font-weight:600;line-height:140%;color:var(--color-black);margin:0}.blog-post-card__title a{color:inherit;text-decoration:none;transition:color 0.2s ease}@media (hover:hover) and (pointer:fine){.blog-post-card__title a:hover{color:var(--color-primary)}}.blog-post-card__excerpt{font-family:var(--font-inter);font-size:14px;font-weight:400;line-height:150%;color:var(--color-gray);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card__meta{margin-top:auto;padding-top:12px}.blog-post-card__link{display:inline-flex;align-items:center;font-family:var(--font-inter);font-size:13px;font-weight:500;color:var(--color-gray);text-decoration:underline;text-decoration-color:transparent;transition:color 0.2s ease,text-decoration-color 0.2s ease,transform 0.16s cubic-bezier(0.23,1,0.32,1)}.blog-post-card__link:active{transform:scale(0.97)}@media (hover:hover) and (pointer:fine){.blog-post-card__link:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}}.blog-post-card__thumb-link{display:block;width:140px;height:140px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--color-bg-light)}.blog-post-card__thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}@media (hover:hover) and (pointer:fine){.blog-post-card:hover .blog-post-card__thumbnail{transform:scale(1.05)}}.blog-post-card__thumbnail--fallback{object-fit:contain;padding:24px;opacity:0.7}.blog-pagination{margin-top:56px;display:flex;justify-content:center}.blog-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.blog-pagination .page-numbers li{display:inline-flex}.blog-pagination .page-numbers a,.blog-pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--color-border);background:#fff;color:var(--color-charcoal);font-family:var(--font-inter);font-size:14px;font-weight:500;text-decoration:none;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease}@media (hover:hover) and (pointer:fine){.blog-pagination .page-numbers a:hover{border-color:var(--color-primary);color:var(--color-primary)}}.blog-pagination .page-numbers .current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-no-posts{text-align:center;padding:80px 0;color:var(--color-gray);font-family:var(--font-inter);font-size:16px}@media (max-width:1024px){.blog-featured-grid{grid-template-columns:1fr}.blog-banner-card{flex-direction:column}.blog-banner-right{min-height:240px}.blog-grid{grid-template-columns:1fr}}@media (max-width:640px){.blog-hero{padding:121px 0 48px}.blog-hero+.site-main--blog{padding-top:40px}.blog-post-card{flex-direction:column-reverse}.blog-post-card__thumb-link{width:100%;height:200px}.blog-featured-card.small{flex-direction:column-reverse;align-items:flex-start}.blog-featured-card.small .featured-thumb-link-small{width:100%;height:200px}.blog-banner-left{padding:32px 24px;gap:12px}.blog-banner-left .blog-banner-title{font-size:20px}}