/* Главные (подпроект 7): хаб siastrogpt и лендинг siastro — на токенах каталога */
.home-hub__title, .home-hub__lead { text-align: center; }
.home-hub { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-3); }
.home-card { position: relative; display: flex; align-items: flex-start; justify-content: center; aspect-ratio: 3 / 4; overflow: hidden;
	border: 1px solid var(--color-border); border-radius: var(--radius-m); background-size: cover; background-position: center; text-decoration: none; }
.home-card__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.home-card__label { position: relative; margin-top: var(--space-2); padding: var(--space-1) var(--space-2); border-radius: var(--radius-s);
	background: var(--color-gpt-accent); color: var(--color-gpt-accent-text); font-size: var(--font-size-s); text-align: center; }

/* Лендинг siastro для гостя (старый welcome.twig) */
.welcome { display: grid; gap: var(--space-4); justify-items: center; margin: calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0; padding: var(--space-5) 0 var(--space-6); text-align: center; background: url(/images/welcome/bg_clean.jpg) center bottom / cover; }
.welcome__label { margin: 0; font-size: var(--font-size-l); font-weight: 700; letter-spacing: 1px; }
.welcome__heart { color: var(--color-heart); }
.welcome__headline { margin: 0; font-size: clamp(30px, 9vw, 44px); font-weight: 900; line-height: 1.1; background: linear-gradient(180deg, var(--color-headline-1) 0%, var(--color-headline-2) 35%, var(--color-headline-3) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.welcome__cards { display: block; width: 100%; max-width: 640px; object-fit: contain; }
.welcome__buttons { display: grid; gap: var(--space-3); justify-items: center; width: calc(100% - 2 * var(--space-4)); max-width: 380px; padding: var(--space-4); border: 1px solid var(--color-border-strong); border-radius: var(--radius-m); background: var(--color-backdrop); backdrop-filter: blur(6px); }
.welcome__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); width: 100%; }
.welcome__about { color: var(--color-text-muted); font-size: var(--font-size-s); }
.home-hub > :last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc(50% - var(--space-3) / 2); }