/* =====================================================================
   BizTorq — Home page "Textile news" section
   Same tokens as market-detail-v3.css (ink · violet · zari gold · mist)
   ===================================================================== */
.hn{
  --ink:#191233; --ink-2:#2a2150; --violet:#5B2EE0; --violet-d:#4520c4;
  --gold:#C99A2E; --gold-l:#E7C978; --mist:#F7F5FC; --line:#E3DDF6;
  --text:#2b2640; --muted:#6B6486;
  --r-lg:18px; --r:12px;
  padding:64px 0 72px;background:var(--mist);border-top:1px solid var(--line);color:var(--text)
}
.hn *{box-sizing:border-box}
.hn :focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}

/* Head */
.hn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;margin-bottom:28px}
.hn-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}
.hn-eyebrow::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--gold)}
.hn-title{margin:0;font-size:clamp(26px,3.2vw,38px);line-height:1.1;letter-spacing:-.03em;font-weight:800;color:var(--ink);max-width:22ch}
.hn-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ink);
  font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}
.hn-all:hover{background:var(--ink);color:#fff}
.hn-all svg{transition:transform .15s}
.hn-all:hover svg{transform:translateX(3px)}

/* Grid: lead story + list */
.hn-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:stretch}

/* Tags */
.hn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;font-size:13px;color:var(--muted)}
.hn-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;background:#efeaff;color:var(--violet)}
.hn-tag--surat{background:#efeaff;color:#4520c4}
.hn-tag--ahmedabad{background:#e3f4ee;color:#16664f}
.hn-tag--mumbai{background:#e6eefb;color:#24508f}
.hn-tag--gujarat{background:#f8efdc;color:#7a5410}
.hn-new{font-weight:700;color:#13824B}

/* Lead card */
.hn-lead{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.hn-lead:hover{border-color:var(--violet);box-shadow:0 10px 30px rgba(25,18,51,.08)}
.hn-lead__img{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.hn-lead__img img{display:block;width:100%;height:100%;transition:transform .4s}
.hn-lead:hover .hn-lead__img img{transform:scale(1.03)}
.hn-noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-l);font-weight:800;font-size:15px;letter-spacing:.12em;text-transform:uppercase;
  background-color:var(--ink);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,rgba(201,154,46,.08) 0 2px,transparent 2px 8px)}
.hn-lead__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.hn-lead__title{margin:0 0 10px;font-size:clamp(20px,2.1vw,26px);line-height:1.25;letter-spacing:-.02em;font-weight:800;color:var(--ink)}
.hn-lead:hover .hn-lead__title{color:var(--violet)}
.hn-lead__sum{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hn-read{margin-top:auto;font-weight:700;font-size:15px;color:var(--violet)}

/* Side list */
.hn-list{list-style:none;margin:0;padding:6px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column}
.hn-item{flex:1;border-bottom:1px solid var(--line)}
.hn-item:last-child{border-bottom:0}
.hn-item a{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:center;height:100%;padding:16px 0;text-decoration:none;color:inherit}
.hn-item h3{margin:0;font-size:16px;line-height:1.35;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hn-item a:hover h3{color:var(--violet)}
.hn-item .hn-meta{margin:0 0 6px}
.hn-thumb{width:92px;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--ink);position:relative}
.hn-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.hn-thumb .hn-noimg{font-size:10px;letter-spacing:.08em}

/* Footer CTA strip */
.hn-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:20px;padding:18px 22px;
  border-radius:var(--r-lg);background:var(--ink);color:rgba(255,255,255,.82);
  background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px)}
.hn-cta p{margin:0;font-size:15px;line-height:1.5;max-width:60ch}
.hn-cta strong{color:#fff}
.hn-cta a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.hn-cta a:hover{background:var(--gold-l)}

@media (max-width:900px){
  .hn{padding:48px 15px 56px}
  .hn-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .hn-item a{grid-template-columns:minmax(0,1fr) 76px;gap:12px}
  .hn-thumb{width:76px}
  .hn-lead__body{padding:18px 18px 20px}
  .hn-list{padding:4px 16px}
  .hn-all{width:100%;justify-content:center}
  .hn-cta a{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.hn *{transition:none!important}}