/* One visual language: architectural lines, familiar objects, brief labels. */
.v-icon{display:inline-block;flex-shrink:0;vertical-align:middle;color:inherit}
.v-illustration{display:block;width:100%;height:auto;color:var(--vesta-accent);overflow:visible}
.visual-paper{fill:var(--vesta-surface);stroke:#7991a0}
.visual-stone{fill:var(--vesta-stone);stroke:#a5aaa8}
.visual-faint{stroke:#b4bdc1}
.visual-dot{fill:var(--vesta-accent);stroke:var(--vesta-surface)}
.visual-signal{stroke:var(--vesta-accent);stroke-dasharray:3 6}

/* Scroll cinema fills the available space, with four compact chapter controls. */

/* Product features are illustrated before they are explained. */

/* Supporting pages: diagrams, material studies and clear visual signposts. */
.page-hero-illustration{max-width:265px;margin:0 0 18px -12px}
.page-hero-copy>p{font-size:1rem}
.value-icon{display:block;width:32px;height:32px;color:var(--vesta-accent);margin-bottom:22px}
.journal-art{display:grid;place-items:center}
.journal-illustration{width:90%;max-height:100%}
.journal-art .visual-paper{fill:#ffffffbd}
.journal-art.art-03 .v-illustration{color:#fff}
.journal-art.art-03 .visual-paper{fill:#ffffff16;stroke:#d3e0e8}
.journal-art.art-03 .visual-faint{stroke:#abc1ce}
.journal-art.art-03 .visual-signal{stroke:#d3e0e8}
.journal-art .art-number{right:20px;bottom:17px}
.article-lead-visual{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:center;margin-top:28px}
.article-lead-visual>p{font-size:1.08rem;line-height:1.8;color:var(--vesta-muted);max-width:720px}
.article-lead-visual>.v-illustration{background:var(--vesta-accent-soft)}
.article-byline{margin-top:25px}
.partner-support-rows article>span>.v-icon{width:32px;height:32px}
.partner-application-art{width:250px;margin-bottom:26px}
.contact-illustration{width:210px;margin-bottom:17px;grid-column:1}
.warranty-illustration{width:200px;margin:0 0 26px -15px}
.faq-list summary{display:flex;align-items:center;gap:16px}
.faq-list summary>.v-icon{color:var(--vesta-accent);width:22px;height:22px}
.board-fieldset legend>.v-icon{width:20px;height:20px;color:var(--vesta-accent);margin-right:10px;vertical-align:-4px}
@media(max-width:900px){
  .page-hero-illustration{max-width:205px;float:right;margin:-12px 0 0 20px}
  .article-lead-visual{grid-template-columns:1fr 220px;gap:28px}
}
@media(max-width:760px){
  .article-lead-visual{grid-template-columns:1fr;gap:20px}
  .article-lead-visual>.v-illustration{width:100%;max-height:230px}
  .partner-application-art{width:185px;margin-bottom:22px}
  .contact-illustration{width:170px}
  .page-hero-illustration{max-width:180px}
}
@media(max-width:440px){
  .page-hero-illustration{float:none;width:190px;margin:0 0 18px -10px}
}
