@keyframes blog-loading{0%{background-position:120% 0}to{background-position:-120% 0}}.blog-page{color:#66625c;background:linear-gradient(#e9e1cf94,#0000 360px),#fff6e5;min-height:100dvh;font-family:Onest,sans-serif}.blog-header{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:24px 4vw 14px;display:flex}.blog-header .logotype-header{width:231px;line-height:0;position:relative;bottom:8px}.blog-header .logotype-header.logotype__dark path{fill:#596f2b}.blog-header__back{color:#596f2b;background-color:#e9e1cfb3;border:1px solid #596f2b57;border-radius:8px;justify-content:center;align-items:center;height:45px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.blog-header__back:hover{color:#e9e1cf;background-color:#596f2b;border-color:#596f2b}.blog-hero{grid-template-columns:minmax(0,1fr) minmax(280px,460px);align-items:end;gap:32px;max-width:1240px;margin:0 auto;padding:20px 4vw 28px;display:grid}.blog-hero__eyebrow{color:#8c744d;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:800}.blog-hero__title{color:#596f2b;margin:0;font-family:Unbounded,sans-serif;font-size:56px;line-height:1.05}.blog-hero__subtitle{color:#66625c;max-width:640px;margin:16px 0 0;font-size:20px;line-height:1.5}.blog-tag-filter{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-bottom:4px;display:flex}.blog-tag-filter__button{color:#596f2b;cursor:pointer;background:#fffcf4b8;border:1px solid #596f2b2e;border-radius:6px;min-height:34px;padding:7px 12px;font-family:Onest,sans-serif;font-size:13px;font-weight:700;line-height:1.2;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.blog-tag-filter__button:hover{background:#e9e1cfb8;border-color:#596f2b61;transform:translateY(-1px)}.blog-tag-filter__button:focus-visible{outline-offset:3px;outline:2px solid #596f2b}.blog-tag-filter--skeleton{pointer-events:none;align-items:center}.blog-tag-filter__skeleton-button{background-color:#e9e1cfb8;background-image:linear-gradient(90deg,#0000,#ffffff9e,#0000),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;width:64px;height:34px;animation:1.25s ease-in-out infinite blog-loading;display:block}.blog-tag-filter__skeleton-button--wide{width:98px}.blog-tag-filter__button--active{color:#fff;background:#596f2b;border-color:#596f2b}.blog-tag-filter__button--active:hover{color:#596f2b;background:#e9e1cfb8;border-color:#596f2b61}.blog-list{max-width:1240px;margin:0 auto;padding:20px 4vw 80px}.blog-list__status{text-align:center;color:#66625c;margin-top:40px;font-size:18px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.blog-card{content-visibility:auto;contain-intrinsic-size:380px;color:inherit;background:#fffcf4db;border:1px solid #c9c1b0d1;border-radius:8px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:#596f2b73;transform:translateY(-2px);box-shadow:0 14px 34px #596f2b1f}.blog-card:hover .blog-card__cover{transform:scale(1.035)}.blog-card:focus-visible{outline-offset:3px;outline:2px solid #596f2b}.blog-card__cover-frame{aspect-ratio:16/9;background:#e9e1cf85;width:100%;display:block;overflow:hidden}.blog-card__cover{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.blog-card__body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.blog-card__date{color:#8c744d;font-size:13px;font-weight:700}.blog-card__title{color:#596f2b;margin:0;font-family:Onest,sans-serif;font-size:20px;font-weight:600;line-height:1.3}.blog-card__excerpt{color:#66625c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card__tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.blog-card__tag{color:#596f2b;background:#e9e1cfc7;border:1px solid #596f2b1f;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.blog-card--skeleton{pointer-events:none}.blog-card__skeleton-cover,.blog-card__skeleton-line,.blog-card__skeleton-tag{background-color:#e9e1cfb8;background-image:linear-gradient(90deg,#0000,#ffffff9e,#0000),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.25s ease-in-out infinite blog-loading;display:block}.blog-card__skeleton-line{border-radius:6px;width:100%;height:13px}.blog-card__skeleton-line--date{width:88px}.blog-card__skeleton-line--title{width:90%;height:22px;margin-top:2px}.blog-card__skeleton-line--title-short{width:68%;height:22px}.blog-card__skeleton-line--text-short{width:76%}.blog-card__skeleton-tag{border-radius:6px;width:58px;height:26px}.blog-card__skeleton-tag--wide{width:82px}.blog-footer{justify-content:space-between;align-items:flex-start;max-width:1240px;margin:0 auto;padding:20px 4vw;display:flex}.blog-footer .footer-navigation{text-wrap:nowrap;color:#66625c;flex:1 0 16px;justify-content:space-evenly;align-items:center;column-gap:16px;font-size:21px;font-weight:700;display:flex}.blog-footer .footer-navigation a{color:unset;text-decoration:none}@media screen and (max-width:768px){.blog-header{padding:12px 4vw 8px}.blog-header .logotype-header{width:200px}.blog-header__back{height:40px;font-size:14px}.blog-hero__title{font-size:36px}.blog-hero__subtitle{font-size:17px}.blog-hero{grid-template-columns:1fr;gap:20px}.blog-tag-filter{justify-content:flex-start}.blog-list{padding:20px 4vw 60px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-footer{flex-direction:column;gap:30px;padding:30px 20px}.blog-footer .footer-navigation{display:none}}@media screen and (max-width:576px){.blog-hero{padding:16px 4vw 12px}.blog-hero__title{font-size:28px}.blog-hero__subtitle{font-size:15px}.blog-tag-filter{gap:6px}.blog-tag-filter__button{min-height:32px;padding:6px 10px;font-size:12px}.blog-card__body{padding:16px}}
