.blog-section{color:var(--color-text);padding:var(--spacing-xl)var(--spacing-md);flex-direction:column;justify-content:center;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex}.blog-header{max-width:100%;margin:0 auto var(--spacing-lg);gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-md)0;border-top:1px solid #0000001a;grid-template-columns:1fr 2fr 1fr;align-items:start;display:grid}.blog-header .section-label{color:#fff}.blog-header .section-title{color:#fff;font-family:var(--font-headline);letter-spacing:normal;word-spacing:normal;font-variant-ligatures:none;max-width:900px;font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1.1}.blog-header .section-desc{color:#fffc;font-size:22px}.blog-header .section-action{justify-content:flex-end;align-items:flex-start;display:flex}.blog-grid{gap:var(--spacing-md);width:100%;max-width:100%;height:600px;padding:0 var(--spacing-md);margin:0 auto;display:flex}.blog-card{cursor:pointer;border-radius:16px;flex:1;min-width:0;transition:flex .5s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.blog-card:hover{flex:2.5}.blog-card-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.blog-card-bg img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-bg img{transform:scale(1.05)}.blog-card-overlay{z-index:2;background:linear-gradient(#0000 0%,#0009 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-content{width:100%;padding:var(--spacing-md);z-index:3;color:#fff;opacity:.9;flex-direction:column;justify-content:flex-end;height:100%;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.blog-card:hover .blog-content{opacity:1}.blog-title{font-family:var(--font-headline);color:#fff;transform-origin:0;max-width:80%;margin-bottom:1rem;font-size:1.5rem;line-height:1.2;transition:transform .3s}.blog-card:hover .blog-title{transform:scale(1.05)}.blog-desc{opacity:.8;max-width:300px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5;display:none}.blog-card:hover .blog-desc{animation:.5s fadeIn;display:block}.blog-btn{text-transform:uppercase;letter-spacing:.05em;opacity:0;border-radius:30px;justify-content:space-between;align-items:center;width:fit-content;padding:12px 24px;font-size:.875rem;font-weight:600;transition:all .4s;display:inline-flex;transform:translateY(20px)}.blog-card:hover .blog-btn{opacity:1;transform:translateY(0)}.blog-btn svg{width:16px;height:16px;margin-left:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.blog-header{gap:var(--spacing-md);grid-template-columns:1fr}.blog-grid{flex-direction:column;height:auto}.blog-card{flex:none;width:100%;height:400px}.blog-card:hover{flex:none}.blog-btn,.blog-desc{opacity:1;display:block;transform:none}.blog-btn{display:inline-flex}}.btn-explore{color:#fff;cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #fff3;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:transform .3s;display:inline-flex}.btn-explore:hover{border-color:#ffffff80;transform:scale(1.05)}