.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.h-auto{height:auto}.w-full{width:100%}.max-w-\[480px\]{max-width:480px}.max-w-none{max-width:none}.resize{resize:both}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.text-center{text-align:center}.uppercase{text-transform:uppercase}:root{--radius-lg:12px;--shadow-soft:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}body{color:#e5e7eb;background-color:#0a0a0a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.container{width:100%;max-width:480px;margin:0 auto;padding:0 16px}@media (min-width:768px){.container{max-width:800px;padding:0 24px}}img{max-width:100%;height:auto;display:block}.hero-magazine{margin-top:24px}.hero-grid{grid-template-columns:1fr;gap:20px;display:grid}.hero-main{border-radius:var(--radius-lg);aspect-ratio:16/10;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-main:hover .hero-image{transition:transform .6s;transform:scale(1.02)}.hero-overlay{z-index:2;background:linear-gradient(#0000,#0006,#000000d9);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.hero-overlay h1{color:#fff;margin-bottom:8px;font-size:1.75rem;font-weight:800;line-height:1.1}.hero-overlay p{color:#ffffffe6;font-size:1rem;line-height:1.5}.hero-side{flex-direction:column;gap:16px;display:flex}.hero-side-item{will-change:transform;background:#171717;border-radius:12px;gap:12px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.hero-side-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.side-image{flex-shrink:0;width:140px;height:100px;position:relative;overflow:hidden}.article-image{object-fit:cover;border-radius:16px;width:100%;height:auto}.article-body{font-size:1.1rem;line-height:1.75}.article-body img{border-radius:12px;max-width:100%;height:auto;margin:2rem 0}@media (min-width:768px){.hero-main{aspect-ratio:16/9}.hero-overlay h1{font-size:2.25rem}.side-image{width:160px;height:110px}}@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr)}.hero-overlay{padding:40px}.hero-overlay p{max-width:700px;display:block}}@media (max-width:767px){.hero-side-item{flex-direction:column}.side-image{width:100%;height:200px}.hero-overlay p{display:none}}.prose{color:inherit}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
