/* Sarv Golds — cinematic motion layer */
.logo .mk{width:52px;height:52px;object-fit:cover;border-radius:50%;box-shadow:0 0 16px rgba(217,178,106,.35);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.logo:hover .mk{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 24px rgba(243,211,145,.6)}
.slide .lbl .lm{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}
#intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#4a0e1e 0%,#1a0810 48%,#060203 100%);transition:opacity .9s ease,visibility .9s;cursor:pointer;overflow:hidden;--s:min(64vw,290px)}
#intro.out{opacity:0;visibility:hidden}
#intro.out .scene{transform:scale(1.9);opacity:0;transition:transform .9s cubic-bezier(.5,0,.8,.4),opacity .8s}
#intro .dust{position:absolute;inset:0;width:100%;height:100%}
#intro .vig{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.65) 100%);pointer-events:none}
#intro .scene{position:relative;width:var(--s);height:var(--s);perspective:1100px;transition:transform .9s,opacity .8s;margin-top:-6vh}
#intro .halo{position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(243,211,145,.38) 0%,rgba(217,178,106,.14) 35%,transparent 66%);opacity:0;animation:halo 5s .5s ease-out forwards}
#intro .float{position:absolute;inset:0;transform-style:preserve-3d;animation:ifloat 4.5s 3s ease-in-out infinite}
#intro .tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
#intro .coin{position:absolute;inset:0;transform-style:preserve-3d;opacity:0;animation:coin-in 2.7s .25s cubic-bezier(.12,.75,.18,1) forwards}
#intro .face,#intro .rim i{position:absolute;inset:0;border-radius:50%}
#intro .face{backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
#intro .face img{width:100%;height:100%;display:block;object-fit:cover}
#intro .front{transform:translateZ(9px)}
#intro .back{transform:rotateY(180deg) translateZ(9px)}
#intro .rim{position:absolute;inset:0;transform-style:preserve-3d}
#intro .rim i{background:conic-gradient(from 0deg,#8f6a2c,#f6e2a6,#b58a43,#fff0bd,#8f6a2c,#e7c777,#a07a36,#f6e2a6,#8f6a2c)}
#intro .glare{position:absolute;inset:0;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,transparent 38%,rgba(255,244,200,.6) 50%,transparent 62%);background-size:300% 100%;background-position:150% 0;animation:iglare 1.5s 2.7s ease-in-out forwards}
#intro .orbit{position:absolute;inset:-22%;border-radius:50%;border:1.5px solid rgba(243,211,145,.75);box-shadow:0 0 14px rgba(217,178,106,.5),inset 0 0 14px rgba(217,178,106,.25);transform-style:preserve-3d;opacity:0;animation:orb-in 1.4s 1.4s ease-out forwards}
#intro .orbit.o1{--rot:74deg 0deg}
#intro .orbit.o2{inset:-34%;border-color:rgba(139,26,48,.9);box-shadow:0 0 14px rgba(160,30,55,.6);--rot:74deg 62deg;animation-delay:1.7s}
#intro .orbit i{position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fff3c4;box-shadow:0 0 12px 4px rgba(255,225,140,.95)}
#intro .orbit.o2 i{background:#ffb3c0;box-shadow:0 0 12px 4px rgba(220,60,90,.9)}
#intro .spin{position:absolute;inset:0;border-radius:50%;animation:ospin 6s linear infinite}
#intro .o2 .spin{animation-duration:9s;animation-direction:reverse}
#intro .wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,230,160,.9);opacity:0;animation:wave 1.4s 2.55s ease-out forwards}
#intro .shadow{position:absolute;left:12%;right:12%;bottom:-24%;height:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(217,178,106,.4),transparent 70%);filter:blur(6px);opacity:0;animation:ishadow 1.5s 2.4s forwards}
#intro .nm{position:absolute;left:0;right:0;bottom:15%;text-align:center;color:#e4c27d;pointer-events:none}
#intro .nm b{display:block;font-size:30px;opacity:0;filter:blur(10px);animation:nm-in 1.2s 2.9s cubic-bezier(.2,.8,.2,1) forwards;text-shadow:0 0 22px rgba(217,178,106,.5)}
#intro .nm small{display:block;margin-top:8px;font-size:12px;direction:ltr;color:#bda987;opacity:0;letter-spacing:.1em;animation:sm-in 1.6s 3.2s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes coin-in{0%{opacity:0;transform:translateZ(-900px) rotateY(-1080deg) rotateX(35deg) scale(.5)}30%{opacity:1}100%{opacity:1;transform:translateZ(0) rotateY(0) rotateX(0) scale(1)}}
@keyframes ifloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes halo{0%{opacity:0;transform:scale(.4)}45%{opacity:1}100%{opacity:.8;transform:scale(1)}}
@keyframes iglare{to{background-position:-60% 0}}
@keyframes orb-in{0%{opacity:0;transform:rotateX(74deg) scale(.3)}100%{opacity:1;transform:rotateX(74deg) scale(1)}}
@keyframes ospin{to{transform:rotate(360deg)}}
@keyframes wave{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
@keyframes ishadow{to{opacity:1}}
@keyframes nm-in{to{opacity:1;filter:blur(0)}}
@keyframes sm-in{to{opacity:1;letter-spacing:.5em}}
.rv{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.tilting{transition:transform .08s linear,border-color .3s,box-shadow .3s!important}
.tilting::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,236,180,.16),transparent 55%)}
.emblem{display:none}
@media(min-width:1000px){.emblem{display:block;position:absolute;z-index:3;left:5%;bottom:9%;width:190px;height:190px;pointer-events:none;perspective:800px}
.emblem img{width:100%;height:100%;object-fit:cover;border-radius:16%;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .25s ease-out;box-shadow:0 0 0 1px rgba(217,178,106,.55),0 18px 40px rgba(0,0,0,.6),0 0 30px rgba(217,178,106,.3);animation:float 6s ease-in-out infinite}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(prefers-reduced-motion:reduce){#intro{display:none}.rv{opacity:1;transform:none;transition:none}.emblem img{animation:none}}
