/* Нүүр: бүтээл ба суралцах хоёр зам. Бүх өнгө, хэмжээ tokens.css-ээс. */
.home-hero { display: grid; gap: var(--s7); padding-top: var(--s7); }
.home-hero__copy { display: grid; align-content: center; gap: var(--s6); }
.home-hero .display { font-weight: 400; line-height: 1; max-width: 12ch; }
.home-hero .display > span:last-child { color: var(--ink-soft); }
.home-hero .lede { font-size: var(--t-body); line-height: 1.8; max-width: 37ch; }
.home-hero [data-site="homeHeroLead"] { white-space: pre-line; }
.home-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s3) var(--s6); }
.home-hero__actions .btn--do { min-width: 0; gap: var(--s7); }
.home-hero__note { display: none; align-items: center; gap: var(--s4); }
.home-hero__note img { width: 22px; height: 40px; }
.home-hero__note p { margin: 0; font-size: var(--t-xs); line-height: 1.7; }
.home-hero__note p > span:last-child { color: var(--ink-mute); }
.home-hero__visual { min-width: 0; margin: 0; }
.home-hero__photo { position: relative; overflow: hidden; aspect-ratio: 1.12; background: var(--paper-2); border-radius: var(--radius); }
.home-hero__photo > img { width: 100%; height: 100%; object-fit: cover; object-position: center 56%; }
.home-hero__seal { position: absolute; top: var(--s5); right: var(--s5); display: grid; place-content: center; width: 76px; height: 76px; border-radius: 50%; background: var(--paper); color: var(--ink); text-align: center; font-size: var(--t-xs); line-height: 1.4; transform: rotate(9deg); }
.home-hero__visual figcaption { display: flex; justify-content: space-between; align-items: center; gap: var(--s4); font-size: var(--t-xs); color: var(--ink-soft); padding-top: var(--s2); }
.home-hero__visual figcaption a { display: inline-flex; align-items: center; gap: var(--s3); min-height: 44px; }
.home-hero__visual figcaption a:hover { text-decoration: underline; text-underline-offset: 5px; }
.home-categories { padding-top: var(--s9); }
.home-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s2) var(--s5); margin-bottom: var(--s5); }
.home-section-heading h2 { font-family: var(--font); font-size: var(--t-body); font-weight: var(--w-emph); }
.category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.category-card { display: flex; align-items: center; min-width: 0; gap: var(--s3); padding: var(--s2); background: var(--paper-2); border-radius: var(--radius); font-size: var(--t-xs); transition: background var(--dur) var(--ease), transform var(--dur) var(--ease); }
.category-card:last-child { grid-column: 1 / -1; }
.category-card img { width: 42px; height: 54px; flex-shrink: 0; object-fit: cover; border-radius: var(--radius); }
.category-card__arrow { display: none; margin-left: auto; }
.category-card:hover { background: var(--line); transform: translateY(-2px); }
.home-collection .sec-head { border: 0; padding-top: 0; align-items: end; }
.home-collection .sec-head .eyebrow { margin-bottom: var(--s3); }
.home-collection h2 { font-size: var(--d-2); }
.home-products .tile--lg { grid-column: auto; grid-row: auto; }
.home-products .tile .slot { aspect-ratio: 4 / 5; }
.home-products .tile .name { font-family: var(--font); font-size: var(--t-sm); line-height: 1.6; text-wrap: pretty; }
.home-products .tile__row { margin-top: var(--s4); }
.home-products .tile__no { letter-spacing: 0; }
.home-atelier .atelier { padding: var(--s6); background: var(--paper-2); border-radius: var(--radius); }
.home-atelier .slot { aspect-ratio: 4 / 3; }
.home-atelier .atelier__text h2 { font-size: var(--d-2); }
.home-atelier .lede { font-size: var(--t-body); line-height: 1.8; }
.home-atelier .atelier__text { padding: var(--s3) 0; }
.home-learning .band { padding-block: var(--s9); }
.home-learning .course-band__text { align-content: center; }
.home-learning .course-band__text > .lede { font-size: var(--t-body); max-width: 43ch; }
.home-learning .slot { aspect-ratio: 4 / 5; }
.home-learning .course-rows .cr__name { font-family: var(--font); font-size: var(--t-body); line-height: 1.6; }
.home-learning .course-rows .cr__price { font-size: var(--t-sm); }
.home-learning .course-band__text > .link { justify-self: start; }
.home .foot { margin-top: 0; }
@media (min-width: 640px) {
  .home-hero { padding-top: var(--s8); }
  .home-hero__copy { gap: var(--s7); }
  .home-hero__photo { aspect-ratio: 1.3; }
  .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .category-card:last-child { grid-column: auto; }
  .category-card { padding: var(--s3); font-size: var(--t-sm); }
  .category-card__arrow { display: inline; }
  .home-products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .home-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--s9); padding-top: var(--s8); }
  .home-hero__copy { padding-bottom: var(--s8); }
  .home-hero__note { display: flex; margin-top: var(--s6); }
  .home-hero__photo { aspect-ratio: 1; }
  .home-hero__seal { top: var(--s6); right: var(--s6); width: 88px; height: 88px; }
  .home-categories { padding-top: var(--s8); }
  .category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .category-card { gap: var(--s3); }
  .category-card img { width: 48px; height: 64px; }
  .home-collection { padding-top: var(--s11); }
  .home-atelier .atelier { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s10); padding: var(--s8); }
  .home-atelier .atelier__text { padding-right: var(--s6); }
  .home-learning .band { padding-block: var(--s10); }
  .home-learning .course-band { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: var(--s11); }
  .home-learning .slot { max-height: 590px; }
}
@media (prefers-reduced-motion: no-preference) {
  .home-hero__copy { animation: rise 450ms var(--ease-out) both; }
  .home-hero__visual { animation: rise 550ms var(--ease-out) both; }
}