.hero-mini{background:linear-gradient(135deg,#0f1114 0%, #1f2430 100%); color:#fff; border-bottom:4px solid #dc2626}
    .hero-mini .wrap{max-width:1200px; margin:auto; padding:64px 20px}
    .hero-mini h1{margin:0 0 8px; font-size:clamp(28px,4vw,40px)}
    .hero-mini p{margin:0; color:#c9ced6}
    main{padding:48px 20px}
    
    .hero{background: radial-gradient(1200px 600px at 80% -20%, rgba(193,18,31,.35), transparent), linear-gradient(180deg, #0b0b0c 0%, #121318 60%, #0b0b0c 100%); color:#fff}
    .hero .wrap{display:grid; gap:24px; grid-template-columns: 1.2fr .8fr; align-items:center}
    .hero h1{font-size: clamp(2rem, 4vw, 3rem); line-height:1.1; margin: 0 0 12px}
    .hero p.lede{font-size: clamp(1rem, 2.2vw, 1.25rem); color:#e5e7eb; margin:0 0 20px}
    .hero .logo{width: 260px; margin-bottom: 12px; filter: invert(1)}
    .mosaic{display:grid; gap:12px; grid-template-columns: repeat(2, 1fr)}
    .tile{aspect-ratio: 4/3; border-radius: var(--radius); background:linear-gradient(135deg,#1f2937,#0b0b0c); border:1px solid #1f2937; position:relative; overflow:hidden}
    .tile::after{content:""; position:absolute; inset:0; background: radial-gradient(600px 300px at -20% -20%, rgba(193,18,31,.25), transparent)}
    header.sticky{background:#E5E4E2; border-color:#1f2937; color:#000000}
    nav a:hover{background:rgba(255,255,255,.08)}