.blog-section__box{display:flex;flex-direction:column;grid-gap:clamp(30px,2.92vw,40px)}.blog-section__content{display:flex;flex-direction:column;grid-gap:clamp(40px,4.672vw,64px);padding:40px 0 clamp(60px,7.299vw,100px);position:relative;z-index:1}.blog-section__content:before{position:absolute;content:"";background:var(--gr-d);width:100vw;left:50%;transform:translateX(-50%);top:0;bottom:0;pointer-events:none;z-index:-1}.blog-section .breadcrumbs{display:flex;align-items:center;grid-gap:8px;flex-wrap:wrap}.blog-section .breadcrumbs li{display:flex;align-items:center;grid-gap:8px}.blog-section .breadcrumbs li:not(:last-child)::before{content:"";order:2;display:flex;background-color:var(--cl-f);width:4px;aspect-ratio:1;border-radius:100%;position:relative;top:1px}.blog-section .breadcrumbs li:last-child{font-weight:400;font-size:clamp(14px,1.168vw,16px);color:var(--cl-d);transition:all .3s;display:flex;line-height:110%}.blog-section .breadcrumbs li a{font-weight:400;font-size:clamp(14px,1.168vw,16px);color:var(--cl-f);transition:all .3s}.blog-section .breadcrumbs li a:hover{color:var(--cl-d)}.blog-section .category-nav{display:flex;align-items:center;grid-gap:12px}.blog-section .category-nav ul{display:flex;align-items:center;grid-gap:clamp(10px,.876vw,12px)}.blog-section .category-nav ul button{padding:clamp(10px,.876vw,12px) clamp(24px,2.336vw,32px);font-weight:500;font-size:clamp(16px,1.314vw,18px);color:var(--cl-c);border-radius:60px;transition:all .4s;position:relative}.blog-section .category-nav ul button::before{pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gr-a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.blog-section .category-nav ul button:before{transition:all .4s;opacity:0}.blog-section .category-nav ul button:after{content:"";position:absolute;border-radius:inherit;background:var(--gr-a);z-index:-1;inset:0;opacity:0;visibility:hidden;transition:all .4s}.blog-section .category-nav ul button:hover{color:var(--cl-a)}.blog-section .category-nav ul button:hover:after{visibility:visible;opacity:1}.blog-section .category-nav ul button.active{pointer-events:none}.blog-section .category-nav ul button.active:before{opacity:.5}.blog-section .page-nav{display:flex;align-items:center;grid-gap:clamp(10px,1.168vw,16px);align-self:center}.blog-section .page-nav ul{display:flex;alighn-items:center;grid-gap:clamp(10px,1.168vw,16px)}.blog-section .page-nav ul li{font-family:var(--font-family);font-weight:400;font-size:clamp(16px,1.314vw,18px);line-height:130%;text-align:center;color:var(--cl-c);width:clamp(40px,3.65vw,50px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.blog-section .page-nav ul li button{font-family:var(--font-family);font-weight:400;font-size:clamp(16px,1.314vw,18px);line-height:130%;text-align:center;color:var(--cl-c);display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:100%;transition:all .3s;position:relative}.blog-section .page-nav ul li button::before{pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gr-a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.blog-section .page-nav ul li button:after{content:"";position:absolute;z-index:-1;background:var(--gr-a);inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:all .3s;border-radius:100%}.blog-section .page-nav ul li button:before{opacity:0;visibility:hidden;transition:all .3s}.blog-section .page-nav ul li button:hover{color:var(--cl-a)}.blog-section .page-nav ul li button:hover:after{opacity:1;visibility:visible}.blog-section .page-nav ul li button.active{pointer-events:none}.blog-section .page-nav ul li button.active:before{opacity:1;visibility:visible}.blog-section .page-nav ul li button:disabled{opacity:.4;filter:grayscale(10);pointer-events:none}.blog-section .page-nav__btn{width:clamp(40px,3.65vw,50px);aspect-ratio:1;border-radius:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.blog-section .page-nav__btn::before{pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gr-a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.blog-section .page-nav__btn:disabled{opacity:.4;filter:grayscale(10);pointer-events:none}.blog-section .blog-top{display:flex;flex-direction:column;grid-gap:16px}.blog-section .blog-top .title{text-align:start}.blog-section .blog-top__inner{display:flex;align-items:center}.blog-section .blog-top__inner .category-nav{flex-grow:1}.blog-section .blog-list{display:grid;grid-gap:20px}.blog-section .blog-list .blog-card{display:flex;flex-direction:column;grid-gap:12px;border-radius:24px;padding:8px 16px 24px;background-color:var(--bg-a);height:100%}.blog-section .blog-list .blog-card__date{font-weight:400;font-size:14px;color:var(--cl-f);flex-grow:1;display:flex;align-items:flex-end}.blog-section .blog-list .blog-card__labels{display:flex;align-items:center;flex-wrap:wrap;grid-gap:10px}.blog-section .blog-list .blog-card .pretitle{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-section .blog-list .blog-card__label{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background:var(--gr-e);border-radius:25px;padding:4px 10px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:120%;letter-spacing:.05em;text-transform:uppercase;color:var(--cl-g)}.blog-section .blog-list .blog-card p{color:var(--cl-d);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-section .blog-list .blog-card__image{margin:0 -8px 12px;max-height:248px;width:calc(100% + 16px);border-radius:16px;overflow:hidden}.blog-section .blog-list .blog-card__image img,.blog-section .blog-list .blog-card__image picture{width:100%;height:100%}.blog-section .blog-list__item:nth-of-type(1){grid-column:1/-1}@media (min-width:768px){.blog-section .blog-list__item:nth-of-type(1) .blog-card{padding:8px clamp(10px,2.336vw,32px) 8px 8px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr repeat(2,auto) 1fr;grid-gap:12px clamp(24px,3.212vw,44px);align-items:center}.blog-section .blog-list__item:nth-of-type(1) .blog-card .pretitle{font-size:clamp(24px,2.628vw,36px);align-self:end}.blog-section .blog-list__item:nth-of-type(1) .blog-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-section .blog-list__item:nth-of-type(1) .blog-card__date{align-self:start}.blog-section .blog-list__item:nth-of-type(1) .blog-card__image{margin:0;grid-column:1;grid-row:1/5;width:100%;max-height:390px}}@media (min-width:1025px){.blog-section .blog-top__inner{grid-gap:clamp(20px,5.729vw,110px)}.blog-section .blog-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.blog-section .blog-top__inner{grid-gap:25px;flex-wrap:wrap}}@media (max-width:1024px) and (min-width:577px){.blog-section .blog-top__inner .category-nav{justify-content:center}.blog-section .blog-top__inner{justify-content:space-between}.blog-section .blog-top.mode .blog-top__inner .category-nav{justify-content:start}.blog-section .blog-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px) and (min-width:768px){.blog-section .blog-top.mode .blog-top__inner{flex-wrap:nowrap}}@media (max-width:930px){.blog-section .blog-top__inner .category-nav{order:3}.blog-section .blog-top.mode .category-nav{order:-1}}@media (max-width:767px){.blog-section .breadcrumbs{justify-content:center}.blog-section .blog-top.mode .search-form{max-width:100%}}@media (max-width:576px){.blog-section .category-nav{overflow-x:auto;width:calc(100% + var(--container-offset) * 2);margin:0 calc(var(--container-offset) * -1);padding:0 var(--container-offset)}.blog-section .category-nav::-webkit-scrollbar{display:none}.blog-section .blog-top__inner .search-form{max-width:100%}.blog-section .blog-top__inner .title{text-align:center}.blog-section .blog-list{grid-template-columns:100%}}