.blog-hero{background-color:var(--background-light);padding:40px 20px 60px}.blog-hero__container{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center}.blog-hero__title{font-family:var(--font-family-base-semibold);font-size:48px;font-weight:700;color:var(--text-color-black);text-align:center;margin:0 0 16px;letter-spacing:2px}.blog-hero__subtitle{font-family:var(--font-family-base);font-size:16px;color:var(--gray-650);text-align:center;max-width:500px;line-height:1.6;margin:0 0 32px}.blog-hero__search{display:flex;align-items:center;width:100%;max-width:480px;margin-bottom:48px}.blog-hero__search--mobile{display:none}.blog-hero__search-input{flex:1;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:50px 0 0 50px;padding:14px 24px;font-family:var(--font-family-base);font-size:14px;color:var(--text-color-black);outline:none;transition:border-color .2s ease}.blog-hero__search-input::placeholder{color:var(--gray-355)}.blog-hero__search-input:focus{border-color:var(--primary-color)}.blog-hero__search-btn{background-color:var(--primary-color);border:none;border-radius:0 50px 50px 0;padding:14px 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.blog-hero__search-btn:hover{background-color:var(--secondary-color)}.blog-hero__search-btn svg{width:20px;height:20px;color:var(--text-color-white)}.blog-hero__featured--desktop{display:grid;grid-template-columns:1fr 1fr;gap:48px;width:100%;align-items:start}.blog-hero__featured--mobile{display:none}.blog-hero__featured-thumbnail{border-radius:16px;overflow:hidden;aspect-ratio:4/3}.blog-hero__featured-thumbnail img{width:100%;height:100%;object-fit:cover}.blog-hero__featured-placeholder{width:100%;height:100%;background-color:var(--gray-200)}.blog-hero__featured-content{display:flex;flex-direction:column;gap:16px}.blog-hero__featured-label{display:flex;align-items:center;gap:8px;color:var(--gray-455);font-family:var(--font-family-base);font-size:14px}.blog-hero__featured-label svg{width:16px;height:16px;fill:currentColor}.blog-hero__featured-title{font-family:var(--font-family-base-semibold);font-size:28px;font-weight:700;color:var(--text-color-black);line-height:1.4;margin:0}.blog-hero__featured-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--text-color-white);font-family:var(--font-family-base-medium);font-size:16px;text-decoration:none;padding:14px 32px;border-radius:8px;width:100%;max-width:320px;transition:background-color .2s ease}.blog-hero__featured-btn:hover{background-color:var(--secondary-color)}.blog-hero__featured-date{display:flex;align-items:center;gap:8px;color:var(--gray-455);font-family:var(--font-family-base);font-size:14px}.blog-hero__featured-date svg{width:16px;height:16px;fill:currentColor}.blog-hero__empty{padding:48px;text-align:center;color:var(--gray-455)}@media (max-width: 768px){.blog-hero{padding:24px 16px 40px}.blog-hero__title{font-size:32px;margin-bottom:12px}.blog-hero__subtitle{font-size:14px;margin-bottom:24px}.blog-hero__search--desktop{display:none}.blog-hero__search--mobile{display:flex;margin-bottom:0;margin-top:24px}.blog-hero__featured--desktop{display:none}.blog-hero__featured--mobile{display:block;width:100%}.blog-hero__featured-card{background-color:var(--blue-100);border-radius:16px;padding:16px;display:flex;gap:16px;align-items:flex-start}.blog-hero__featured-card .blog-hero__featured-thumbnail{width:100px;min-width:100px;aspect-ratio:1;border-radius:12px}.blog-hero__featured-card .blog-hero__featured-content{flex:1;gap:8px}.blog-hero__featured-card .blog-hero__featured-title{font-size:16px;line-height:1.3}.blog-hero__featured-card .blog-hero__featured-date{font-size:12px}.blog-hero__featured-card .blog-hero__featured-btn{padding:10px 20px;font-size:14px;max-width:none;width:auto}}.blog-hero--search-mode{padding-bottom:40px}.blog-hero--search-mode .blog-hero__search--desktop{margin-bottom:24px}.blog-hero__results-info{text-align:center;margin-top:8px}.blog-hero__results-count{font-family:var(--font-family-base);font-size:16px;color:var(--gray-650);margin:0}.blog-hero__results-count strong{color:var(--text-color-black)}.blog-hero__no-results{font-family:var(--font-family-base);font-size:16px;color:var(--gray-455);margin:0}@media (max-width: 768px){.blog-hero--search-mode{padding-bottom:32px}.blog-hero--search-mode .blog-hero__search--desktop{display:flex;margin-bottom:16px}.blog-hero__results-count,.blog-hero__no-results{font-size:14px}}