/* OB Motion – kezdőállapot csak JS-sel, hogy JS nélkül minden látsszon. */
.ob-js:not(.ob-ready) :is(.ob-lines, .ob-enter) { opacity: 0; }
.ob-line { padding-bottom: .08em; margin-bottom: -.08em; }
.ob-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.ob-marquee > * { display: flex; width: max-content; animation: ob-marquee 40s linear infinite; }
.ob-marquee:hover > * { animation-play-state: paused; }
@keyframes ob-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .ob-js:not(.ob-ready) :is(.ob-lines, .ob-enter) { opacity: 1; }
  .ob-marquee > * { animation: none; }
}

/* Fejléc: a menü az oldal közepén legyen, ne a logó és a gomb közötti sáv közepén (desktop) */
@media (min-width: 1025px) {
	.site-head { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	.site-head > .site-logo { justify-self: start; }
	.site-head > .site-nav { justify-self: center; }
	.site-head > :last-child { justify-self: end; }
}

/* 6.6 globális csökkentett mozgás: minden CSS-animáció és átmenet azonnal a végállapotba ugrik. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
}

/* 6.6 hero (LCP): az első szakasz .ob-enter elemei CSS-sel úsznak be, nem várnak a GSAP-ra,
   így a legnagyobb szöveges elem (LCP) az első festéssel együtt megjelenik. A soronkénti címanimáció marad. */
@keyframes ob-hero-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.ob-js :is(.entry-content > section:first-child, .entry-content > :first-child > section:first-child) .ob-enter { opacity: 1 !important; animation: ob-hero-in .6s cubic-bezier(.23,1,.32,1) .15s both; }
.ob-js :is(.entry-content > section:first-child, .entry-content > :first-child > section:first-child) .ob-enter ~ .ob-enter { animation-delay: .25s; }
@media (prefers-reduced-motion: reduce) { .ob-js :is(.entry-content > section:first-child, .entry-content > :first-child > section:first-child) .ob-enter { animation: none; } }