:root {
  --font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
  --font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-story {
  background: #0b0d10;
  color: #eef1f4;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.58;
  border-top: 1px solid #30363f;
}
#root:empty + .home-story { visibility: hidden; }
.home-band {
  padding: 70px 0;
  border-bottom: 1px solid #30363f;
}
.home-band--quiet { background: #0e1115; }
.home-band__inner {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 48px;
  align-items: center;
}
.home-band--reverse .home-media { order: 2; }
.home-copy { max-width: 520px; }
.home-eyebrow { color: #e0bb66; font-size: 12px; font-weight: 850; letter-spacing: 2px; text-transform: uppercase; }
.home-copy h1,
.home-copy h2 {
  margin: 8px 0 12px;
  color: #f1f3f5;
  font-family: var(--font-display);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.13;
  letter-spacing: 0;
}
.home-copy h1 { font-size: 46px; }
.home-copy p { margin: 0; color: #a3acb6; font-size: 17px; }
.home-media { margin: 0; min-width: 0; }
.home-media img { display: block; width: 100%; height: auto; border: 1px solid #353b44; border-radius: 6px; background: #090b0e; }
.home-media figcaption { margin-top: 9px; color: #8f98a3; font-size: 12px; }
.home-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.home-action {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid #30363f;
  border-radius: 6px;
  background: #171b21;
  color: #eef1f4;
  text-decoration: none;
  font-family: var(--font-ui);
  font-weight: 700;
}
.home-action--primary { border-color: #e0bb66; background: #e0bb66; color: #171208; }
.home-trust {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 42px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #30363f;
}
.home-trust div { padding: 0 18px 0 0; }
.home-trust div + div { border-left: 1px solid #30363f; padding-left: 18px; }
.home-trust strong { display: block; margin-bottom: 5px; }
.home-trust span,
.home-trust a { color: #a3acb6; font-size: 13px; }
.home-footer {
  width: min(1180px, calc(100% - 32px));
  min-height: 96px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
  color: #8f98a3;
  font-size: 13px;
}
.home-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
.home-footer .home-languages { margin-left: auto; }
.home-footer a { color: #a3acb6; text-decoration: none; }
.home-story :focus-visible { outline: 3px solid #e0bb66; outline-offset: 3px; }

@media (max-width: 860px) {
  .home-band__inner { grid-template-columns: 1fr; gap: 26px; }
  .home-band--reverse .home-media { order: initial; }
  .home-copy { max-width: 680px; }
  .home-trust { grid-template-columns: 1fr 1fr; }
  .home-trust div { padding: 16px 18px 16px 0; }
  .home-trust div:nth-child(3) { border-left: 0; border-top: 1px solid #30363f; padding-left: 0; }
  .home-trust div:nth-child(4) { border-top: 1px solid #30363f; }
}

@media (max-width: 620px) {
  .home-band { padding: 50px 0; }
  .home-band__inner, .home-trust, .home-footer { width: calc(100% - 28px); }
  .home-copy h1 { font-size: 36px; }
  .home-copy h2 { font-size: 30px; }
  .home-copy p { font-size: 16px; }
  .home-actions .home-action { flex: 1 1 100%; }
  .home-trust { grid-template-columns: 1fr; }
  .home-trust div + div, .home-trust div:nth-child(3) { border-left: 0; border-top: 1px solid #30363f; padding-left: 0; }
  .home-footer { padding: 24px 0; align-items: flex-start; flex-direction: column; }
  .home-footer nav, .home-footer .home-languages { margin-left: 0; }
}