/* v29 — stable bilingual shine, compact orbit labels, staged post-intro entrance */

/* Prevent stale translated text from being painted by the old duplicated shine layer. */
.display-script > span::after,
.display-script > em::after{display:none!important;content:none!important}

/* Shine is now painted directly inside the current text, so it always matches the active language. */
.display-script > span,
.display-script > em{
  background-size:260% 100%!important;
  background-position:130% 0!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  animation:dnTitleWave 7.2s cubic-bezier(.22,.61,.36,1) infinite!important;
}
.display-script > span{
  background-image:linear-gradient(108deg,#f8fbff 0%,#f8fbff 37%,#d9f5ff 45%,#ffffff 50%,#8fe8ff 55%,#f8fbff 64%,#f8fbff 100%)!important;
  color:transparent!important;
}
.display-script > em{
  background-image:linear-gradient(108deg,#ffffff 0%,#d8f7ff 35%,#ffffff 45%,#a7eeff 51%,#b9a9ff 57%,#ffffff 66%,#dff9ff 100%)!important;
  color:transparent!important;
  animation-delay:.14s!important;
}
html[data-theme="light"] .display-script > span{
  background-image:linear-gradient(108deg,#173653 0%,#173653 37%,#275f8f 45%,#0e2741 50%,#3f76a9 55%,#173653 64%,#173653 100%)!important;
  filter:drop-shadow(0 7px 15px rgba(22,55,87,.14));
}
html[data-theme="light"] .display-script > em{
  background-image:linear-gradient(108deg,#122f4b 0%,#255f8e 36%,#12314f 45%,#0b759d 51%,#6b58b7 57%,#1b466b 67%,#122f4b 100%)!important;
  filter:drop-shadow(0 8px 18px rgba(20,64,100,.18));
}
@keyframes dnTitleWave{0%,62%{background-position:130% 0}82%,100%{background-position:-125% 0}}

/* English uses a controlled script face but never changes the layout footprint. */
html[lang="en"] .display-script{font-size:clamp(46px,5.6vw,72px)!important;line-height:1.12!important;max-width:690px!important}
html[lang="en"] .display-script > span,
html[lang="en"] .display-script > em{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;letter-spacing:-.035em!important;line-height:1.22!important;min-height:1.22em!important;padding:.08em .03em .13em!important}

/* Stable, compact labels around the Mandegar circle. */
.planet button{width:104px!important;min-width:104px!important;font-size:9.6px!important;line-height:1.38!important;padding:8px 7px!important;text-wrap:balance;overflow-wrap:normal!important;word-break:normal!important}
html[lang="en"] .planet button{width:108px!important;min-width:108px!important;font-size:9px!important;line-height:1.3!important}

/* Stronger, mixed entrance sequence after the intro has fully left. */
body:not(.page-ready) .site-header,
body:not(.page-ready) .hero-copy .eyebrow,
body:not(.page-ready) .hero-copy .display-script,
body:not(.page-ready) .hero-copy>p,
body:not(.page-ready) .hero-copy .actions,
body:not(.page-ready) .hero-copy .metrics,
body:not(.page-ready) .hero-art,
body:not(.page-ready) .scroll-hint,
body:not(.page-ready) .access>a{
  opacity:0;
  pointer-events:none;
}
body:not(.page-ready) .site-header{transform:translate(-50%,-28px) scale(.97);filter:blur(10px)}
body:not(.page-ready) .hero-copy .eyebrow{transform:translateY(18px);filter:blur(8px)}
body:not(.page-ready) .hero-copy .display-script{transform:translateX(46px) scale(.96);filter:blur(12px)}
body:not(.page-ready) .hero-copy>p{transform:translateY(26px);filter:blur(8px)}
body:not(.page-ready) .hero-copy .actions{transform:translateY(24px) scale(.96);filter:blur(6px)}
body:not(.page-ready) .hero-copy .metrics{transform:translateY(30px);filter:blur(8px)}
body:not(.page-ready) .hero-art{transform:scale(.82) rotate(-3deg);filter:blur(14px)}
body:not(.page-ready) .scroll-hint{transform:translateY(18px);filter:blur(5px)}
body:not(.page-ready) .access>a:nth-child(odd){transform:translateY(34px) rotate(2deg) scale(.94);filter:blur(9px)}
body:not(.page-ready) .access>a:nth-child(even){transform:translateY(34px) rotate(-2deg) scale(.94);filter:blur(9px)}

body.page-ready .site-header{animation:dnHeaderIn .85s .03s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .hero-copy .eyebrow{animation:dnSoftUp .75s .16s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .hero-copy .display-script{animation:dnTitleIn 1s .27s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .hero-copy>p{animation:dnSoftUp .8s .43s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .hero-copy .actions{animation:dnSoftUp .78s .56s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .hero-copy .metrics{animation:dnSoftUp .78s .68s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .hero-art{animation:dnArtIn 1.18s .34s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .scroll-hint{animation:dnSoftUp .7s 1.08s both}
body.page-ready .access>a:nth-child(1){animation:dnCardIn .8s .84s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .access>a:nth-child(2){animation:dnCardIn .8s .94s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .access>a:nth-child(3){animation:dnCardIn .8s 1.04s cubic-bezier(.16,.84,.26,1) both}
body.page-ready .access>a:nth-child(4){animation:dnCardIn .8s 1.14s cubic-bezier(.16,.84,.26,1) both}
@keyframes dnHeaderIn{from{opacity:0;transform:translate(-50%,-28px) scale(.97);filter:blur(10px)}to{opacity:1;transform:translate(-50%,0) scale(1);filter:none}}
@keyframes dnSoftUp{from{opacity:0;transform:translateY(25px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@keyframes dnTitleIn{0%{opacity:0;transform:translateX(52px) scale(.95);filter:blur(14px)}65%{opacity:1;transform:translateX(-3px) scale(1.01);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes dnArtIn{0%{opacity:0;transform:scale(.8) rotate(-4deg);filter:blur(15px)}65%{opacity:1;transform:scale(1.025) rotate(.5deg);filter:none}100%{opacity:1;transform:none;filter:none}}
@keyframes dnCardIn{0%{opacity:0;transform:translateY(36px) rotate(2deg) scale(.93);filter:blur(10px)}65%{opacity:1;transform:translateY(-4px) rotate(-.4deg) scale(1.01);filter:none}100%{opacity:1;transform:none;filter:none}}

@media(max-width:760px){
  html[lang="en"] .display-script{font-size:clamp(36px,10.2vw,47px)!important;line-height:1.08!important;max-width:100%!important}
  .planet button{width:auto!important;min-width:0!important;font-size:10px!important;padding:9px 7px!important}
  html[lang="en"] .planet button{width:auto!important;min-width:0!important;font-size:9.1px!important}
  body:not(.page-ready) .hero-art{transform:translateY(28px) scale(.9);filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){
  .display-script > span,.display-script > em{animation:none!important}
  body.page-ready .site-header,body.page-ready .hero-copy>*,body.page-ready .hero-art,body.page-ready .scroll-hint,body.page-ready .access>a{animation-duration:.01ms!important;animation-delay:0s!important}
}
.logo-core span{max-width:130px;line-height:1.65!important;font-size:11px!important;padding-inline:8px;text-wrap:balance}
.mandegar-center span{display:block;max-width:145px;margin:9px auto 0;font-size:10px;line-height:1.55;color:#d9f7ff;text-align:center;text-wrap:balance}
html[data-theme="light"] .mandegar-center span{color:#173d62}
@media(max-width:760px){.logo-core span{max-width:112px;font-size:9.3px!important}.mandegar-center span{max-width:124px;font-size:8.7px}}
