.blog-index{width:100%;max-width:75rem;padding:7rem 2rem 4rem;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;min-height:calc(100vh - 110px)}.blog-index__header{display:flex;flex-direction:column;gap:1rem}.blog-index__title{font-family:var(--font-main);font-size:3.75rem;font-weight:400;color:var(--color-main)}.blog-index__subtitle{font-family:var(--font-main);font-size:1.125rem;color:var(--text-main);max-width:42rem;line-height:1.6}.blog-index__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%}.blog-index__state{font-family:var(--font-main);font-size:1.125rem;color:var(--text-main);padding:2rem 0;width:100%;text-align:center}.blog-index__state--error{color:#c0392b}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.blog-skeleton-card{background-color:var(--bg-secondary);display:flex;flex-direction:column}.blog-skeleton-card__image{width:100%;aspect-ratio:16 / 9;background-color:var(--color-skeleton);animation:skeleton-pulse 1.4s ease-in-out infinite}.blog-skeleton-card__lines{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.blog-skeleton-card__line{height:.9rem;background-color:var(--color-skeleton);border-radius:4px;animation:skeleton-pulse 1.4s ease-in-out infinite}.blog-skeleton-card__line--short{width:55%}.blog-thumbnail{text-decoration:none;display:block;background-color:var(--bg-secondary);transition:transform .3s ease}.blog-thumbnail:hover{transform:translateY(-4px)}.blog-thumbnail__image-wrapper{width:100%;overflow:hidden;aspect-ratio:16 / 9}.blog-thumbnail__image{width:100%;height:100%;object-fit:cover}.blog-thumbnail__body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.blog-thumbnail__title{font-family:var(--font-main);font-size:1.125rem;font-weight:600;color:var(--color-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-thumbnail__description{font-family:var(--font-main);font-size:.9rem;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-thumbnail__read-more{font-family:var(--font-main);font-size:.875rem;color:var(--color-main);text-decoration:underline;margin-top:.5rem}.blog-detail{width:100%;display:flex;flex-direction:column;align-items:center}.blog-detail__hero{width:100%;max-height:32rem;overflow:hidden;margin-top:7rem}.blog-detail__hero-image{width:100%;height:100%;object-fit:cover}.blog-detail__content{width:100%;max-width:52rem;padding:3rem 2rem 5rem;display:flex;flex-direction:column;gap:1.5rem}.blog-detail__back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-family:var(--font-main);font-size:1rem;color:var(--color-main);padding:0}.blog-detail__back-button img{width:1.25rem;transform:rotate(180deg)}.blog-detail__title{font-family:var(--font-main);font-size:2rem;font-weight:400;color:var(--color-main);text-transform:uppercase;letter-spacing:.08rem;line-height:1.3}.blog-detail__body{font-family:var(--font-main);font-size:1.125rem;color:var(--text-main);line-height:1.7;text-align:justify}.blog-detail__state{font-family:var(--font-main);font-size:1.125rem;color:var(--text-main);padding:8rem 2rem;text-align:center;width:100%}@media(max-width:1024px){.blog-index__grid{grid-template-columns:repeat(2,1fr)}.blog-index__title{font-size:3rem}}@media(max-width:480px){.blog-index{padding:6rem 1.25rem 3rem}.blog-index__grid{grid-template-columns:1fr}.blog-index__title{font-size:2.25rem}.blog-detail__title{font-size:1.5rem}.blog-detail__content{padding:2rem 1.25rem 4rem}}