.hero-magazine{margin-top:22px}.hero-grid{grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr);gap:20px;display:grid}.hero-main{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);aspect-ratio:16/9;background:#f8fafc;position:relative;overflow:hidden;transform:translateZ(0)}.hero-image{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-image span{width:100%!important;height:100%!important}.hero-image img{object-fit:cover;will-change:transform;backface-visibility:hidden;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hero-main:hover .hero-image img{transform:scale(1.07)}.hero-overlay{background:linear-gradient(#0000,#0f172a59,#0f172ae0);flex-direction:column;justify-content:flex-end;padding:42px;display:flex;position:absolute;inset:0}.hero-side{flex-direction:column;gap:14px;display:flex}.hero-side-item{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-soft);gap:12px;padding:10px;display:flex}.hero-side-item:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.side-image{border-radius:12px;width:170px;min-width:170px;height:120px;position:relative;overflow:hidden}.side-image span{width:100%!important;height:100%!important}.side-image img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .4s}.side-text h3{color:var(--text-primary);font-size:15px;line-height:1.3}@media (max-width:1200px){.hero-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-main{aspect-ratio:16/10}.hero-overlay{padding:22px}.side-image{width:100%;min-width:100%;height:210px}}