.blog-hero{padding-block:var(--space-20);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%);overflow:hidden;position:relative}@media (min-width:768px){.blog-hero{padding-block:var(--space-24)}}.blog-hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--color-primary-50) 0%,#fff0 70%);border-radius:50%;z-index:0;pointer-events:none}.blog-hero__container{width:100%;margin-inline:auto;padding-inline:var(--space-6);position:relative;z-index:1}@media (min-width:768px){.blog-hero__container{padding-inline:var(--space-8)}}@media (min-width:1200px){.blog-hero__container{padding-inline:var(--space-12)}}@media (min-width:1360px){.blog-hero__container{padding-inline:var(--space-20)}}@media (min-width:1600px){.blog-hero__container{padding-inline:var(--space-32)}}.blog-hero__header{text-align:center;margin-inline:auto}.blog-hero .breadcrumbs{margin-bottom:var(--space-6)}.blog-hero .breadcrumbs__list{justify-content:flex-start}.blog-hero__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);background-color:var(--color-primary-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.blog-hero__title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em;margin-bottom:var(--space-6);line-height:1.1}.blog-hero__title .highlight-serif{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;color:var(--color-primary-600)}.blog-hero__description{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6}.blog-posts{padding-block:var(--space-16);background-color:var(--color-white)}.blog-categories{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-gray-100)}@media (min-width:768px){.blog-categories{gap:var(--space-4);margin-bottom:var(--space-12)}}.blog-categories__item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background-color:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-full);text-decoration:none;transition:all 0.2s ease;white-space:nowrap}@media (min-width:768px){.blog-categories__item{padding:var(--space-2) var(--space-5);font-size:var(--font-size-base)}}.blog-categories__item:hover{color:var(--color-primary-600);background-color:var(--color-primary-50);border-color:var(--color-primary-100)}.blog-categories__item--active{color:var(--color-white);background-color:var(--color-gray-900);border-color:var(--color-gray-900)}.blog-categories__item--active:hover{color:var(--color-white);background-color:var(--color-gray-800);border-color:var(--color-gray-800)}.blog-categories__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-gray-500);background-color:var(--color-white);border-radius:var(--radius-full)}.blog-categories__item:hover .blog-categories__count{color:var(--color-primary-600);background-color:var(--color-white)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (min-width:1200px){.blog-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.blog-grid>article:nth-child(1) .blog-card__title{font-size:var(--font-size-2xl)}.blog-grid>article:nth-child(1){grid-column:span 2;display:flex;flex-direction:row;min-height:420px}.blog-grid>article:nth-child(1) .blog-card__thumbnail{width:55%;aspect-ratio:auto;height:100%}.blog-grid>article:nth-child(1) .blog-card__content{width:45%;justify-content:center;padding:var(--space-8) var(--space-10)}}@media (min-width:1600px){.blog-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-8)}.blog-grid>article:nth-child(1){grid-column:span 3}.blog-grid>article:nth-child(2),.blog-grid>article:nth-child(3){grid-column:span 1}}.blog-card{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--radius-2xl);overflow:hidden;position:relative;border:1px solid var(--color-gray-100);transition:transform 0.4s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease,border-color 0.3s ease;height:100%}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -4px rgb(0 0 0 / .08),0 8px 16px -4px rgb(0 0 0 / .04);border-color:var(--color-primary-100)}.blog-card__thumbnail{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background-color:var(--color-gray-100)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.25,.46,.45,.94)}.blog-card:hover .blog-card__image{transform:scale(1.08)}.blog-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-200) 100%);color:var(--color-gray-400)}.blog-card__placeholder svg{width:48px;height:48px;opacity:.5}.blog-card__category{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-3);background-color:rgb(255 255 255 / .95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-gray-900);font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:0 4px 12px rgb(0 0 0 / .08);text-transform:uppercase;letter-spacing:.05em;z-index:2;transition:background-color 0.3s ease,color 0.3s ease}.blog-card:hover .blog-card__category{background-color:var(--color-primary-600);color:var(--color-white)}.blog-card__content{display:flex;flex-direction:column;flex:1;padding:var(--space-6)}.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:.825rem;color:var(--color-gray-500);margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}.blog-card__separator{width:4px;height:4px;background-color:var(--color-gray-300);border-radius:50%}.blog-card__date,.blog-card__reading-time{display:flex;align-items:center;gap:var(--space-1)}.blog-card__title{font-size:clamp(1.25rem, 1.1rem + 0.5vw, 1.6rem);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-3);color:var(--color-gray-900);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.blog-card:hover .blog-card__title a{color:var(--color-primary-600)}.blog-card__excerpt{flex:1;font-size:clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);line-height:1.6;color:var(--color-gray-600);margin:0 0 var(--space-6);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:#fff0;text-decoration:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);width:100%;transition:all 0.3s cubic-bezier(.4,0,.2,1);border:2px solid var(--color-primary-100);box-shadow:none}.blog-card__link:hover{background-color:var(--color-primary-600);color:var(--color-white);border-color:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 10px 20px -5px rgb(37 99 235 / .4)}.blog-card__link span{position:relative}.blog-card__link svg{width:18px;height:18px;transition:transform 0.3s cubic-bezier(.34,1.56,.64,1)}.blog-card:hover .blog-card__link svg,.blog-card__link:hover svg{transform:translateX(5px)}.blog-empty{text-align:center;padding:var(--space-20) var(--space-6);background-color:var(--color-gray-50);border-radius:var(--radius-2xl);border:2px dashed var(--color-gray-300)}.blog-empty h2{font-size:var(--font-size-2xl);color:var(--color-gray-700);margin-bottom:var(--space-3)}.blog-empty p{color:var(--color-gray-500);font-size:var(--font-size-lg);margin:0}.blog-posts .pagination{margin-top:var(--space-16);padding-top:var(--space-8);display:flex;justify-content:center}.blog-posts .pagination ul.page-numbers{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none;width:auto;height:auto;border:none;background:#fff0}.blog-posts .pagination ul.page-numbers li{margin:0;padding:0}.blog-posts .pagination .page-numbers li .page-numbers{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:all 0.2s ease;text-decoration:none;background-color:#fff0;border:1px solid #fff0}.blog-posts .pagination .page-numbers li .page-numbers:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.blog-posts .pagination .page-numbers li .page-numbers.current{background-color:var(--color-primary-600);color:var(--color-white);font-weight:var(--font-weight-bold);border-color:var(--color-primary-600)}.blog-posts .pagination .page-numbers li .page-numbers.next,.blog-posts .pagination .page-numbers li .page-numbers.prev{width:auto;padding-inline:var(--space-4);border:1px solid var(--color-gray-200)}.blog-posts .pagination .page-numbers li .page-numbers.next:hover,.blog-posts .pagination .page-numbers li .page-numbers.prev:hover{border-color:var(--color-primary-600);color:var(--color-primary-600);background-color:#fff0}@media (max-width:640px){.blog-hero{padding-block:var(--space-12)}.blog-posts{padding-block:var(--space-8)}.blog-card__content{padding:var(--space-5)}.blog-card__title{font-size:1.25rem}}.archive-page{background-color:var(--color-white)}.archive-hero{padding-block:var(--space-6) var(--space-8);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%);position:relative;overflow:hidden}.archive-hero::before{content:'';position:absolute;top:-30%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,var(--color-primary-50) 0%,#fff0 70%);border-radius:50%;z-index:0;pointer-events:none}.archive-hero__container{width:100%;margin-inline:auto;padding-inline:var(--space-6);position:relative;z-index:1}@media (min-width:768px){.archive-hero{padding-block:var(--space-8) var(--space-10)}.archive-hero__container{padding-inline:var(--space-8)}}@media (min-width:1200px){.archive-hero__container{padding-inline:var(--space-12)}}@media (min-width:1360px){.archive-hero__container{padding-inline:var(--space-20)}}@media (min-width:1600px){.archive-hero__container{padding-inline:var(--space-32)}}.archive-hero .breadcrumbs{margin-bottom:0}.archive-hero .breadcrumbs__list{justify-content:flex-start}.archive-header{padding-block:var(--space-8) var(--space-12)}@media (min-width:768px){.archive-header{padding-block:var(--space-10) var(--space-16)}}.archive-header__title{font-size:clamp(2rem, 1.5rem + 2.5vw, 3.5rem);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:1.1;letter-spacing:-.02em;text-align:center}.archive-header__description{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6;text-align:center;max-width:600px;margin-inline:auto}.archive-content{padding-block:var(--space-8) var(--space-16)}@media (min-width:768px){.archive-content{padding-block:var(--space-10) var(--space-20)}}