.hero-facts {
  width: min(840px, calc(100% - 80px));
  bottom: 82px;
  gap: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-align: center;
  isolation: isolate;
}
.hero-facts::before {
  content: "";
  position: absolute;
  inset: -20px -45px;
  z-index: -1;
  background: radial-gradient(ellipse, #071a168c 10%, transparent 72%);
  pointer-events: none;
}
.hero-fact {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  min-height: 132px;
  text-shadow: 0 2px 14px #071a16;
}
.hero-fact + .hero-fact { border: 0; }
.hero-fact + .hero-fact::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28%;
  height: 44%;
  width: 1px;
  background: linear-gradient(transparent, #e6dcbc66, transparent);
}
.hero-fact > .material-symbols-outlined {
  width: 24px;
  height: 24px;
  font-size: 23px;
  color: #ded1a8;
  font-variation-settings: 'FILL' 0, 'wght' 200;
}
.hero-fact strong {
  color: #f6f3e8;
  font: 400 2.8rem/1 var(--serif);
  letter-spacing: -0.025em;
}
.hero-fact strong small {
  color: #ded1a8;
  font: italic 400 1.05rem/1 var(--serif);
  text-transform: none;
  letter-spacing: 0;
}
.hero-fact div > span {
  margin-top: 7px;
  color: #f0ebdc;
  font-size: 0.7rem;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.hero-fact .fact-note {
  margin-top: 4px;
  color: #cbcbb9;
  font: 400 0.62rem/1.4 var(--sans);
}
.hero-content { padding-bottom: 225px; }
@media (min-width: 601px) and (max-width: 900px) {
  .hero-facts { width: calc(100% - 54px); }
  .hero-fact { padding-inline: 8px; }
  .hero-fact strong { font-size: 2.2rem; }
  .hero-fact div > span { font-size: 0.59rem; }
}
@media (max-width: 600px) {
  .hero-facts { bottom: 88px; width: calc(100% - 40px); gap: 16px 0; }
  .hero-fact { min-height: 114px; padding: 4px 8px; gap: 5px; }
  .hero-fact strong { font-size: 2.3rem; }
  .hero-fact div > span { font-size: 0.61rem; letter-spacing: 0.06em; }
  .hero-fact .fact-note { font-size: 0.57rem; }
  .hero-fact:nth-child(even), .hero-fact:nth-child(n + 3) { border: 0; }
  .hero-fact:nth-child(3)::before { display: none; }
  .hero-content { padding-bottom: 380px; }
}
.hero {
  margin-inline: 0;
  width: 100%;
  min-height: calc(100vh - var(--home-header-height, 105px));
  min-height: calc(100svh - var(--home-header-height, 105px));
}
@media (min-width: 801px) and (max-width: 1300px) {
  .hero { --home-header-height: 134px; }
}
@media (max-width: 800px) {
  .hero { --home-header-height: 80px; }
}