.blog-hero-section .content{display:grid;grid-template-columns:2fr 1fr;gap:60px}.blog-hero-section .left{display:flex;flex-direction:column;gap:40px}.blog-hero-section .title{font-family:var(--font-p22-mackinac-pro);font-size:clamp(40px, 5vw, 64px);font-weight:500;line-height:1.1;color:var(--primary);margin-bottom:24px;letter-spacing:-.02em;max-width:250px}.blog-hero-section .subtitle{max-width:450px;font-size:18px;font-weight:400;line-height:1.6;font-family:"Avenir Next";color:#6d717b}.blog-hero-section .controls{position:relative;display:flex;gap:20px;align-items:flex-end}.blog-hero-section .searchWrapper{position:relative;flex:1;max-width:300px}.blog-hero-section .searchInput{width:100%;border-radius:16px 16px 0 0;background-color:#f2f2f3;padding:16px;font-family:"Avenir Next";color:#6d717b;font-weight:500;font-size:16px;border:none;border-bottom:1px solid #000}.blog-hero-section .searchInput:focus{outline:none}.blog-hero-section .searchButton{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.blog-hero-section .categoryWrapper{position:relative}.blog-hero-section .placeholderText{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:"Avenir Next";color:#6d717b;font-weight:500;font-size:16px;pointer-events:none;z-index:1}.blog-hero-section .categorySelect{border-radius:16px 16px 0 0;background-color:#f2f2f3;padding:16px;border:none;border-bottom:1px solid #000;font-size:16px;cursor:pointer;font-family:"Avenir Next";color:#6d717b;font-weight:500;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;min-width:140px}.blog-hero-section .categorySelect.hasPlaceholder{color:#fff0}.blog-hero-section .categorySelect.hasPlaceholder option{color:#6d717b}.blog-hero-section .categorySelect:focus{outline:none}.blog-hero-section .categorySelect:disabled{opacity:.6;cursor:not-allowed}.blog-hero-section .viewAllBtn{position:absolute;right:30px;bottom:-10px;z-index:2}@media (max-width:768px){.blog-hero-section .viewAllBtn{display:none}}@media (max-width:1367px){.blog-hero-section .content{width:100%;grid-template-columns:1fr;gap:20px}}@media (max-width:1024px){.blog-hero-section .subtitle{font-size:16px}.blog-hero-section .controls{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.blog-hero-section .searchWrapper{flex:1;min-width:200px}.blog-hero-section .categoryWrapper{flex:0 0 auto}}@media (max-width:640px){.blog-hero-section .content{grid-template-columns:1fr;gap:40px}.blog-hero-section .left{gap:0}.blog-hero-section .title{font-size:32px;margin-bottom:16px}.blog-hero-section .subtitle{font-size:14px}.blog-hero-section .controls{display:flex;flex-direction:column;gap:16px}.blog-hero-section .searchWrapper{max-width:none;order:1}.blog-hero-section .categoryWrapper{order:3}.blog-hero-section .categorySelect{width:100%;min-width:auto}}