/* ============================================================
   VistaNova M&A Partners — Insights landing page
   Page-specific styles. Shared components live in site.css.
   ============================================================ */

html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Hero ---------- */
#vn-inshero{position:relative;overflow:hidden;background:#fff;min-height:clamp(380px,50vh,560px);display:flex;align-items:center}
#vn-inshero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block}
@media(max-width:820px){#vn-inshero{min-height:clamp(340px,46vh,460px)}#vn-inshero-bg{object-position:center}}
#vn-inshero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.86) 32%,rgba(255,255,255,.62) 58%,rgba(255,255,255,0) 84%);pointer-events:none}
@media(max-width:820px){#vn-inshero-veil{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.82) 60%,rgba(255,255,255,.66) 100%)}}

/* ---------- Shared insight text/read links ---------- */
a.vn-tlink{color:var(--cyan-600);text-decoration:underline;text-decoration-color:rgba(0,188,212,.45);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
a.vn-tlink:hover{color:var(--indigo-800);text-decoration-color:var(--indigo-800)}
.vn-readlink{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:13.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--indigo-800);transition:color .25s ease}
.vn-readlink .vn-i{transition:transform .25s ease}

/* ---------- Featured editorial card ---------- */
#vn-feat{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}
@media(min-width:900px){#vn-feat{grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:var(--space-12)}}
a.vn-feat-t{color:var(--indigo-800);transition:color .25s ease}
a.vn-feat-t:hover{color:var(--cyan-600)}
#vn-feat .vn-featimg{overflow:hidden;border-radius:var(--radius-md);background:var(--indigo-900);aspect-ratio:4/3}
#vn-feat .vn-featimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
#vn-feat:hover .vn-featimg img{transform:scale(1.04)}
#vn-feat:hover .vn-readlink{color:var(--cyan-600)}
#vn-feat:hover .vn-readlink .vn-i{transform:translateX(5px)}

/* ---------- Latest insight cards ---------- */
#vn-latest{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
@media(min-width:840px){#vn-latest{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}
a.vn-inscard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--silver-300);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease}
a.vn-inscard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--silver-500)}
a.vn-inscard .vn-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--indigo-900)}
a.vn-inscard .vn-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
a.vn-inscard:hover .vn-thumb img{transform:scale(1.05)}
a.vn-inscard .vn-inst{transition:color .25s ease}
a.vn-inscard:hover .vn-inst{color:var(--cyan-600)}
a.vn-inscard:hover .vn-readlink{color:var(--cyan-600)}
a.vn-inscard:hover .vn-readlink .vn-i{transform:translateX(5px)}
#vn-feat:hover .vn-readlink,a.vn-inscard:hover .vn-readlink{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}