/* Főoldali fejléc: a kép és a szöveg egy közös, kompakt hero-részben marad. */
body[data-page="index"] .home-hero{position:relative;display:block;min-height:clamp(500px,58vw,690px);overflow:hidden;isolation:isolate;background:#080609}
body[data-page="index"] .home-hero::before{display:block;content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#080609f5 0%,#080609d9 31%,#0806097f 53%,#08060916 76%),linear-gradient(0deg,#080609e6 0%,transparent 38%);pointer-events:none}
body[data-page="index"] .home-hero .hero-visual{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:1;line-height:0;overflow:hidden}
body[data-page="index"] .home-hero .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;animation:none;transform:none}
body[data-page="index"] .home-hero .hero-copy{position:relative;z-index:1;width:min(650px,48vw);max-width:none;margin:0;padding:42px 0 88px 7%}
body[data-page="index"] .home-hero h1{font-size:clamp(46px,4.7vw,67px);line-height:1.01;margin:18px 0 22px}
body[data-page="index"] .home-hero .hero-intro{font-size:17px;line-height:1.55}
body[data-page="index"] .home-hero .scroll-cue{position:absolute;z-index:1;right:7%;bottom:20px;margin:0}
@media(min-width:1500px){body[data-page="index"] .home-hero .hero-copy{padding-top:50px}body[data-page="index"] .home-hero h1{font-size:68px}}
@media(max-width:960px){body[data-page="index"] .home-hero{min-height:580px}body[data-page="index"] .home-hero .hero-copy{width:min(620px,67vw);padding-top:38px}body[data-page="index"] .home-hero h1{font-size:clamp(44px,6.4vw,62px)}}
@media(max-width:680px){body[data-page="index"] .home-hero{min-height:610px}body[data-page="index"] .home-hero::before{background:linear-gradient(0deg,#080609f7 0%,#080609dc 42%,#0806096e 73%,#08060922 100%)}body[data-page="index"] .home-hero .hero-visual img{object-position:58% center}body[data-page="index"] .home-hero .hero-copy{width:auto;max-width:none;padding:205px 24px 72px}body[data-page="index"] .home-hero h1{font-size:47px;line-height:1.03;margin:16px 0 20px}body[data-page="index"] .home-hero .hero-intro{font-size:15px}body[data-page="index"] .home-hero .scroll-cue{right:24px;bottom:16px}}

/* Ornate hero header + decorative scroll cue inspired by the user's references */
body[data-page="index"] .home-hero .hero-copy{padding-top:34px}
body[data-page="index"] .hero-sigil{display:inline-flex;align-items:center;gap:16px;margin:0 0 18px 4px;color:#f18ab5;filter:drop-shadow(0 0 12px rgba(233,98,148,.35))}
body[data-page="index"] .hero-sigil .line{width:74px;height:1px;background:linear-gradient(90deg,transparent,#d15a89,transparent)}
body[data-page="index"] .hero-sigil .moon{font-size:20px;line-height:1}
body[data-page="index"] .hero-title-shell{position:relative;max-width:640px}
body[data-page="index"] .hero-title-glow{position:absolute;inset:7% -5% -8% -6%;pointer-events:none;border-radius:46px;background:radial-gradient(circle at 50% 0%,rgba(230,76,132,.17),transparent 46%),radial-gradient(circle at 50% 100%,rgba(162,49,94,.14),transparent 38%);filter:blur(20px)}
body[data-page="index"] .hero-title-frame{position:relative;padding:28px 32px 32px;border:1px solid rgba(183,77,120,.46);border-radius:36px;background:linear-gradient(145deg,rgba(20,10,19,.58),rgba(10,6,11,.78));backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px rgba(255,173,210,.08),0 0 34px rgba(96,24,57,.2)}
body[data-page="index"] .hero-title-frame::before,body[data-page="index"] .hero-title-frame::after{content:'';position:absolute;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,122,171,.66),transparent)}
body[data-page="index"] .hero-title-frame::before{top:14px}
body[data-page="index"] .hero-title-frame::after{bottom:14px}
body[data-page="index"] .hero-kicker,body[data-page="index"] .hero-title-sub{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#dfb8c8;text-align:center;margin:0}
body[data-page="index"] .hero-kicker{margin-bottom:12px}
body[data-page="index"] .hero-title-sub{margin:10px 0 16px}
body[data-page="index"] .home-hero h1{text-align:center;text-shadow:0 0 24px rgba(255,149,192,.12)}
body[data-page="index"] .home-hero .mini-ornament{text-align:center;letter-spacing:8px;margin-bottom:14px}
body[data-page="index"] .home-hero .hero-intro{max-width:none;text-align:center}
body[data-page="index"] .home-hero .actions{justify-content:center}
body[data-page="index"] .home-hero .hero-caption{justify-content:center}

body[data-page="index"] .home-hero .scroll-cue.ornate-scroll{right:5.8%;bottom:10px;width:295px;max-width:calc(100vw - 44px);display:grid;justify-items:center;gap:0;color:#f8dbe5;text-shadow:0 0 16px rgba(236,97,155,.5)}
body[data-page="index"] .ornate-scroll .scroll-orbit{position:absolute;top:18px;width:120px;height:120px;border:2px solid rgba(229,183,219,.35);border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-radius:50%;filter:drop-shadow(0 0 10px rgba(255,171,213,.34))}
body[data-page="index"] .ornate-scroll .orbit-left{left:28px;transform:rotate(-7deg)}
body[data-page="index"] .ornate-scroll .orbit-right{right:28px;transform:rotate(7deg)}
body[data-page="index"] .ornate-scroll .scroll-dots{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:222px;height:78px;pointer-events:none}
body[data-page="index"] .ornate-scroll .scroll-dots i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fce2ef;box-shadow:0 0 12px #ff98c6,0 0 5px rgba(255,255,255,.55)}
body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(1){left:6px;top:44px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(2){left:28px;top:26px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(3){left:55px;top:12px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(4){left:84px;top:3px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(5){left:107px;top:0;width:10px;height:10px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(6){right:84px;top:3px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(7){right:55px;top:12px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(8){right:28px;top:26px}body[data-page="index"] .ornate-scroll .scroll-dots i:nth-child(9){right:6px;top:44px}
body[data-page="index"] .ornate-scroll .scroll-core{position:relative;display:grid;justify-items:center;padding-top:22px;z-index:1}
body[data-page="index"] .ornate-scroll .scroll-moon{font-size:32px;line-height:1;color:#ff8ebd;filter:drop-shadow(0 0 10px rgba(255,100,167,.5))}
body[data-page="index"] .ornate-scroll .scroll-arrows{font-size:18px;line-height:.8;color:#fcb6d4;margin-top:2px;letter-spacing:1px;animation:scrollPulse 2.6s ease-in-out infinite}
body[data-page="index"] .ornate-scroll .scroll-label{position:relative;z-index:1;margin-top:6px;font-size:20px;line-height:1.12;letter-spacing:.09em;text-transform:uppercase;text-align:center;color:#f7e7ee;font-family:var(--serif)}
body[data-page="index"] .ornate-scroll .scroll-flourish{position:relative;width:100%;height:42px;margin-top:10px}
body[data-page="index"] .ornate-scroll .scroll-flourish::before{content:'✦';position:absolute;left:50%;top:12px;transform:translateX(-50%);font-size:18px;color:#ff98c8;text-shadow:0 0 18px rgba(255,110,175,.7)}
body[data-page="index"] .ornate-scroll .scroll-flourish::after{content:'';position:absolute;left:0;right:0;top:22px;height:2px;background:radial-gradient(circle at center,#ff7cb3 0 3px,transparent 4px),linear-gradient(90deg,transparent 0 2%,rgba(229,74,143,.7) 9%,rgba(249,129,188,.95) 50%,rgba(229,74,143,.7) 91%,transparent 98%);mask:radial-gradient(circle at 6% 50%,transparent 0 12px,#000 13px),radial-gradient(circle at 94% 50%,transparent 0 12px,#000 13px),linear-gradient(#000 0 0);-webkit-mask:radial-gradient(circle at 6% 50%,transparent 0 12px,#000 13px),radial-gradient(circle at 94% 50%,transparent 0 12px,#000 13px),linear-gradient(#000 0 0);box-shadow:0 0 16px rgba(243,88,158,.45)}
@keyframes scrollPulse{0%,100%{transform:translateY(0);opacity:.78}50%{transform:translateY(7px);opacity:1}}

@media(max-width:960px){
 body[data-page="index"] .hero-title-frame{padding:24px 24px 28px}
 body[data-page="index"] .home-hero .scroll-cue.ornate-scroll{right:20px;width:250px}
 body[data-page="index"] .ornate-scroll .scroll-label{font-size:18px}
}
@media(max-width:680px){
 body[data-page="index"] .home-hero .hero-copy{padding-top:168px}
 body[data-page="index"] .hero-sigil{display:none}
 body[data-page="index"] .hero-title-frame{padding:20px 18px 24px;border-radius:28px}
 body[data-page="index"] .hero-kicker,body[data-page="index"] .hero-title-sub{font-size:9px;letter-spacing:.22em}
 body[data-page="index"] .home-hero .scroll-cue.ornate-scroll{right:50%;transform:translateX(50%);bottom:8px;width:240px}
 body[data-page="index"] .ornate-scroll .scroll-orbit{width:104px;height:104px;top:16px}
 body[data-page="index"] .ornate-scroll .orbit-left{left:18px}
 body[data-page="index"] .ornate-scroll .orbit-right{right:18px}
 body[data-page="index"] .ornate-scroll .scroll-label{font-size:16px}
}