.blog-archive{background:#fff;max-width:100%;width:100%}.blog-archive .blog-archive-preview{padding:20px}.blog-archive .blog-archive-preview .notice h3{color:var(--pg-neutral-900);font-size:16px;font-weight:600}.blog-archive .blog-archive-preview .notice p{color:var(--pg-neutral-500);margin:10px 0}.blog-archive .blog-archive-preview .notice ul{color:var(--pg-neutral-500);list-style:disc;padding-left:20px}.blog-archive .blog-archive-preview .notice ul li{margin:5px 0}.blog-hero-section{align-items:center;display:flex;height:540px;justify-content:center;overflow:hidden;position:relative}@media (max-width:768px){.blog-hero-section{height:480px;padding:40px 20px}}.blog-hero-section .hero-bg-image,.blog-hero-section .hero-bg-image-mobile{aspect-ratio:1280/720;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.blog-hero-section .hero-bg-image{display:block}@media (max-width:768px){.blog-hero-section .hero-bg-image{display:none}}.blog-hero-section .hero-bg-image-mobile{display:none}@media (max-width:768px){.blog-hero-section .hero-bg-image-mobile{aspect-ratio:375/255;display:block}}.blog-hero-section .hero-overlay{background:rgba(0,0,0,.15);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-hero-section .hero-content{color:#fff;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:2}.blog-hero-section .hero-content .title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:900;line-height:1.2;margin:0 0 20px}@media (max-width:768px){.blog-hero-section .hero-content .title{font-size:32px}}.blog-hero-section .hero-content .subtitle{color:#fff;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 40px}@media (max-width:768px){.blog-hero-section .hero-content .subtitle{font-size:14px;margin:0 0 30px}}.blog-hero-section .hero-content .hero-filter-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}@media (max-width:768px){.blog-hero-section .hero-content .hero-filter-tags{gap:8px;margin-top:24px}}.blog-hero-section .hero-content .hero-filter-tags .hero-tag{background:transparent;border:1.5px solid hsla(0,0%,100%,.55);border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;text-decoration:none;transition:all .3s ease}.blog-hero-section .hero-content .hero-filter-tags .hero-tag:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.85);transform:translateY(-2px)}.blog-hero-section .hero-content .hero-filter-tags .hero-tag.active{background:#fff;border-color:#fff;color:#111;font-weight:600}@media (max-width:768px){.blog-hero-section .hero-content .hero-filter-tags .hero-tag{font-size:12px;padding:8px 16px}}.search-section{background:#fff;padding:48px 20px}@media (max-width:768px){.search-section{padding:32px 16px}}.search-section .search-wrapper{margin:0 auto;max-width:640px}.search-section .search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 1px 2px hsla(0,0%,7%,.04);display:flex;gap:8px;padding:6px 6px 6px 24px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.search-section .search-box:hover{border-color:#d1d5db;box-shadow:0 2px 6px hsla(0,0%,7%,.06)}.search-section .search-box:focus-within{border-color:#111;box-shadow:0 0 0 3px hsla(0,0%,7%,.08)}@media (max-width:768px){.search-section .search-box{padding:5px 5px 5px 20px}}.search-section .search-input{-webkit-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none;color:#111;flex:1;font-size:15px;font-weight:400;line-height:1.4;min-width:0;outline:none;padding:12px 0}.search-section .search-input:focus,.search-section .search-input:focus-visible{border:none;box-shadow:none;outline:none}.search-section .search-input::-moz-focus-inner{border:0}.search-section .search-input::-moz-placeholder{color:#9ca3af}.search-section .search-input::placeholder{color:#9ca3af}@media (max-width:768px){.search-section .search-input{font-size:14px;padding:10px 0}}.search-section .search-button{align-items:center;background:#111;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;min-width:44px;transition:background-color .2s ease,transform .15s ease;width:44px}.search-section .search-button:hover{background:#2a2a2a}.search-section .search-button:active{transform:scale(.94)}.search-section .search-button:focus{outline:none}.search-section .search-button:focus-visible{outline:2px solid #111;outline-offset:2px}.search-section .search-button::-moz-focus-inner{border:0}@media (max-width:768px){.search-section .search-button{height:38px;min-width:38px;width:38px}}.search-section .search-button svg{height:18px;width:18px}.blog-article-list{background:#fff;min-height:400px;padding:60px 20px;position:relative}@media (max-width:768px){.blog-article-list{padding:40px 16px}}.blog-article-list.loading:before{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.8);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.blog-article-list.loading:after{animation:spin .8s linear infinite;border:4px solid var(--pg-neutral-200);border-radius:50%;border-top-color:var(--pg-brand-600);content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:11}.blog-article-list .articles-grid{display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}@media (max-width:968px){.blog-article-list .articles-grid{gap:32px;grid-template-columns:1fr}}.blog-article-list .article-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.blog-article-list .article-card .article-card-link{color:inherit;cursor:pointer;display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-article-list .article-card .article-card-link:hover{text-decoration:none}.blog-article-list .article-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-8px)}.blog-article-list .image-container{background:var(--pg-neutral-100);height:320px;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.blog-article-list .image-container{height:240px}}.blog-article-list .image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.article-card:hover .blog-article-list .image{transform:scale(1.05)}.blog-article-list .tag{backdrop-filter:blur(10px);border-radius:20px;left:16px;padding:6px 14px;position:absolute;top:16px}.blog-article-list .tag span{font-size:13px;font-weight:600;line-height:1.4}.blog-article-list .content{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px}@media (max-width:768px){.blog-article-list .content{padding:20px}}.blog-article-list .header{display:flex;flex-direction:column;gap:12px}.blog-article-list .title{color:var(--pg-neutral-900);font-size:20px;font-weight:700;line-height:1.4;margin:0;transition:color .3s ease}@media (max-width:768px){.blog-article-list .title{font-size:18px}}.blog-article-list .article-card-link:hover .title{color:var(--pg-brand-600)}.blog-article-list .meta{color:var(--pg-neutral-500);display:flex;font-size:13px;gap:16px}.blog-article-list .author,.blog-article-list .date{font-weight:400}.blog-article-list .excerpt{color:var(--pg-neutral-800);display:-webkit-box;font-size:14px;-webkit-line-clamp:3;line-height:1.7;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blog-article-list .read-more{align-items:center;color:var(--pg-brand-600);display:inline-flex;font-size:14px;font-weight:600;margin-top:auto;padding:12px 24px;transition:all .3s ease}.blog-article-list .article-card-link:hover .read-more{color:var(--pg-brand-800);gap:8px}.blog-article-list .no-posts{color:var(--pg-neutral-400);grid-column:1/-1;padding:80px 20px;text-align:center}.blog-pagination{background:#fff;padding:40px 20px 80px;position:relative}@media (max-width:768px){.blog-pagination{padding:30px 16px 60px}}.blog-pagination.loading{opacity:.6;pointer-events:none}.blog-pagination .pagination{align-items:center;display:flex;gap:8px;justify-content:center}.blog-pagination .pagination a,.blog-pagination .pagination span{text-decoration:none}.blog-pagination .pagination .page-button{align-items:center;background:#fff;border:1px solid var(--pg-neutral-200);border-radius:8px;color:var(--pg-neutral-900);display:inline-flex;font-size:14px;font-weight:500;height:44px;justify-content:center;min-width:44px;transition:all .3s ease}.blog-pagination .pagination .page-button:hover:not(.active){background:var(--pg-neutral-50);border-color:var(--pg-brand-600);color:var(--pg-brand-600)}.blog-pagination .pagination .page-button.active{background:var(--pg-brand-600);border-color:var(--pg-brand-600);color:#fff}.blog-pagination .pagination .nav-button{align-items:center;background:#fff;border:1px solid var(--pg-neutral-200);border-radius:8px;color:var(--pg-neutral-900);cursor:pointer;display:inline-flex;height:44px;justify-content:center;min-width:44px;transition:all .3s ease}.blog-pagination .pagination .nav-button:not(.disabled):hover{background:var(--pg-neutral-50);border-color:var(--pg-brand-600);color:var(--pg-brand-600)}.blog-pagination .pagination .nav-button.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.blog-archive-error{color:#e53e3e;padding:40px 20px;text-align:center}.blog-archive-error p{font-size:16px;margin:0}.blog-pagination .pagination .page-ellipsis{align-items:center;color:var(--pg-neutral-400);display:inline-flex;font-size:16px;height:44px;justify-content:center;min-width:44px}