/* truth.kz home. Prefix: home- */
.home-canvas {
  position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh;
  z-index: 0; pointer-events: none; display: block;
}
#main { position: relative; z-index: 1; }
.home-section {
  position: relative; min-height: 100vh; min-height: 100svh;
  display: flex; align-items: center; padding: 6rem 0;
  background: transparent; color: #fff; overflow: hidden;
}
.home-section > .container { position: relative; z-index: 1; width: 100%; }
.home-section .display {
  font-family: "PT Serif", Georgia, serif; font-weight: 700;
  font-size: clamp(2.1rem, 6vw, 5rem); line-height: 1.08; letter-spacing: -0.01em; margin: 0 0 1.5rem;
}
.home-section .display em { font-style: italic; color: var(--coral, #e5484d); }
.home-section .eyebrow { margin: 0 0 1rem; }
.home-section .lead { max-width: 38rem; font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.6; opacity: .92; }

/* Scrim keeps text readable over particles, esp. on small screens */
.home-section:not(.section--light)::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(20,26,92,.82) 0%, rgba(20,26,92,.5) 55%, rgba(20,26,92,0) 100%);
}
@media (min-width: 900px) {
  .home-section:not(.section--light)::before {
    background: linear-gradient(90deg, rgba(20,26,92,.7) 0%, rgba(20,26,92,.25) 50%, rgba(20,26,92,0) 75%);
  }
}
.home-section.section--light { background: var(--light, #f1f2f7); color: #141a5c; }
.home-section.section--light .display { color: #141a5c; }

.home-hero__title { max-width: 16em; }
@media (min-width: 900px) {
  .home-hero__inner { max-width: 56%; margin-right: auto; }
}
.home-hero__title span, .home-statement span { display: inline; }
.home-actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
.home-note { font-size: .85rem; opacity: .7; margin: .5rem 0 0; }

/* Why */
.home-statement { max-width: 20em; }
.home-fact { display: flex; flex-wrap: wrap; gap: 1.2rem 2rem; align-items: baseline; max-width: 44rem; margin-top: 2rem; }
.home-fact__num { font-family: "PT Serif", Georgia, serif; font-size: clamp(2rem, 5vw, 3.4rem); color: var(--coral, #e5484d); }
.home-fact p { flex: 1 1 18rem; margin: 0; line-height: 1.6; }

/* Numbers / orders list */
.home-numbers__title { max-width: 14em; }
.home-orders { list-style: none; margin: 2.5rem 0 0; padding: 0; max-width: 54rem; }
.home-order {
  display: grid; grid-template-columns: auto 1fr auto; gap: 1rem 1.5rem; align-items: start;
  padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.25);
}
.home-order:last-child { border-bottom: 1px solid rgba(255,255,255,.25); }
.home-order__no { font-family: "PT Serif", Georgia, serif; font-size: 1.6rem; color: var(--coral, #e5484d); min-width: 2.5rem; }
.home-order__date { display: block; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; opacity: .7; margin-bottom: .3rem; }
.home-order h3 { font-family: "PT Serif", Georgia, serif; font-size: clamp(1.3rem, 2.4vw, 1.8rem); margin: 0 0 .4rem; }
.home-order p { margin: 0; line-height: 1.55; max-width: 38rem; opacity: .9; }
.home-order__link, .home-card__arrow {
  display: inline-flex; align-items: center; justify-content: center; width: 2.9rem; height: 2.9rem;
  border-radius: 50%; border: 1px solid currentColor; color: inherit; text-decoration: none; font-size: 1.2rem;
  transition: background .2s, color .2s, transform .2s;
}
.home-order__link:hover, .home-order__link:focus-visible { background: var(--coral, #e5484d); border-color: var(--coral, #e5484d); color: #fff; transform: translateX(4px); }

/* Story */
.home-story__bg {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;
  font-family: "PT Serif", Georgia, serif; font-weight: 700; white-space: nowrap;
  font-size: clamp(5rem, 22vw, 20rem); line-height: 1; letter-spacing: .02em;
  color: transparent; -webkit-text-stroke: 2px rgba(20,26,92,.14); user-select: none; pointer-events: none;
}
.home-video {
  position: relative; display: block; max-width: 44rem; aspect-ratio: 16 / 9; margin-top: 2rem;
  border-radius: 1.25rem; overflow: hidden; color: #fff; text-decoration: none;
  box-shadow: 0 24px 60px rgba(20,26,92,.25);
}
.home-video__art {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 25% 30%, rgba(229,72,77,.65), transparent 55%),
              radial-gradient(circle at 80% 80%, rgba(120,130,255,.45), transparent 55%), #141a5c;
}
.home-video__play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 5rem; height: 5rem; border-radius: 50%; background: var(--coral, #e5484d);
  display: flex; align-items: center; justify-content: center; transition: transform .2s;
}
.home-video:hover .home-video__play, .home-video:focus-visible .home-video__play { transform: translate(-50%, -50%) scale(1.1); }
.home-video__meta { position: absolute; left: 1.2rem; right: 1.2rem; bottom: 1rem; display: flex; justify-content: space-between; gap: 1rem; font-weight: 600; }
.home-video__time { background: rgba(0,0,0,.45); border-radius: .4rem; padding: .1rem .5rem; font-variant-numeric: tabular-nums; }

/* Initiatives */
.home-init { min-height: 0; }
.home-cards { margin-top: 2.5rem; display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.home-card {
  position: relative; background: #fff; color: #141a5c; border-radius: 1.25rem; padding: 1.8rem 1.6rem 5rem;
  box-shadow: 0 10px 30px rgba(20,26,92,.08); transition: transform .25s, box-shadow .25s;
}
.home-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(20,26,92,.16); }
.home-card__label { display: inline-block; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: #c2353a; font-weight: 600; margin-bottom: .8rem; }
.home-card h3 { font-family: "PT Serif", Georgia, serif; font-size: 1.6rem; margin: 0 0 .6rem; }
.home-card p { margin: 0; line-height: 1.55; }
.home-card__arrow { position: absolute; left: 1.6rem; bottom: 1.5rem; color: #141a5c; }
.home-card__arrow:hover, .home-card__arrow:focus-visible { background: var(--coral, #e5484d); border-color: var(--coral, #e5484d); color: #fff; }

/* Quote */
.home-quote__text { margin: 0; max-width: 18em; }
.home-quote__text p { margin: 0; font-size: inherit; }
.home-quote__by { margin-top: 1.5rem; opacity: .8; }

/* Know */
.home-know .display { max-width: 12em; }

/* Mobile: stronger vertical scrim, tighter layout */
@media (max-width: 899px) {
  .home-section { padding: 5rem 0; }
  .home-section:not(.section--light)::before {
    background: linear-gradient(180deg, rgba(20,26,92,.78) 0%, rgba(20,26,92,.62) 100%);
  }
  .home-order { grid-template-columns: auto 1fr; }
  .home-order__link { grid-column: 2; justify-self: start; }
}

/* Reduced motion: static */
@media (prefers-reduced-motion: reduce) {
  .home-order__link, .home-card, .home-video__play { transition: none; }
  .home-card:hover, .home-order__link:hover { transform: none; }
}