.hero-magazine{margin-top:24px}.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,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}.hero-main a{width:100%;height:100%;display:block}.hero-image{position:absolute;inset:0}.hero-image img{object-fit:cover;transition:transform .6s}.hero-main:hover .hero-image img{transform:scale(1.05)}.hero-overlay{background:linear-gradient(#0000,#00000059,#000000d9);flex-direction:column;justify-content:flex-end;padding:40px;display:flex;position:absolute;inset:0}.hero-overlay h1{color:#fff;margin-bottom:10px;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.1}.hero-overlay p{color:#ffffffe6;max-width:700px;font-size:1rem;line-height:1.5}.hero-side{flex-direction:column;gap:14px;display:flex}.hero-side-item{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;gap:12px;transition:all .25s;display:flex;overflow:hidden}.hero-side-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.hero-side-item a{width:100%;text-decoration:none;display:flex}.side-image{width:180px;min-width:180px;height:120px;position:relative}.side-image img{object-fit:cover}.side-text{align-items:center;padding:12px;display:flex}.side-text h3{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.35}@media (max-width:1200px){.hero-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-main{aspect-ratio:16/10}.hero-overlay{padding:20px}.hero-overlay h1{font-size:1.5rem}.hero-overlay p{display:none}.hero-side-item{flex-direction:column}.side-image{width:100%;min-width:100%;height:200px}.side-text{padding:12px}}