.fun-ui-prototype {
  background: #ffffff;
  color: #1d1d1f;
  min-height: 100vh;
  overflow-x: hidden;
}

.fun-ui-prototype .home-navbar,
.fun-ui-prototype .minimal-footer,
.fun-ui-prototype .footer {
  display: none !important;
}

.fun-ui-prototype a {
  color: inherit;
}

.fun-ui-prototype .g-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff6b00;
  font-family: inherit;
  font-size: 0;
  line-height: 1;
}

.fun-ui-prototype .g-btn .material-symbols-outlined {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 40;
}

.fun-ui-prototype .hero-section {
  min-height: clamp(500px, 58vh, 640px);
  padding-top: clamp(80px, 10vh, 110px);
  padding-bottom: clamp(48px, 6vh, 72px);
}

.fun-ui-prototype .hero-section > img {
  object-position: center 42%;
}

.fun-ui-prototype .fantasy-icon span,
.fun-ui-prototype .agent-icon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-size: 0.92em;
  font-weight: 800;
}

@media (max-width: 768px) {
  .fun-ui-prototype {
    padding-top: 72px;
  }

  .fun-ui-prototype .hero-section {
    min-height: clamp(420px, 62vh, 520px);
    padding-top: 72px;
    padding-bottom: 48px;
  }
}