.section-hero-magazine.hero-design-5{padding:0;background:#fff}.hero-design-5 .hero-top-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 10px 0}.hero-design-5 .hero-top-item{display:flex;align-items:center;gap:12px}.hero-design-5 .hero-top-image-link{display:block;overflow:hidden;width:85px;height:65px;border-radius:4px;flex-shrink:0}.hero-design-5 .hero-top-image{width:100%;height:100%;object-fit:cover}.hero-design-5 .hero-top-item:hover .hero-top-image{transform:scale(1.05)}.hero-design-5 .hero-top-content{flex:1}.hero-design-5 .hero-top-title{font-size:.88rem;font-weight:500;line-height:1.35;margin:0;color:#202124;font-family:var(--vr-font-secondary)}.hero-design-5 .hero-top-title a{color:#202124;text-decoration:none}.hero-design-5 .hero-top-title a:hover{color:var(--vr-theme-color)}.hero-design-5 .hero-bottom-featured{position:relative;min-height:390px;overflow:hidden;margin-bottom:20px;border-radius:8px}.hero-design-5 .hero-bottom-bg{position:absolute;top:0;left:0;width:100%;height:100%}.hero-design-5 .hero-bottom-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease , transform .3s ease;object-position:top}.hero-design-5 .hero-bottom-featured:hover .hero-bottom-image{opacity:.9;transform:scale(1.02)}.hero-design-5 .hero-bottom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgb(0 0 0 / 56%) 0, rgb(0 0 0 / 30%) 20%, transparent 60%);display:flex;align-items:flex-end;padding:20px}.hero-design-5 .hero-bottom-content{color:#fff;font-family:var(--vr-font-secondary);max-width:800px}.hero-design-5 .hero-bottom-categories{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.hero-design-5 .hero-bottom-categories a{color:rgba(255,255,255,.9);font-size:.875rem;text-decoration:none;transition:color .2s ease;font-weight:500}.hero-design-5 .hero-bottom-categories a:hover{color:#fff}.hero-design-5 .hero-bottom-categories span{color:rgba(255,255,255,.7);font-size:.875rem}.hero-design-5 .hero-bottom-title{font-size:2.5rem;font-weight:bold;line-height:1.2;margin:0 0 16px 0}.hero-design-5 .hero-bottom-title a{color:#fff;text-shadow:1px 1px 0 #4b4b4b}.hero-design-5 .hero-bottom-title a:hover{opacity:.9}.hero-design-5 .hero-bottom-meta{display:flex;gap:16px;align-items:center;font-size:.875rem;color:rgba(255,255,255,.8)}@media (max-width:992px){.hero-design-5 .hero-top-item{padding:0 8px}.hero-design-5 .hero-top-image-link{height:60px}.hero-design-5 .hero-bottom-featured{min-height:350px;margin:0}.hero-design-5 .hero-bottom-title{font-size:2rem}}@media (max-width:768px){.hero-design-5 .hero-bottom-featured,.hero-design-5 .hero-top-image-link{border-radius:0}.hero-design-5 .hero-top-posts{padding:12px 0 16px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.hero-design-5 .hero-top-item{padding:0}.hero-design-5 .hero-top-title{font-size:.75rem}.hero-design-5 .hero-bottom-featured{min-height:360px}.hero-design-5 .hero-bottom-title{font-size:1.75rem}.hero-design-5 .hero-bottom-overlay{padding:24px}}@media (max-width:480px){.hero-design-5 .hero-top-title{font-size:.9rem;width:180px}.hero-design-5 .hero-bottom-overlay{padding:10px}.hero-design-5 .hero-bottom-title{font-size:1.5rem}}