/* ==========================================================================
   The hub (Guy 29.10.26): the "בקרוב" page grown into the site's main page. Loads after home-soon.css and only adds
   what a longer page needs - the page scrolls (no fit-to-screen), a lead line under the title, a second heading, and
   the doors under it. Every value is a token or a home-soon value; nothing new to the brand book.
   ========================================================================== */
.hub-soon .soon { padding-block: 28px 64px; }
.hub-soon .soon__center { padding-block: 32px 0; justify-content: flex-start; }
.hub-soon .soon__title { margin-top: 48px; max-width: 18em; }
.hub-soon .soon__tiles { margin-top: 40px; max-width: 1080px; }
.hub-soon__line { margin-top: 16px; max-width: 34em; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--text-on-dark); text-wrap: pretty; }
.hub-soon__h2 { margin-top: 96px; font-size: var(--fs-h2); line-height: var(--lh-h2); font-weight: var(--fw-semibold); color: var(--text-on-dark); text-wrap: balance; }
.hub-soon__more { grid-template-columns: 1fr; }
.hub-soon .soon__tiles > li:nth-child(n+3) { --k: 2; }
@media (min-width: 768px) {
  .hub-soon .soon { padding-block: 40px 96px; }
  .hub-soon .soon__title { margin-top: 80px; }
  .hub-soon .soon__tiles { margin-top: 48px; }
  .hub-soon__h2 { margin-top: 120px; }
  .hub-soon__more { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hub-soon__more > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
/* 1024+: three doors, then the last two side by side, so no card stays alone on its row */
@media (min-width: 1024px) {
  .hub-soon__more { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .hub-soon__more > li { grid-column: span 2; }
  .hub-soon__more > li:nth-last-child(-n+2):nth-child(n+4) { grid-column: span 3; }
  .hub-soon__more > li:last-child:nth-child(odd) { grid-column: span 3; }
  /* exactly four doors (the DNA door hidden, 31.10.26): two by two */
  .hub-soon__more > li:first-child:nth-last-child(4), .hub-soon__more > li:first-child:nth-last-child(4) ~ li { grid-column: span 3; }
  /* exactly three doors (the personal-area door hidden too, 1.11.26): one row of three */
  .hub-soon__more > li:first-child:nth-last-child(3), .hub-soon__more > li:first-child:nth-last-child(3) ~ li { grid-column: span 2; }
}
@media (min-width: 1200px) { .hub-soon .soon__title { margin-top: 104px; } .hub-soon__h2 { margin-top: 144px; } }
html.hero-motion:not(.fonts-wait) .hub-soon__line { animation: hero-up var(--rv-dur) var(--ease-calm) 480ms both; }
@media (prefers-reduced-motion: reduce) { html.hero-motion .hub-soon__line { animation: none !important; } }