@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes show-slide{0%{transform:translateY(3rem);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 992px) and (max-width: 1679px){.blog-section>[class*=container--]{max-width:1320px}}.blog-carousel{margin-block:-48px;padding-block:48px}.blog-carousel.swiper:not(.swiper-initialized){overflow:visible}.blog-list{--spacing: 1.5rem;--columns: 4;--width: calc((100% - (var(--columns) - 1) * var(--spacing)) / var(--columns))}@media screen and (max-width: 1679px){.blog-list{--spacing: 1rem}}@media screen and (max-width: 1439px){.blog-list{--columns: 3}}.blog-list:not(.swiper-wrapper),.swiper:not(.swiper-initialized) .blog-list{display:grid;gap:var(--spacing);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}@media screen and (max-width: 575px){.blog-list:not(.swiper-wrapper),.swiper:not(.swiper-initialized) .blog-list{grid-template-columns:minmax(0,1fr)}}.swiper:not(.swiper-initialized) .blog-list{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(0,var(--width)))}.blog-item{position:relative;display:flex;filter:drop-shadow(0 0 1px #A2A5B3)}.blog-item__wrap{display:flex;flex-direction:column;background-color:#fff}.blog-item:has(:hover,:active,:focus-visible) .title a{color:#dea846}.blog-item:has(:hover,:active,:focus-visible) img:not(.img-placeholder){transform:scale(1.03)}.blog-item:has(:hover,:active,:focus-visible) .btn__icon{transform:translate(var(--btn-icon-movement))}.blog-item__head{position:relative;display:flex;background-color:#eeeef4;width:100%;aspect-ratio:400/230}.blog-item__head picture{overflow:hidden}.blog-item__head img:not(.img-placeholder){width:100%;height:auto;transition:transform .5s cubic-bezier(.25,1,.5,1)}.blog-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:end;align-items:start;pointer-events:none}.blog-item__overlay>*{pointer-events:initial}.blog-item__overlay .tag-list{padding:6px;align-items:end}.blog-item__body{flex:1;display:flex;flex-direction:column;align-items:start;width:100%;padding:1.5rem}@media screen and (max-width: 1679px){.blog-item__body{padding:1.5rem}}.blog-item__body .title a{transition:color 125ms ease-out}.blog-item.swiper-slide{height:auto}
