@keyframes cin-hint{0%{left:-100%}50%{left:0}to{left:100%}}html{overflow-y:scroll;overflow-x:clip}#cinematic-hero-stage{position:relative;width:100%;height:450vh;background:#000}#cinematic-canvas-wrapper{position:sticky;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;z-index:1;overflow:hidden;background:0 0}.cinematic-bg-image{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-image:url(/image/mum.avif);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(6px) brightness(.6);z-index:-1}#cinematic-canvas{width:90%;max-width:1000px;aspect-ratio:16/9;border-radius:16px;background:#000;box-shadow:0 10px 40px rgba(0,0,0,.8);display:none;opacity:1;position:relative;z-index:2}@media (max-width:768px){#cinematic-canvas-wrapper{height:100dvh;gap:20px}#cinematic-canvas{width:95%;border-radius:8px}.cinematic-bg-image{background-image:url(/image/mum_mobil.avif)}}#cinematic-atmosphere,#cinematic-hero-overlay{position:sticky;top:0;left:0;width:100%;height:100vh;pointer-events:none}#cinematic-atmosphere{z-index:2;display:none}.atm-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.5) 100%)}.atm-bottom-grad,.atm-top-grad{position:absolute;left:0;right:0}.atm-top-grad{top:0;height:160px;background:linear-gradient(to bottom,rgba(0,0,0,.6)0,transparent 100%)}.atm-bottom-grad{bottom:0;height:200px;background:linear-gradient(to top,rgba(0,0,0,.9)0,transparent 100%)}#cinematic-hero-overlay{z-index:3;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 8vh 6vw;opacity:0;transition:opacity .8s ease}.cin-hero-text-wrap{text-align:left;max-width:520px;pointer-events:auto}.cin-hero-title{font-family:"Clash Display",sans-serif;font-size:clamp(32px,3.8vw,58px);font-weight:700;line-height:1.1;color:#fff;margin:0 0 13px;text-shadow:0 2px 20px rgba(0,0,0,.7)}.cin-hero-title .gold-text{background:linear-gradient(135deg,#f0d080 0,#c9a84c 50%,#a07830 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cin-hero-desc{font-size:14px;color:rgba(255,255,255,.68);margin:0 0 26px;line-height:1.65}.cin-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cin-hero-actions .btn-ghost,.cin-hero-actions .btn-gold{pointer-events:auto}#cin-scroll-hint{position:absolute;bottom:32px;left:6vw;z-index:4;display:flex;flex-direction:row;align-items:center;gap:10px;opacity:1;pointer-events:none;transition:opacity .6s ease}#cin-scroll-hint.hidden-hint{opacity:0}.cin-scroll-hint-line{width:34px;height:1px;background:rgba(201,168,76,.25);position:relative;overflow:hidden}.cin-scroll-hint-line::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#c9a84c;animation:cin-hint 1.8s ease-in-out infinite}.cin-scroll-hint-text{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,.55);font-family:"Clash Display",sans-serif}@media (max-width:900px){#cinematic-hero-overlay{padding:0 5vw 8vh}.cin-hero-text-wrap{max-width:100%}.cin-hero-title{font-size:clamp(26px,6vw,42px)}}@media (max-width:600px){#cinematic-hero-overlay{padding:0 5vw 6vh}.cin-hero-title{font-size:clamp(24px,7.5vw,38px)}.cin-hero-desc{font-size:13px}.cin-hero-actions{flex-direction:column;gap:10px}.cin-hero-actions .btn-ghost,.cin-hero-actions .btn-gold{width:100%;justify-content:center}#cin-scroll-hint{left:5vw;bottom:20px}}