body{background-color:var(--bg-color)}.blog-hero{height:35vh;position:relative;overflow:hidden}.blog-hero__bg{object-fit:cover;object-position:center;filter:blur(1.5px)brightness(.65);pointer-events:none;width:100%;height:100%;transform:scale(1.05)}.blog-hero__overlay{flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.blog-hero__title{color:#fff;letter-spacing:.05em;font-family:Poppins,sans-serif;font-size:clamp(3rem,12vw,8rem);font-weight:700}.blog-hero__desc{color:#fff;background:#00000059;border-radius:6px;margin-top:.8rem;padding:.5em 1.2em;font-size:clamp(.9rem,2vw,1.25rem)}.blog-nav{max-width:1200px;margin:2rem auto 0;padding:0 5%}.blog-nav__list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.blog-nav__link{border:1.5px solid var(--main-color);color:var(--main-color);border-radius:999px;align-items:center;gap:.4em;padding:.35em .9em;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.blog-nav__link:hover{background:var(--main-color);color:#fff}.blog-nav__count{opacity:.8;font-size:.75rem;font-weight:400}.blog-section{margin-top:3rem;scroll-margin-top:80px}.blog-section:last-of-type{margin-bottom:4rem}.blog-section__head{max-width:1200px;margin:0 auto;padding:0 5%}.blog-section__title{border-left:5px solid var(--main-color);align-items:baseline;gap:.6rem;padding-left:.7rem;font-size:1.4rem;font-weight:700;display:flex}.blog-section__count{color:#888;font-size:.85rem;font-weight:400}.blog-section__intro{color:#555;margin-top:.5rem;font-size:.9rem;line-height:1.7}.blog-section__title a{color:inherit;text-decoration:none}.blog-section__title a:hover{text-decoration:underline}.blog-section__more{border:1.5px solid var(--main-color);width:fit-content;color:var(--main-color);border-radius:999px;margin:1.2rem auto 0;padding:.5em 1.4em;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.blog-section__more:hover{background:var(--main-color);color:#fff}.blog-tag-page__head{max-width:1200px;margin:0 auto;padding:2rem 5% 0}.blog-tag-page__crumbs{color:#666;gap:.5em;margin-bottom:1.2rem;font-size:.9rem;display:flex}.blog-tag-page__year{margin-top:2.5rem}.blog-tag-page__year:last-of-type{margin-bottom:4rem}.blog-tag-page__year-title{color:#444;max-width:1200px;margin:0 auto;padding:0 5%;font-size:1.15rem;font-weight:700}.blog-carousel{--content:calc(min(1200px, 100vw) - 10vw);--gutter:calc((100% - min(1200px, 100%)) / 2 + 5%);margin:1.5rem 0 0;position:relative}.blog-carousel__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px var(--gutter) 28px;scroll-padding-inline:var(--gutter);gap:24px;margin-bottom:-16px;list-style:none;display:flex;overflow-x:auto}.blog-carousel__track::-webkit-scrollbar{display:none}.blog-carousel__track>.blog-card{flex:0 0 calc((var(--content) - 48px) / 3);scroll-snap-align:start}.blog-carousel__btn{z-index:1;width:44px;height:44px;color:var(--main-color);cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;padding:0;transition:background .2s,color .2s,opacity .2s;display:grid;position:absolute;top:45%;transform:translateY(-50%);box-shadow:0 2px 10px #00000040}.blog-carousel__btn svg{width:22px;height:22px}.blog-carousel__btn--prev{left:16px}.blog-carousel__btn--next{right:16px}.blog-carousel__btn:hover:not(:disabled){background:var(--main-color);color:#fff}.blog-carousel__btn:disabled{opacity:0;pointer-events:none}.blog-carousel__btn[hidden]{display:none}.blog-container{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:1.5rem auto 0;padding:0 5%;list-style:none;display:grid}.blog-card{background:var(--item-color);border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.blog-card:hover{box-shadow:0 8px 20px #00000026}.blog-card a{height:100%;color:inherit;text-decoration:none;display:block}.blog-card__img-wrap{position:relative;overflow:hidden}.blog-card__img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.blog-card:hover .blog-card__img{transform:scale(1.05)}.blog-card__body{padding:.8rem 1rem 1rem}.blog-card__date{color:#888;font-size:.78rem}.blog-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.3rem 0 .4rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card__caption{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}@media (width<=768px){.blog-container{grid-template-columns:repeat(2,1fr)}.blog-carousel__track>.blog-card{flex-basis:calc((var(--content) - 24px) / 2)}.blog-hero{height:28vh}}@media (width<=480px){.blog-container{grid-template-columns:1fr}.blog-carousel__track>.blog-card{flex-basis:calc(var(--content) * .85)}.blog-carousel__btn{width:36px;height:36px}.blog-carousel__btn--prev{left:8px}.blog-carousel__btn--next{right:8px}.blog-hero{height:35vw}}@media (prefers-reduced-motion:reduce){.blog-hero__bg{filter:brightness(.55);transform:none}.blog-card,.blog-card__img{transition:none}.blog-card:hover,.blog-card:hover .blog-card__img{transform:none}.anim-fadein{animation:none}}
