.section-hero-magazine.hero-design-5{background:#f2ffee; padding-top: 30px; }
#header .header-mobile-container { background: #f2ffee; }
.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:rgb(2 63 62 / 50%);display:flex;align-items:flex-end;padding:20px}.hero-design-5 .hero-bottom-content{color:white;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,0.9);font-size:.875rem;text-decoration:none;transition:color .2s ease;font-weight:500}.hero-design-5 .hero-bottom-categories a:hover{color:white}.hero-design-5 .hero-bottom-categories span{color:rgba(255,255,255,0.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:white;    text-shadow: 1px 1px 0px #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,0.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){.section-hero-magazine.hero-design-5 { padding-top: 0;}  .hero-design-5 .hero-bottom-featured, .hero-design-5 .hero-top-image-link { border-radius: 0px ;} .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}}