/* LUXURIA motion: slow, soft, never flashy */
@keyframes lux-fade{from{opacity:0}to{opacity:1}}
@keyframes lux-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lux-glow{0%,100%{box-shadow:0 0 0 rgba(184,149,90,0)}50%{box-shadow:0 0 22px rgba(184,149,90,.28)}}
html{scroll-behavior:smooth}
body{animation:lux-fade .7s ease both}
header{position:relative}
header::after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#b8955a,transparent);transform-origin:center;animation:lux-line 1.4s .3s ease both}
.logo-slot img{animation:lux-fade 1.2s .1s ease both}
.lux-pre{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--lux-d,0s)}
.lux-in{opacity:1;transform:none}
.item,.prog,.line,.lesson img,.cta,.btn,.side a{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s,background .4s,color .4s}
.item img,.prog .cover img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.item:hover,.prog:hover{transform:translateY(-4px);border-color:#d8c39a;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.item:hover img,.prog:hover .cover img{transform:scale(1.045)}
.item,.prog{overflow:hidden}
.line:hover{border-color:#d8c39a;transform:translateY(-3px)}
.lesson:hover{background:rgba(184,149,90,.07)}
.lesson:hover img{transform:scale(1.04)}
.lesson img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cta:hover,.btn:hover{border-color:#d8c39a;background:rgba(184,149,90,.14)}
.btn.on{animation:lux-glow 3.2s ease-in-out infinite}
.side a:hover{padding-inline-start:6px;color:#d8c39a}
details.mod[open]>summary{border-bottom:1px solid rgba(184,149,90,.35)}
#bar{transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .lux-pre{opacity:1!important;transform:none!important}
}