.white-intro-story {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  color: #000;
  background: #fff;
  --ian-gradient: linear-gradient(100deg, #ff771b 0%, #ffae2c 21%, #ffd768 37%, #eff0bb 53%, #b3e7df 66%, #41bedc 82%, #2698df 100%);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.white-intro-story * { box-sizing: border-box; }



.white-intro-story button { font: inherit; }
.white-intro-story ::selection { color: #000; background: #b3e7df; }
.white-intro-story { position: relative; height: 500vh; height: 500svh; }
.white-intro-story.has-registration-zoom { height: 600vh; height: 600svh; }
.white-intro-stage { position: sticky; top: 0; width: 100%; height: 100vh; height: 100svh; overflow: hidden; background: #fff; }
.white-intro-scenes { position: relative; width: 100%; height: 100%; }
.white-intro-scene {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 5vw 5rem;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 2rem, 0);
  will-change: transform, opacity;
}
.white-intro-scene.is-active { opacity: 1; transform: none; }
.white-intro-headline {
  margin: 0;
  max-width: 100%;
  color: #000;
  font-weight: 650;
  letter-spacing: -.06em;
  line-height: 1.12;
  text-align: center;
}
.white-intro-headline--short { font-size: clamp(5rem, 15vw, 14rem); }
.white-intro-headline--workplace { font-size: clamp(3rem, 12.4vw, 12rem); }
.white-intro-headline--brand { font-size: clamp(3rem, 10.6vw, 10.75rem); white-space: nowrap; }
.white-intro-headline--closing { font-size: clamp(2rem, 6.7vw, 6.5rem); line-height: 1.13; letter-spacing: -.055em; }
.white-intro-headline--closing > span { display: block; }
.white-intro-scene--invitation { flex-direction: column; gap: clamp(.875rem, 1.5vw, 1.5rem); }
.white-intro-headline--invitation { font-size: clamp(2rem, 6.3vw, 6rem); line-height: 1.12; white-space: nowrap; transform-origin: center; }
.has-registration-zoom .white-intro-headline--invitation { will-change: transform; }
.white-intro-headline--invitation > span { display: block; }
.white-intro-invitation-copy { max-width: 33em; margin: 0; padding: 0 .25rem; font-size: clamp(1.25rem, 2.8vw, 2.5rem); font-weight: 600; line-height: 1.25; letter-spacing: -.035em; text-align: center; text-wrap: balance; }
/* A nagy felirat mögül érkezik: a zsugorodás végén úszik be. */
.has-registration-zoom .white-intro-invitation-copy { opacity: 0; }
.white-intro-gradient {
  display: inline-block;
  background-image: var(--ian-gradient);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  padding: .075em .055em .1em;
  margin: -.075em -.055em -.1em;
}
.white-intro-answer { white-space: nowrap; }
.white-intro-smile { letter-spacing: -.08em; }
.white-intro-scroll-cue {
  position: absolute;
  z-index: 2;
  bottom: max(2rem, env(safe-area-inset-bottom));
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  min-width: 10rem;
  width: max-content;
  max-width: calc(100% - 2rem);
  min-height: 3rem;
  padding: .25rem .75rem;
  border: 0;
  border-radius: .5rem;
  background: transparent;
  color: #6c6c70;
  font-size: .875rem;
  text-align: center;
  letter-spacing: -.01em;
  cursor: pointer;
  transform: translateX(-50%);
  transition: opacity .2s;
}
.white-intro-scroll-cue:hover { color: #000; }
.white-intro-scroll-cue:focus-visible { outline: 2px solid #2698df; outline-offset: 4px; }
.white-intro-scroll-cue svg { animation: white-intro-nudge 2s ease-in-out infinite; }
.white-intro-scroll-cue[hidden] { display: none; }
@keyframes white-intro-nudge { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(4px); } }
@media (max-width: 600px) {
  .white-intro-scene { padding: 2rem 6vw 4rem; }
  .white-intro-headline--short { font-size: clamp(4.5rem, 20vw, 7rem); }
  .white-intro-headline--workplace { font-size: clamp(2.5rem, 13vw, 4.5rem); }
  .white-intro-headline--brand { font-size: clamp(2.2rem, 11.6vw, 4rem); }
  .white-intro-headline--closing { font-size: clamp(1.65rem, 7.9vw, 2.8rem); }
  .white-intro-headline--invitation { font-size: clamp(1.6rem, 8.5vw, 3rem); }
  .white-intro-invitation-copy { max-width: 20em; font-size: clamp(1.125rem, 5vw, 1.5rem); }
  .white-intro-scroll-cue { bottom: max(1.5rem, env(safe-area-inset-bottom)); }
}
@media (max-height: 450px) and (min-width: 601px) {
  .white-intro-headline--short, .white-intro-headline--workplace { font-size: 25vh; }
  .white-intro-headline--brand { font-size: 20vh; }
  .white-intro-headline--closing { font-size: 11vh; }
  .white-intro-headline--invitation { font-size: 12vh; }
  .white-intro-scene--invitation { gap: .625rem; }
  .white-intro-invitation-copy { font-size: clamp(1rem, 5vh, 1.5rem); }
  .white-intro-scene { padding-bottom: 3rem; }
  .white-intro-scroll-cue { bottom: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .white-intro-scene { transform: none !important; will-change: opacity; }
  .white-intro-scroll-cue { transition: none; }
  .white-intro-scroll-cue svg { animation: none; }
}
@media (forced-colors: active) {
  .white-intro-gradient { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
}