:root{--mgw-gold:#e4bd6b;--mgw-gold2:#ffd890;--mgw-cream:#fff4d7;--mgw-dark:#130904;--mgw-caps:'Cinzel',serif;--mgw-display:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0e0704}.mgw-body{min-height:100vh;overflow:hidden;color:var(--mgw-cream);font-family:var(--mgw-display)}button{font:inherit}
.mgw-app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#120804}
.mgw-bg,.mgw-shade{position:absolute;inset:0}.mgw-bg{background:url('/assets/img/pameran/intro-museum-static.jpg') center center/cover no-repeat;transform:scale(1.018);filter:saturate(.94) contrast(1.04)}
.mgw-shade{background:linear-gradient(180deg,rgba(15,7,4,.76) 0%,rgba(20,10,6,.12) 31%,rgba(14,7,4,.18) 58%,rgba(15,7,4,.8) 100%),radial-gradient(circle at 50% 52%,rgba(126,77,35,.03),rgba(17,8,4,.18) 52%,rgba(9,4,2,.58));z-index:1}
.mgw-foyer{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:1.05rem 1.4rem 1rem;transition:opacity .75s ease,transform .75s ease,visibility .75s ease}
.mgw-foyer.is-hidden{opacity:0;transform:scale(1.025);visibility:hidden;pointer-events:none}
.mgw-topline{display:flex;justify-content:space-between;align-items:center;padding:0 .35rem;font:600 .66rem/1 var(--mgw-caps);letter-spacing:.23em;color:#e7c989;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.mgw-marquee{position:absolute;left:4.5%;right:4.5%;top:5.35rem;height:64px;overflow:hidden;border:1px solid rgba(205,157,72,.58);border-radius:.28rem;background:rgba(19,9,5,.8);box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 0 28px rgba(190,117,38,.08);display:flex;align-items:center}
.mgw-marquee:before,.mgw-marquee:after{content:"";position:absolute;top:0;bottom:0;width:64px;z-index:2}.mgw-marquee:before{left:0;background:linear-gradient(90deg,#160b06,transparent)}.mgw-marquee:after{right:0;background:linear-gradient(-90deg,#160b06,transparent)}
.mgw-marquee__track{display:flex;align-items:center;gap:2.3rem;width:max-content;white-space:nowrap;animation:mgwMarquee 30s linear infinite;font:600 1rem/1 var(--mgw-caps);letter-spacing:.17em;color:#ffc965;text-shadow:0 0 8px rgba(255,166,52,.58),0 0 18px rgba(255,132,24,.28)}.mgw-marquee__track i{font-style:normal;color:#f3d593}
@keyframes mgwMarquee{to{transform:translateX(-50%)}}
.mgw-center{align-self:center;margin:auto 0 1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:min(1000px,88vw);text-shadow:0 4px 24px rgba(0,0,0,.95)}
.mgw-eyebrow{font:600 .72rem/1 var(--mgw-caps);letter-spacing:.3em;color:#e8c77e;margin-bottom:1.1rem}.mgw-center h1{margin:0;max-width:960px;font:600 clamp(2.7rem,5vw,5.6rem)/.98 var(--mgw-display);letter-spacing:.02em;color:#fff5d8}.mgw-center p{margin:1rem 0 0;font:italic 500 clamp(1rem,1.5vw,1.35rem)/1.4 var(--mgw-display);color:#f2ddbb}
.mgw-open{position:relative;margin-top:2.3rem;min-width:min(620px,78vw);padding:1.25rem 2.4rem;border:1px solid rgba(255,215,134,.9);border-radius:999px;background:linear-gradient(180deg,rgba(92,52,23,.96),rgba(40,21,11,.98));color:#fff0c9;box-shadow:0 0 0 3px rgba(232,184,93,.18),0 0 28px rgba(255,177,71,.38),0 14px 38px rgba(0,0,0,.45);cursor:pointer;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.mgw-open strong{font:700 1rem/1 var(--mgw-caps);letter-spacing:.08em}.mgw-open:hover{transform:translateY(-2px) scale(1.012);filter:brightness(1.08);box-shadow:0 0 0 3px rgba(232,184,93,.22),0 0 44px rgba(255,177,71,.58),0 16px 40px rgba(0,0,0,.5)}.mgw-open__glow{position:absolute;inset:-9px;border-radius:999px;border:1px solid rgba(255,200,99,.24);animation:mgwGlow 2.2s ease-in-out infinite;pointer-events:none}@keyframes mgwGlow{50%{opacity:.35;transform:scale(1.012)}}
.mgw-foot{text-align:center;font:500 .63rem/1.2 var(--mgw-caps);letter-spacing:.16em;color:rgba(244,222,178,.76)}
.mgw-virtua{position:absolute;right:3.6%;bottom:-1.1rem;height:min(40vh,390px);z-index:3;filter:drop-shadow(0 24px 40px rgba(0,0,0,.42));pointer-events:none}.mgw-virtua picture,.mgw-virtua img{display:block;height:100%;width:auto;background:transparent}
.mgw-sound{position:fixed;right:1rem;bottom:1rem;z-index:8;width:44px;height:44px;border-radius:50%;border:1px solid rgba(224,185,102,.7);background:rgba(30,15,8,.82);color:#f5d28a;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.32)}.mgw-sound.is-playing{background:#69431e;color:#fff4cc}
.mgw-countdown{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(180deg,rgba(11,5,3,.88),rgba(18,9,5,.94));opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .75s ease,transform .75s ease,visibility .75s ease}.mgw-countdown.is-visible{opacity:1;visibility:visible;transform:none}
.mgw-countdown__inner{width:min(980px,94vw);text-align:center}.mgw-countdown__eyebrow{font:600 .68rem/1 var(--mgw-caps);letter-spacing:.28em;color:#e6c57c}.mgw-countdown h2{margin:1rem 0 .55rem;font:600 clamp(2.2rem,4.4vw,4.8rem)/1 var(--mgw-display);color:#fff3d4}.mgw-countdown p{margin:0 auto 2.2rem;max-width:720px;font:500 clamp(1rem,1.4vw,1.2rem)/1.5 var(--mgw-display);color:#dcc9a7}
.mgw-timer{display:flex;align-items:center;justify-content:center;gap:clamp(.35rem,1.2vw,1rem);margin:0 auto}.mgw-timer div{min-width:clamp(78px,11vw,135px);padding:1rem .7rem;border:1px solid rgba(218,178,95,.4);background:rgba(46,24,12,.5);box-shadow:inset 0 0 22px rgba(206,145,56,.05)}.mgw-timer strong{display:block;font:600 clamp(2.2rem,5vw,5.2rem)/.95 var(--mgw-display);font-variant-numeric:tabular-nums;color:#ffd88e}.mgw-timer span{display:block;margin-top:.45rem;font:600 .58rem/1 var(--mgw-caps);letter-spacing:.18em;color:#d7bd88}.mgw-timer>i{font:500 clamp(1.3rem,3vw,2.5rem)/1 var(--mgw-display);font-style:normal;color:#a67b3e}
.mgw-launch-date{margin-top:1.4rem;font:600 .72rem/1 var(--mgw-caps);letter-spacing:.23em;color:#efd18f}.mgw-countdown__rule{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1.7rem auto .85rem;width:min(520px,75vw);color:#c79b52}.mgw-countdown__rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(205,161,81,.7))}.mgw-countdown__rule span:last-child{background:linear-gradient(90deg,rgba(205,161,81,.7),transparent)}.mgw-countdown__theme{font:italic 500 clamp(1rem,1.4vw,1.25rem)/1.4 var(--mgw-display);color:#ead4ae}.mgw-back{margin-top:1.8rem;border:0;background:transparent;color:#cda85f;font:600 .62rem/1 var(--mgw-caps);letter-spacing:.18em;cursor:pointer}.mgw-back:hover{color:#ffe1a1}
@media(max-width:900px){.mgw-marquee{left:.8rem;right:.8rem;top:3.7rem;height:44px}.mgw-marquee__track{font-size:.7rem;animation-duration:25s}.mgw-center{margin:auto 0 2.6rem;max-width:94vw}.mgw-center h1{font-size:clamp(2rem,8.5vw,3.2rem)}.mgw-open{min-width:min(390px,88vw);padding:1rem 1.3rem}.mgw-virtua{right:-2.2rem;bottom:-.8rem;height:min(34vh,285px)}.mgw-topline{font-size:.56rem}.mgw-foot{font-size:.5rem}.mgw-timer div{min-width:64px;padding:.8rem .4rem}.mgw-timer span{font-size:.48rem}}
@media(max-width:560px){.mgw-foyer{padding:.72rem}.mgw-center{margin:auto 0 3.4rem}.mgw-eyebrow{font-size:.55rem;letter-spacing:.22em}.mgw-center p{font-size:.88rem}.mgw-open{margin-top:1.35rem}.mgw-open strong{font-size:.78rem}.mgw-virtua{right:-3.4rem;height:min(29vh,220px);opacity:.94}.mgw-countdown{padding:1rem}.mgw-countdown__eyebrow{font-size:.5rem;letter-spacing:.18em}.mgw-countdown p{margin-bottom:1.4rem}.mgw-timer{gap:.2rem}.mgw-timer div{min-width:58px;padding:.68rem .25rem}.mgw-timer strong{font-size:clamp(1.8rem,9vw,2.8rem)}.mgw-timer>i{font-size:1rem}.mgw-launch-date{font-size:.55rem;letter-spacing:.16em}}
@media(prefers-reduced-motion:reduce){.mgw-marquee__track,.mgw-open__glow{animation:none}.mgw-foyer,.mgw-countdown{transition:none}}