/* GALOK Visual Notes / Xiamen · adds to visual-notes.css: the hero frame beside the title, and frame captions as headings. */
.vx-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:end}
.vx-hero .g-eyebrow a{color:inherit;text-underline-offset:.25em;text-decoration-color:var(--g-rule-strong)}
.vx-hero .g-eyebrow a:hover{text-decoration-color:var(--g-ink)}
.vx-hero__pic{margin:0}
.vx-hero__pic img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;border-radius:3px;background:var(--g-surface)}
.vx-title{margin:0 0 18px;font:560 clamp(1.7rem,3.2vw,2.6rem)/1.05 var(--g-sans);letter-spacing:-.045em;text-wrap:balance}
.vn-frame__cap h3{margin:0;font:560 1.3rem/1.1 var(--g-sans);letter-spacing:-.03em}
@media (max-width:860px){.vx-hero{grid-template-columns:1fr}.vx-hero__pic img{max-height:none;aspect-ratio:4/5}}