.blog-archive{position:relative;background-color:var(--bugloos-white);overflow:hidden;scroll-behavior:auto}.blog-archive__bg-gradient{position:absolute;inset:0;opacity:.05;background:radial-gradient(circle at 25% 25%,var(--bugloos-primary) 0,transparent 30%),radial-gradient(circle at 75% 75%,var(--bugloos-secondary) 0,transparent 30%);will-change:transform;z-index:1;pointer-events:none}.blog-archive__hero{position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:70vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.blog-archive__hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.blog-archive__hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-archive__hero-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(36,30,70,.8) 0,rgba(99,195,209,.6) 100%);z-index:2}.blog-archive__hero-content{position:relative;max-width:var(--max-width-7xl);margin:0 auto;padding:0 var(--spacing-4);text-align:center;z-index:10;width:100%}.blog-archive__hero-inner{position:relative;max-width:var(--max-width-prose);margin:0 auto;will-change:transform,opacity;transition:transform .6s ease-out,opacity .6s ease-out}.blog-archive__hero-headline{font-family:var(--font-family-primary);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--bugloos-white);margin:0 0 var(--spacing-6) 0;line-height:var(--leading-tight);text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-.02em}.blog-archive__hero-description{font-family:var(--font-family-primary);font-size:var(--text-xl);color:rgba(255,255,255,.9);margin:0 0 var(--spacing-12) 0;line-height:var(--leading-relaxed);text-shadow:0 2px 4px rgba(0,0,0,.2);max-width:48rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.blog-archive__hero-headline{font-size:var(--text-5xl)}}@media (min-width:1024px){.blog-archive__hero-headline{font-size:var(--text-6xl)}.blog-archive__hero-description{font-size:var(--text-xl)}}@media (max-width:767px){.blog-archive__hero{min-height:500px;height:60vh}.blog-archive__hero-headline{font-size:var(--text-3xl)}.blog-archive__hero-description{font-size:var(--text-lg)}}.blog-archive__filter-section{position:relative;margin-bottom:var(--spacing-12);padding:var(--spacing-6) 0 0;z-index:20;text-align:center}.blog-archive__search-container{max-width:var(--max-width-narrow);margin:0 auto var(--spacing-12)}.blog-archive__search-wrapper{position:relative}.blog-archive__search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--bugloos-gray-400);width:1.25rem;height:1.25rem}.blog-archive__search-input{width:100%;padding-left:3rem;padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border:2px solid var(--bugloos-gray-200);border-radius:var(--radius-3xl);font-size:var(--text-lg);line-height:1.75rem;font-family:var(--font-family-primary);color:var(--bugloos-gray-800);background-color:var(--bugloos-gray-200);transition:all var(--transition-normal)}.blog-archive__search-input:hover{border-color:var(--bugloos-primary)}.blog-archive__search-input:focus{border-color:var(--bugloos-primary);outline:0;box-shadow:0 0 0 3px rgba(99,195,209,.1)}.blog-archive__search-input::placeholder{color:var(--bugloos-gray-500)}.blog-archive__category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.blog-archive__category-btn{padding:var(--spacing-2) var(--spacing-6);border-radius:9999px;border:1px solid var(--bugloos-gray-300);background-color:var(--bugloos-white);color:var(--bugloos-gray-700);font-size:var(--text-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.blog-archive__category-btn:hover{border-color:var(--bugloos-primary);color:var(--bugloos-primary)}.blog-archive__category-btn--active{background-color:var(--bugloos-primary);border-color:var(--bugloos-primary);color:var(--bugloos-white)}.blog-archive__category-btn--active:hover{background-color:var(--bugloos-secondary);border-color:var(--bugloos-secondary);color:var(--bugloos-white)}.blog-archive__results-count{font-weight:var(--font-weight-medium);color:var(--bugloos-gray-600);font-size:var(--text-base);text-align:center}.blog-archive__grid{position:relative;display:grid;gap:var(--spacing-8);margin-bottom:var(--spacing-12);padding:var(--spacing-16) 0;z-index:10}.blog-archive__grid.is-empty{grid-template-columns:1fr!important}.blog-archive__grid.is-empty .blog-archive__empty-state{opacity:1;transition:opacity .3s ease-out}@media (min-width:768px){.blog-archive__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-archive__grid{grid-template-columns:repeat(3,1fr)}}.blog-archive__card{position:relative;background-color:var(--bugloos-white);border-radius:var(--radius-xl);border:1px solid var(--bugloos-gray-200);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;will-change:transform,opacity;opacity:1;transform:translateY(0);display:flex;flex-direction:column;height:100%}.blog-archive__card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.blog-archive__card>a{display:contents}.blog-archive__card-bg{position:absolute;inset:0;opacity:0;transition:opacity var(--transition-slow);will-change:transform,opacity}.blog-archive__card-bg--primary{background:linear-gradient(135deg,var(--bugloos-primary) 0,transparent 70%)}.blog-archive__card-bg--secondary{background:linear-gradient(135deg,var(--bugloos-secondary) 0,transparent 70%)}.blog-archive__card:hover .blog-archive__card-bg{opacity:.1}.blog-archive__image-container{position:relative;height:12rem;overflow:hidden;will-change:transform}.blog-archive__image{width:100%;height:100%;object-fit:cover;transition:all .7s ease-out}.blog-archive__card:hover .blog-archive__image{transform:scale(1.1);filter:brightness(1.1)}.blog-archive__image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);opacity:0;transition:opacity var(--transition-normal)}.blog-archive__card:hover .blog-archive__image-overlay{opacity:1}.blog-archive__tags{position:absolute;bottom:var(--spacing-4);left:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-2);z-index:10}.blog-archive__tag{background-color:rgba(255,255,255,.9);backdrop-filter:blur(4px);color:var(--bugloos-gray-800);padding:var(--spacing-1) var(--spacing-3);border-radius:9999px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);will-change:transform,opacity}.blog-archive__tag:hover{background-color:rgba(255,255,255,.95);transform:translateY(-1px);box-shadow:0 6px 10px -1px rgba(0,0,0,.15),0 4px 6px -1px rgba(0,0,0,.1)}.blog-archive__content{position:relative;padding:var(--spacing-6);will-change:transform;display:flex;flex-direction:column;flex-grow:1}.blog-archive__meta{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);font-size:var(--text-sm);color:var(--bugloos-gray-500)}.blog-archive__date{display:block}.blog-archive__author::before{content:"•";margin-right:var(--spacing-1);color:var(--bugloos-gray-400)}.blog-archive__card-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);margin-bottom:var(--spacing-3);margin-top:var(--spacing-3);transition:color var(--transition-normal);line-height:var(--leading-tight)}.blog-archive__card:hover .blog-archive__card-title{color:var(--bugloos-primary)}.blog-archive__card-description{color:var(--bugloos-gray-600);margin-bottom:var(--spacing-6);line-height:var(--leading-relaxed);flex-grow:1}.blog-archive__read-more{display:flex;align-items:center;color:var(--bugloos-dark);text-decoration:none;transition:color var(--transition-normal);margin-top:auto}.blog-archive__read-more:focus,.blog-archive__read-more:hover{color:var(--bugloos-primary);outline:0}.blog-archive__read-more-text{font-weight:var(--font-weight-medium);margin-right:var(--spacing-2)}.blog-archive__read-more-icon{width:1rem;height:1rem;transition:transform var(--transition-normal)}.blog-archive__read-more:hover .blog-archive__read-more-icon{transform:translateX(4px)}.blog-archive__card:focus .blog-archive__read-more,.blog-archive__card:hover .blog-archive__read-more{color:var(--bugloos-primary);outline:0}.blog-archive__card:hover .blog-archive__read-more-icon{transform:translateX(4px)}.blog-archive__pagination{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);margin:var(--spacing-16) auto 0;font-family:var(--font-family-primary);z-index:20;scroll-behavior:auto;background-color:var(--bugloos-white);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;border:1px solid var(--bugloos-gray-200);padding:var(--spacing-1);width:fit-content}.blog-archive__pagination-btn,.blog-archive__pagination-number{display:flex;align-items:center;justify-content:center;min-height:42px;padding:var(--spacing-3) var(--spacing-4);border:none;background-color:transparent;color:var(--bugloos-gray-700);font-size:var(--text-base);font-weight:var(--font-weight-normal);text-decoration:none;cursor:pointer;transition:all .2s ease;user-select:none;border-radius:var(--radius-md)}.blog-archive__pagination-btn:hover:not(:disabled),.blog-archive__pagination-number:hover:not(.blog-archive__pagination-number--active){background-color:var(--bugloos-gray-50)}.blog-archive__pagination-btn:focus,.blog-archive__pagination-number:focus{outline:0;box-shadow:0 0 0 2px var(--bugloos-primary);z-index:10;position:relative;scroll-margin:0}.blog-archive__pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--bugloos-gray-400)}.blog-archive__pagination-numbers{display:flex;align-items:center;gap:var(--spacing-1)}.blog-archive__pagination-number{min-width:42px}.blog-archive__pagination-number--active{background-color:var(--bugloos-gray-800);color:var(--bugloos-white);cursor:default}.blog-archive__pagination-number--active:hover{background-color:var(--bugloos-gray-800)}.blog-archive__empty-state{text-align:center;padding:var(--spacing-20) var(--spacing-4);color:var(--bugloos-gray-500);min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-out}.blog-archive__empty-state h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--bugloos-gray-700);margin-bottom:var(--spacing-2)}.blog-archive__empty-state p{font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:400px;margin:0 auto}.blog-archive__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--bugloos-gray-500)}.blog-archive__spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--bugloos-gray-200);border-radius:50%;border-top-color:var(--bugloos-primary);animation:spin 1s ease-in-out infinite;margin-right:var(--spacing-3)}@keyframes spin{to{transform:rotate(360deg)}}.blog-archive__card--hidden{opacity:0;transform:translateY(20px) scale(.95);pointer-events:none}.blog-archive__card--disappearing{opacity:0;transform:scale(.96);transition:all .3s cubic-bezier(.25, .46, .45, .94);pointer-events:none;transform-origin:center center}.blog-archive__card--appearing{opacity:0;transform:translateY(15px) scale(.98);transition:all .4s cubic-bezier(.34, 1.56, .64, 1)}.blog-archive__card--appearing.blog-archive__card--show{opacity:1;transform:translateY(0) scale(1)}.blog-archive__card--filtering{transition:all .3s ease-out}.blog-archive__card:focus-within{outline:2px solid var(--bugloos-primary);outline-offset:2px}.blog-archive__read-more:focus{outline:2px solid var(--bugloos-primary);outline-offset:2px;border-radius:var(--radius-sm)}.blog-archive__search-input:focus{outline:0;box-shadow:0 0 0 3px rgba(99,195,209,.1)}@media (prefers-contrast:high){.blog-archive__card{border-width:2px}.blog-archive__card-title,.blog-archive__read-more{font-weight:var(--font-weight-bold)}.blog-archive__search-input{border-width:2px}}@media (prefers-reduced-motion:reduce){.blog-archive__active-filter,.blog-archive__card,.blog-archive__image,.blog-archive__read-more-icon,.blog-archive__spinner,.blog-archive__tag{transition:none!important;transform:none!important;animation:none!important}.blog-archive__active-filter:hover,.blog-archive__card:hover,.blog-archive__tag:hover{transform:none!important}.blog-archive__card--appearing,.blog-archive__card--disappearing,.blog-archive__card--filtering,.blog-archive__card--hidden{transition:none!important;animation:none!important}}@media (max-width:767px){.blog-archive{padding:var(--spacing-16) 0}.blog-archive__header{margin-bottom:var(--spacing-12)}.blog-archive__filter-section{padding:var(--spacing-4) 0;margin-bottom:var(--spacing-2)}.blog-archive__filter-controls{gap:var(--spacing-4)}.blog-archive__filter-control{width:100%;min-width:auto}.blog-archive__search-input{font-size:var(--text-sm);padding:var(--spacing-2-5) var(--spacing-3)}.blog-archive__active-filters{padding:var(--spacing-3)}.blog-archive__pagination{flex-wrap:wrap;gap:var(--spacing-2)}.blog-archive__pagination-btn,.blog-archive__pagination-number{min-height:40px;padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-sm)}.blog-archive__tags{bottom:var(--spacing-3);left:var(--spacing-3);gap:var(--spacing-1)}.blog-archive__tag{padding:calc(var(--spacing-1) * .75) var(--spacing-2);font-size:var(--text-xs)}}@media (min-width:768px){.blog-archive__content{padding:var(--spacing-6)}}@media print{.blog-archive__bg-gradient,.blog-archive__filter-section,.blog-archive__pagination{display:none}.blog-archive__card{break-inside:avoid;box-shadow:none;border:1px solid var(--bugloos-gray-300)}.blog-archive__card--hidden{display:none}}[dir=rtl] .blog-archive__hero,html.rtl .blog-archive__hero{margin-left:0;margin-right:calc(-50vw + 50%)}[dir=rtl] .blog-archive__search-input,html.rtl .blog-archive__search-input{padding-left:var(--spacing-4);padding-right:3rem}[dir=rtl] .blog-archive__search-icon,html.rtl .blog-archive__search-icon{left:auto;right:var(--spacing-4)}[dir=rtl] .blog-archive__category-link,html.rtl .blog-archive__category-link{margin-left:var(--spacing-2);margin-right:0}[dir=rtl] .blog-archive__tags,html.rtl .blog-archive__tags{left:auto;right:var(--spacing-4)}[dir=rtl] .blog-archive__read-more,html.rtl .blog-archive__read-more{flex-direction:row}[dir=rtl] .blog-archive__read-more .blog-archive__read-more-text,html.rtl .blog-archive__read-more .blog-archive__read-more-text{margin-left:var(--spacing-2);margin-right:0}[dir=rtl] .blog-archive__read-more .blog-archive__read-more-icon,html.rtl .blog-archive__read-more .blog-archive__read-more-icon{transform:scaleX(-1)}[dir=rtl] .blog-archive__card:hover .blog-archive__read-more-icon,html.rtl .blog-archive__card:hover .blog-archive__read-more-icon{transform:scaleX(-1) translateX(4px)}