.blog-page{width:100%;min-height:100vh;background-color:var(--color-ffffff)}.blog-hero{width:100%;min-height:350px;background-color:var(--color-fdf4d7);display:flex;align-items:center;justify-content:center;padding:180px 20px 80px}.blog-hero__content{max-width:800px;text-align:center;display:flex;flex-direction:column;gap:20px}.blog-hero__title{font-family:Volkhov,serif;font-size:64px;font-weight:700;color:var(--color-000000);margin:0;line-height:1.2}.blog-hero__subtitle{font-size:20px;color:var(--color-000000);line-height:1.6;max-width:700px;margin:0 auto}.blog-articles{width:100%;padding:80px 20px;background-color:var(--color-ffffff)}.blog-articles__container{max-width:1280px;margin:0 auto}.blog-articles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:48px;gap:48px;justify-items:center}.blog-cta{width:100%;background-color:var(--color-0c513f);padding:80px 20px;justify-content:center}.blog-cta,.blog-cta__content{display:flex;align-items:center}.blog-cta__content{max-width:700px;text-align:center;flex-direction:column;gap:24px}.blog-cta__title{font-size:38px;font-weight:700;line-height:1.3}.blog-cta__text,.blog-cta__title{color:var(--color-ffffff);margin:0}.blog-cta__text{font-size:18px;line-height:1.6;opacity:.9}.blog-cta__button{background-color:var(--color-ffc501);border:none;border-radius:1000px;padding:16px 40px;font-size:18px;font-weight:600;color:var(--color-000000);cursor:pointer;transition:all .2s ease;margin-top:8px;text-decoration:none;display:inline-block}.blog-cta__button:hover{background-color:#ffd333;transform:translateY(-2px)}@media (max-width:1024px){.blog-articles__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}}@media (max-width:768px){.blog-hero{min-height:280px;padding:140px 20px 60px}.blog-hero__title{font-size:42px}.blog-hero__subtitle{font-size:16px}.blog-articles{padding:60px 16px}.blog-articles__grid{grid-template-columns:1fr;gap:32px}.blog-cta{padding:60px 20px}.blog-cta__title{font-size:28px}.blog-cta__text{font-size:16px}.blog-cta__button{padding:14px 32px;font-size:16px}}@media (max-width:480px){.blog-hero{padding:120px 16px 40px}.blog-hero__title{font-size:32px}.blog-hero__subtitle{font-size:14px}.blog-articles{padding:40px 16px}.blog-articles__grid{gap:28px}.blog-cta{padding:50px 16px}.blog-cta__title{font-size:24px}.blog-cta__text{font-size:15px}.blog-cta__button{padding:12px 28px;font-size:15px}}