.blog-list-section{margin:40px auto;max-width:1130px;padding:20px}.blog-list-section h1{color:var(--purple-color);font-size:2.8em;margin-bottom:10px;text-align:center}.blog-list-section p.subtitle{color:var(--text-color);font-size:1.2em;margin-bottom:40px;text-align:center}.blog-post-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.blog-post-card{backdrop-filter:var(--transp-backdrop);background-color:var(--transp-background);border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column;margin-bottom:0;min-height:250px;overflow:hidden;width:calc(50% - 15px)}.blog-post-card-image-container{align-items:center;display:flex;flex:0 0 300px;height:168.75px;justify-content:center;overflow:hidden;position:relative}.blog-post-image-overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;left:0;padding:10px;position:absolute;width:100%}.blog-post-card-image{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.blog-post-card:hover .blog-post-card-image{transform:scale(1.05)}.blog-post-card-content{flex-grow:1;padding:20px}.blog-post-card-content h2{color:var(--secondary-color);font-size:1.2em;margin-bottom:10px;margin-top:0}.blog-post-card-meta{color:var(--text-color);font-size:.85em;margin-bottom:5px}.blog-post-card-description{color:var(--text-color);font-size:1em;line-height:1.6;margin-bottom:20px}.homepage-card{margin-top:40px}.blog-post-card-link{backdrop-filter:var(--transp-backdrop);background-color:var(--transp-background);border-radius:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);color:var(--text-light);display:inline-block;font-weight:700;padding:8px 12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-post-card-link:hover{background-color:var(--secondary-color);box-shadow:inset 0 1px 3px rgba(0,0,0,.3),0 4px 12px rgba(187,134,252,.2);color:var(--text-light);transform:translateY(-2px)}@media (max-width:768px){.blog-post-card{flex-direction:column;width:100%}.blog-post-card-image-container{flex:none;height:250px;width:100%}.blog-post-card-content{padding:15px}.blog-list-section{margin:20px 15px;padding:15px}}