.site-starfield { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: .8; contain: strict; }
#app { position: relative; z-index: 1; }
.is-home .home-page, .is-home .home-page > .home-section { background: transparent; }
.home-value-heading { min-width: 0; }
.home-value-heading .home-start-link { margin-top: 28px; display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.home-value-heading .home-start-link .home-button { background: var(--accent); color: var(--text); border-color: transparent; }
.home-value-heading .home-start-link .home-button:hover { background: var(--accent-hover); }
.home-value-heading .home-start-link > span { color: var(--muted); font-size: 13px; }
.home-value .home-value-facts dt { font-size: 23px; font-weight: 650; letter-spacing: -.02em; line-height: 1.3; }
.home-value .home-value-art { width: 156px; height: 156px; }
.home-value-intro-copy .home-value-yunov { margin-top: 16px; color: var(--text); font-size: 15px; }
.home-value-art .value-panel { fill: #231c21; stroke: #a18491; stroke-width: 1.4; }
.home-value-art .value-line { fill: none; stroke: #d8a3b3; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.home-value-art .value-secondary { fill: none; stroke: #a18491; stroke-width: 1.4; stroke-linecap: round; }
@media(max-width:1100px) { .home-value .home-value-art { width: 144px; height: 144px; } }
@media(max-width:836px) { .home-value-heading .home-start-link { margin-top: 20px; gap: 12px; } .home-value-intro-copy .home-value-yunov { font-size: 14px; } .home-value .home-value-facts dt { font-size: 21px; } }
@media(max-width:600px) { .home-value .home-value-art { width: 128px; height: 128px; } .home-value-heading .home-start-link > span { max-width: 15ch; } }