/* HOME PAGE: ticker, hero, main grid */
  /* TICKER */
  .ticker{background:var(--bg-2);border-bottom:1px solid var(--border);overflow:hidden}
  .ticker-inner{display:flex;align-items:center;gap:16px;height:40px}
  .ticker-label{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:3px;flex-shrink:0}
  .ticker-content{flex:1;overflow:hidden;white-space:nowrap}
  .ticker-content-inner{display:inline-flex;gap:40px;animation:ticker-scroll 60s linear infinite}
  .ticker-content-inner:hover{animation-play-state:paused}
  .ticker-item{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;cursor:pointer;transition:color .15s}
  .ticker-item:hover{color:var(--red)}
  .ticker-item::before{content:'•';color:var(--red);font-size:14px}
  @keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media(max-width:640px){.ticker{display:none}}

  .hero-section{padding:32px 0;background:var(--bg);border-bottom:1px solid var(--border)}
  .hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
  @media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
  .hero-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}
  .hero-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
  .hero-card:hover .hero-title{color:var(--red)}
  .hero-image{aspect-ratio:16/9;background:var(--bg-3);overflow:hidden;position:relative}
  .hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
  .hero-card:hover .hero-image img{transform:scale(1.03)}
  .hero-image .badge{position:absolute;top:16px;left:16px}
  .hero-body{padding:24px 26px 26px}
  .hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:var(--text-3)}
  .hero-meta .dot{color:var(--border-2)}
  .hero-meta strong{color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
  .hero-title{font-family:var(--serif);font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin-bottom:14px;transition:color .15s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero-excerpt{font-size:15px;color:var(--text-2);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}
  .hero-author{display:flex;align-items:center;gap:8px}
  .hero-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--red));display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px}
  .hero-stats{display:flex;gap:14px}
  .hero-stats span{display:flex;align-items:center;gap:4px}
  .hero-side{display:flex;flex-direction:column;gap:16px}
  .hero-small{display:grid;grid-template-columns:120px 1fr;gap:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm)}
  .hero-small:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}
  .hero-small:hover .hero-small-title{color:var(--red)}
  .hero-small-img{aspect-ratio:1/1;background:var(--bg-3);border-radius:4px;overflow:hidden}
  .hero-small-img img{width:100%;height:100%;object-fit:cover}
  .hero-small-body{display:flex;flex-direction:column;justify-content:center}
  .hero-small-cat{font-size:10.5px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
  .hero-small-title{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.3;color:var(--text);transition:color .15s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero-small-date{margin-top:8px;font-size:11px;color:var(--text-3)}
  .main-section{padding:40px 0 60px;background:var(--bg)}
  .main-grid{display:grid;grid-template-columns:1fr 340px;gap:48px}
  @media(max-width:1024px){.main-grid{grid-template-columns:1fr;gap:40px}}