/* RKH extra: logo hero + animasi + elemen tambahan */
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hi img{opacity:.28}
/* logo card */
.hl{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:1;animation:flt 6s ease-in-out infinite,up .9s .3s cubic-bezier(.2,.7,.2,1) backwards}
.hl-g{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(circle,rgba(214,166,79,.38),rgba(73,97,59,.2) 55%,transparent 70%);filter:blur(18px);animation:gl 4s ease-in-out infinite}
.hl-b{position:absolute;inset:0;border-radius:30px;overflow:hidden;transition:transform .15s ease-out;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.hl-b:before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:conic-gradient(transparent 0 62%,#D6A64F 82%,#fff1c4 94%,transparent);animation:rot 6s linear infinite}
.hl-in{position:absolute;inset:3px;border-radius:27px;background:#000;overflow:hidden}
.hl-in img{width:100%;height:100%;object-fit:contain;border-radius:0}
.hl-sh{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translateX(-130%);animation:shn 5s 2s infinite}
.hl-o{position:absolute;inset:-28px;border-radius:50%;animation:rot 16s linear infinite;pointer-events:none}
.hl-o i{position:absolute;width:9px;height:9px;border-radius:50%;background:#D6A64F;box-shadow:0 0 14px 3px rgba(214,166,79,.8)}
.hl-o i:nth-child(1){top:0;left:50%}.hl-o i:nth-child(2){bottom:12%;right:6%;width:6px;height:6px}.hl-o i:nth-child(3){bottom:8%;left:10%;width:7px;height:7px;background:#7fae5f;box-shadow:0 0 12px 3px rgba(127,174,95,.8)}
@keyframes flt{50%{transform:translateY(-12px)}}
@keyframes gl{50%{opacity:.55;transform:scale(1.08)}}
@keyframes rot{to{transform:rotate(360deg)}}
@keyframes shn{to{transform:translateX(130%)}}
/* daun jatuh */
.lf{position:absolute;top:-30px;z-index:1;pointer-events:none;border-radius:0 100% 0 100%;background:linear-gradient(135deg,#5f8a45,#2f4a25);opacity:.7;animation:fall linear infinite}
@keyframes fall{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(40px,55vh,0) rotate(180deg)}100%{transform:translate3d(-20px,115vh,0) rotate(360deg);opacity:0}}
/* marquee */
.mq{overflow:hidden;margin-top:46px;border-block:1px solid var(--bd);background:var(--card);padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq div{display:flex;width:max-content;animation:mqs 28s linear infinite}
.mq:hover div{animation-play-state:paused}
.mq span{font-family:var(--fh);font-size:20px;color:var(--ae);letter-spacing:.14em;white-space:nowrap;padding:0 22px}
.mq span:nth-child(even){color:var(--go);font-size:14px}
@keyframes mqs{to{transform:translateX(-50%)}}
[dir=rtl] .mq div{animation-direction:reverse}
/* splash */
#sp{position:fixed;inset:0;z-index:100;background:#2B170F;display:flex;align-items:center;justify-content:center;transition:opacity .6s,visibility .6s}
#sp.x{opacity:0;visibility:hidden}
#sp img{width:120px;height:120px;border-radius:26px;animation:spp 1.2s ease-in-out infinite}
@keyframes spp{50%{transform:scale(1.1);box-shadow:0 0 50px rgba(214,166,79,.6)}}
/* polesan kecil */
.lg img{transition:transform .6s}.lg:hover img{transform:rotate(360deg)}
.fcard .im2{position:relative}
.fcard .im2:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:translateX(-120%);transition:transform .8s}
.fcard:hover .im2:after{transform:translateX(120%)}
.pc .im span{animation:flt 5s ease-in-out infinite}
.st{border-color:var(--go)}
.b1{background-size:200% 100%}
/* responsive */
@media(max-width:900px){
.hero .w{grid-template-columns:1fr;gap:30px}
.hl{order:-1;width:min(270px,66vw)}
.hl-g{inset:-20px}.hl-o{inset:-18px}
.hx{max-width:none}
.hi{display:block;inset:0}
}
@media(max-width:700px){.mq span{font-size:16px;padding:0 14px}.mq{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.hl,.hl-g,.hl-b:before,.hl-sh,.hl-o,.lf,.mq div,.pc .im span{animation:none!important}#sp{display:none}}