:root{--merah-gelap:#1c0204;--merah:#3a0508;--merah-tirai:#8e0e16;--krem:#fbf1ec;--teks:#f6e9e6;--teks-redup:#d9b9b4;--aksen:#f4c7c3;--garis:#ffffff24;--font-script:"Parisienne", cursive;--font-serif:"Kalnia", Georgia, serif;--font-tagline:"Cormorant Upright", Georgia, serif;--font-judul:"Playfair Display", Georgia, serif;--font-sans:"Montserrat", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--merah-gelap);color:var(--teks);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:var(--aksen)}.theater{--sx:50vw;--sy:45vh;--redup:0;isolation:isolate;position:relative}.backdrop{z-index:-3;background:radial-gradient(85% 65% at 50% 40%,#2c0509 0%,#170305 55%,#080001 100%);position:fixed;inset:0}.stage-floor{z-index:-1;pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(45% 50%,#ff828229,#0000 70%);height:30vh;transition:opacity 1s;position:fixed;bottom:-8vh;left:0;right:0}.theater.tirai-buka:not(.tirai-tutup) .stage-floor{opacity:1}.spot{--r:clamp(330px, 60vw, 800px);z-index:-2;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle var(--r) at calc(var(--sx) + 60px) calc(var(--sy) + 60px), #ff969642 0%, #ff5a5a14 50%, #28000426 72%, #0a000285 100%);animation:1.1s .3s backwards lampuNyala,9s ease-in-out 1.5s infinite alternate lampuGoyang;position:fixed;inset:-60px}.theater.tracking .spot{animation:1.1s .3s backwards lampuNyala}.spot-glow{z-index:3;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle clamp(220px, 30vw, 440px) at var(--sx) var(--sy), #ffbeb421, transparent 70%);animation:1.1s .3s backwards lampuNyala;position:fixed;inset:0}@keyframes lampuNyala{0%{opacity:0}18%{opacity:.8}28%{opacity:.1}44%{opacity:1}56%{opacity:.35}to{opacity:1}}@keyframes lampuGoyang{0%{transform:translate(-22px,-10px)}to{transform:translate(22px,12px)}}.theater.ganti-babak .spot{animation:.9s redupBabak}@keyframes redupBabak{40%{opacity:.6}}.theater.kedip .spot,.theater.kedip .spot-glow{animation:.55s ease-out kedip}@keyframes kedip{0%{filter:brightness()}15%{filter:brightness(1.9)}30%{filter:brightness(.45)}48%{filter:brightness(1.6)}65%{filter:brightness(.8)}to{filter:brightness()}}.drapes{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tirai{will-change:transform;width:50.3%;transition:transform 1.25s cubic-bezier(.65,0,.25,1);position:absolute;top:0;bottom:0}.theater.tirai-buka .drapes-buka .tirai{transform:scaleX(.001)}.theater.tirai-tutup .drapes-tutup .tirai{transform:scaleX(1)}.tirai svg{width:100%;height:100%;display:block}.tirai-kiri{transform-origin:0;left:0}.tirai-kanan{transform-origin:100%;right:0}.tirai-kanan svg{transform:scaleX(-1)}.drapes-tutup .tirai{transform:scaleX(.001)}.spot-front{--r:clamp(210px, 38vw, 470px);z-index:2;pointer-events:none;background:radial-gradient(circle var(--r) at calc(var(--sx) + 60px) calc(var(--sy) + 60px), #ff969629 0%, #ff5a5a0d 50%, #2800044d 72%, #0a0002d6 100%);will-change:opacity;transition:opacity .9s;animation:1.1s .3s backwards lampuNyala;position:absolute;inset:-60px}.theater.tirai-buka .spot-front{opacity:0}.theater.kedip .spot-front{animation:.55s ease-out kedip}.scenes{position:relative}.scene-viewport{height:100svh;position:sticky;top:0;overflow:hidden}.scene{text-align:center;transform-origin:50% 55%;opacity:0;visibility:hidden;pointer-events:none;will-change:transform, opacity;place-items:center;padding:clamp(44px,8svh,84px) clamp(28px,7vw,120px) 28px;transition:opacity .55s,transform .75s cubic-bezier(.22,.8,.25,1),visibility 0s linear .75s;display:grid;position:absolute;inset:0;transform:translateY(3vh)scale(.84)}.scene.lewat{transform:translateY(-3vh)scale(1.12)}.scene.aktif{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s .2s,transform .85s cubic-bezier(.22,.8,.25,1) .15s,visibility;transform:none}.scene-snap{width:1px;height:1px;display:none;position:absolute;left:0}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){html{scroll-snap-type:y mandatory}.scene-snap{scroll-snap-align:start;scroll-snap-stop:always;display:block}.after{scroll-snap-align:start}}.scene{z-index:1}.scene-0{z-index:3}.scene-inner{width:100%;max-width:860px}.scene-block h2{font-family:var(--font-judul);margin:0 0 18px;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:500}.hero-inner{max-width:720px;margin:0 auto;position:relative}.hero-inner .in{animation:munculNaik .9s calc(.7s + var(--d,0) * .12s) cubic-bezier(.2, .7, .2, 1) both}@keyframes munculNaik{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.scroll-cue{letter-spacing:.2em;text-transform:uppercase;color:var(--teks-redup);justify-items:center;margin:18px 0 0;font-size:.72rem;display:grid}.scroll-cue span{font-size:1.5rem;line-height:1;animation:1.4s ease-in-out infinite ayun}@keyframes ayun{50%{transform:translateY(6px)}}.scene-dots{z-index:4;gap:10px;transition:opacity .4s;display:grid;position:fixed;top:50%;right:clamp(10px,2vw,24px);transform:translateY(-50%)}.theater.lewat-panggung .scene-dots{opacity:0;pointer-events:none}.scene-dots button{cursor:pointer;background:#ffffff4d;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:height .3s,background .3s}.scene-dots button.on{background:var(--aksen);height:22px}.after{z-index:4;margin-top:-100svh;position:relative}.drapes-akhir{z-index:3;pointer-events:none;position:fixed;inset:0}.theater.tirai-tutup .spot-akhir{opacity:1}.spot-akhir{z-index:3;will-change:opacity;opacity:0;background:radial-gradient(60% 55% at 50% 40%,#14000380,#0c0002b8 65%,#060001e6 100%);transition:opacity 1.1s .2s;position:absolute;inset:0}.brand{color:#fff;text-align:left;align-items:center;gap:10px;margin:0 auto clamp(20px,5svh,56px);display:inline-flex}.brand img{width:58px}.brand span{font:400 .95rem/1.05 var(--font-sans);letter-spacing:.02em}.brand b{letter-spacing:.04em;font-size:1.55rem;font-weight:800;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 18px;font-size:clamp(.8rem,3.4vw,1.05rem)}.title{--glow:0 0 6px #ffffffe6, 0 0 22px #ffffff8c, 0 0 48px #ff5a5a73;color:#fff;text-shadow:var(--glow);flex-direction:column;align-items:flex-end;margin:0;font-size:min(clamp(52px,15vw,118px),9.5svh);font-weight:400;display:inline-flex}.title .script{font-family:var(--font-script);z-index:1;align-self:flex-start;font-size:1em;line-height:1;position:relative;transform:rotate(-4deg)}.title .serif{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.02em;line-height:.8}.title .serif:first-of-type{margin-top:-.42em}.date{font:700 clamp(.95rem, 4.2vw, 1.35rem) var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:#f7d3d6;text-shadow:0 0 12px #ff96a099;margin:26px 0 0}.tagline{font-family:var(--font-tagline);margin:26px 0 30px;font-size:clamp(1.9rem,8vw,2.9rem);font-weight:500;line-height:1.05}.facts{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.facts span,.facts a{border:1px solid var(--garis);background:#00000040;border-radius:999px;padding:6px 14px;font-size:.85rem}.quota{text-transform:uppercase;letter-spacing:.12em;color:var(--aksen);margin:0 0 20px;font-weight:700}.btn{background:var(--krem);color:var(--merah);font:700 .95rem var(--font-sans);letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;padding:14px 28px;text-decoration:none;display:inline-block;box-shadow:0 0 24px #ffc8c840}.btn:disabled{opacity:.6;cursor:wait}.btn-ghost{color:var(--krem);border:1px solid var(--krem);box-shadow:none;background:0 0}.section{max-width:880px;margin:0 auto;padding:56px 16px}.section h2{font-family:var(--font-judul);text-align:center;margin:0 0 20px;font-size:clamp(1.7rem,5vw,2.3rem);font-weight:500}.lead{text-align:center;max-width:620px;color:var(--teks-redup);margin:0 auto 24px}.muted{color:var(--teks-redup);margin:0;font-size:.9rem}.perks{gap:10px;max-width:620px;margin:0 auto;padding:0;list-style:none;display:grid}.perks li{border:1px solid var(--garis);background:#ffffff0a;border-radius:12px;padding:14px 16px}.perks strong{color:var(--krem)}.steps{text-align:left;gap:12px;max-width:620px;margin:0 auto;padding:0;list-style:none;display:grid}.steps li{border-bottom:1px solid var(--garis);align-items:flex-start;gap:16px;padding:12px 0;display:flex}.steps .num{font-family:var(--font-judul);color:var(--aksen);min-width:44px;font-size:1.8rem;line-height:1}.steps h3{margin:0 0 2px;font-size:1.05rem}.steps p{color:var(--teks-redup);margin:0;font-size:.95rem}.speaker-label{letter-spacing:.3em;text-transform:uppercase;color:var(--aksen);margin:0 0 6px;font-size:.75rem}.speaker{text-align:center;max-width:520px;margin:0 auto}.speaker-stage{background:radial-gradient(42% 46% at 50% 44%,#ff969659,#a0141e29 60%,#0000 72%),radial-gradient(46% 8% at 50% 100%,#ffaaaa4d,#0000 70%);justify-content:center;align-items:flex-end;height:clamp(240px,44svh,440px);margin-bottom:14px;display:flex;position:relative}.speaker-stage img{object-fit:contain;filter:drop-shadow(0 0 22px #ff787840);width:auto;max-width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.speaker h3{font:400 clamp(1.8rem, 7vw, 2.6rem)/1.1 var(--font-serif);color:#fff;text-shadow:0 0 6px #ffffffb3,0 0 22px #ff6e6e73;margin:0 0 10px}.speaker ul{color:var(--teks-redup);margin:0;padding:0;font-size:clamp(.85rem,3.4vw,1rem);line-height:1.45;list-style:none}.speaker li+li{margin-top:4px}.history{text-align:left;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.hist{border-left:3px solid var(--aksen);padding:4px 0 4px 16px}.year{font-family:var(--font-judul);color:var(--aksen);font-size:clamp(1.2rem,4.5vw,1.6rem)}.hist-title{font-family:var(--font-judul);margin:2px 0;font-size:clamp(.9rem,3.6vw,1.3rem);font-style:italic;line-height:1.3}.ring-block{margin-top:12px}.ring-scene{--w:min(clamp(170px, 50vw, 270px), 30svh);height:calc(var(--w) * 1.25 + 40px);perspective:1200px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;margin:0 -16px;display:grid;overflow:hidden}.ring-scene:active{cursor:grabbing}.ring{width:var(--w);aspect-ratio:4/5;transform-style:preserve-3d;pointer-events:none;position:relative}.ring-item{pointer-events:auto;border:1px solid var(--garis);cursor:inherit;background:#000;border-radius:12px;padding:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 40px #00000080}.ring-item img{object-fit:cover;pointer-events:none;width:100%;height:100%}.ring-nav{justify-content:center;align-items:center;gap:14px;margin-top:6px;display:flex}.ring-arrow{border:1px solid var(--garis);width:40px;height:40px;color:var(--krem);cursor:pointer;background:#ffffff0d;border-radius:50%;font-size:1.6rem;line-height:1}.ring-dots{gap:8px;display:flex}.ring-dots button{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.ring-dots button.on{background:var(--aksen);border-radius:4px;width:22px}.gallery-caption{text-align:center;color:var(--teks-redup);margin:12px 0 0;font-size:.85rem}@media (width>=720px){.ring-scene{margin:0}}.facts a{color:inherit;text-decoration:none}.untuk-siapa{text-align:left;gap:8px;max-width:620px;margin:18px auto 12px;padding:0;list-style:none;display:grid}.untuk-siapa li{border-left:3px solid var(--aksen);gap:2px;padding:4px 0 4px 12px;display:grid}.untuk-siapa strong{color:var(--krem)}.untuk-siapa span{color:var(--teks-redup);font-size:.9rem}.catatan{max-width:620px;color:var(--aksen);margin:10px auto 0;font-size:.85rem}.jangkauan-judul{max-width:620px;color:var(--aksen);margin:2px auto 6px;font-size:.75rem;line-height:1.4}.jangkauan{grid-template-columns:repeat(3,1fr);gap:8px;max-width:620px;margin:0 auto 10px;display:grid}.jangkauan div{display:grid}.jangkauan strong{font:500 clamp(1.2rem, 5vw, 1.7rem) var(--font-judul);color:var(--krem)}.jangkauan span{color:var(--teks-redup);font-size:.72rem;line-height:1.3}.faq{text-align:left;max-width:520px;margin:36px auto 0}.faq h3{font:500 1.2rem var(--font-judul);text-align:center;margin:0 0 12px}.faq details{border-bottom:1px solid var(--garis);padding:12px 4px}.faq summary{cursor:pointer;color:var(--krem);font-weight:600}.faq details p{color:var(--teks-redup);margin:8px 0 0;font-size:.92rem}.faq-kontak{text-align:center;color:var(--teks-redup);margin:16px 0 0;font-size:.9rem}@media (height<=800px){.scene{padding-top:36px;padding-bottom:16px}.scene-block h2{margin-bottom:10px;font-size:1.45rem}.scene .lead{margin-bottom:10px;font-size:.85rem;line-height:1.5}.tentang-pembuka{display:none}.untuk-siapa{gap:4px;margin:10px auto 8px}.untuk-siapa span{font-size:.8rem}.catatan{font-size:.78rem}.history{gap:10px;margin-bottom:8px}.hist-title{font-size:.85rem}.jangkauan{margin-bottom:4px}.ring-scene{--w:min(clamp(150px, 42vw, 240px), 26svh)}.perks li{padding:10px 12px;font-size:.88rem}.scene-0{padding-top:16px}.brand{margin-bottom:10px}.brand img{width:44px}.brand b{font-size:1.2rem}.brand span{font-size:.8rem}.eyebrow{margin-bottom:8px;font-size:.78rem}.date{margin-top:12px;font-size:.95rem}.tagline{margin:12px 0 14px;font-size:1.55rem}.facts{gap:6px;margin-bottom:10px}.facts span,.facts a{padding:4px 12px;font-size:.8rem}.quota{margin-bottom:10px;font-size:.85rem}.hero-inner .btn{padding:11px 24px}.scroll-cue{margin-top:8px}}.form-section{padding-top:clamp(56px,10svh,96px)}.form-section h2{margin-bottom:6px}.form-lead{text-align:center;color:var(--teks-redup);max-width:460px;margin:0 auto 22px;font-size:.95rem}.ticket{--lubang:14px;background:var(--krem);color:#2b1214;max-width:520px;-webkit-mask:radial-gradient(circle var(--lubang) at 0 118px, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--lubang) at 100% 118px, transparent 98%, #000) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--lubang) at 0 118px, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--lubang) at 100% 118px, transparent 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--lubang) at 0 118px, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--lubang) at 100% 118px, transparent 98%, #000) right / 51% 100% no-repeat;border-radius:18px;margin:0 auto;position:relative;box-shadow:0 30px 80px #0000008c,0 0 60px #ff78781f}.ticket-head{background:radial-gradient(ellipse 70% 120% at 50% 0%, #ffa0a059, transparent 70%), linear-gradient(180deg, #7d0c14, var(--merah));color:#fff;text-align:center;border-bottom:2px dashed #ffffff59;border-radius:18px 18px 0 0;align-content:center;height:118px;padding:18px 24px;display:grid}.ticket-head .t-kecil{letter-spacing:.28em;text-transform:uppercase;color:var(--aksen);font-size:.68rem}.ticket-head .t-judul{font:400 clamp(1.35rem, 6.2vw, 1.9rem)/1.1 var(--font-script);white-space:nowrap;text-shadow:0 0 10px #ffffff80}.ticket-head .t-info{letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:.75rem}.ticket form,.ticket .success{gap:14px;padding:22px 24px 24px;display:grid}label{gap:6px;font-size:.9rem;font-weight:600;display:grid}.opt{color:#7a5a5c;font-weight:400}input,select{font:400 1rem var(--font-sans);color:#2b1214;background:#fff;border:1px solid #d9c3c0;border-radius:10px;width:100%;padding:12px 14px}input:focus,select:focus{outline:2px solid var(--merah-tirai);outline-offset:1px}.check{grid-template-columns:auto 1fr;align-items:start;font-weight:400}.check input{width:20px;height:20px;accent-color:var(--merah-tirai);margin-top:2px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.error{color:#a4161a;margin:0;font-size:.9rem}.ticket form .btn{background:var(--merah);color:var(--krem);width:100%}.success{text-align:center}.success-title{font-family:var(--font-judul);margin:0;font-size:1.35rem}.success p{margin:0}.success .btn-ghost{color:var(--merah);border-color:var(--merah)}.form-section.reveal{opacity:1;filter:none;transform:none}.form-section .ticket{opacity:0;transform-origin:50% 100%;transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.2,1);transform:perspective(900px)translateY(90px)rotateX(24deg)scale(.94)}.form-section.shown .ticket{opacity:1;transform:none}.footer{text-align:center;color:var(--teks-redup);padding:40px 16px 56px;font-size:.85rem}.footer-logo{opacity:.85;width:72px;margin:0 auto 12px}.footer p{margin:4px 0}.layar{aspect-ratio:16/9;cursor:pointer;width:min(100%,640px,81.7778svh);box-shadow:0 0 0 1px var(--garis), 0 24px 60px #0009, 0 0 80px #ff78782e;background:#000;border:6px solid #1a0204;border-radius:10px;margin:8px auto 0;padding:0;display:block;position:relative;overflow:hidden}.layar img{object-fit:cover;filter:brightness(.8);width:100%;height:100%;transition:filter .4s,transform .6s}.layar:hover img,.layar:focus-visible img{filter:brightness(.95);transform:scale(1.02)}.layar-play{width:68px;height:68px;color:var(--merah);background:var(--krem);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 0 0 8px #fbf1ec40,0 10px 30px #00000080}.layar-play svg{margin-left:4px}.lightbox{overscroll-behavior:contain;touch-action:none}.lightbox video{touch-action:manipulation}.layar-video{background:#000;border-radius:10px;max-width:min(100%,960px);max-height:100%;box-shadow:0 20px 60px #0009}.ig-ikuti{margin-top:14px;padding:10px 20px;font-size:.85rem}.musik-tombol{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:40;border:1px solid var(--garis);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:44px;height:44px;color:var(--krem);cursor:pointer;background:#140204b3;border-radius:50%;place-items:center;display:grid;position:fixed}.musik-ikon{font-size:1.3rem;line-height:1}.musik-bar{align-items:flex-end;gap:3px;height:16px;display:none}.musik-bar i{background:var(--aksen);border-radius:2px;width:3px;animation:1s ease-in-out infinite musikBar}.musik-bar i:nth-child(2){animation-delay:.2s}.musik-bar i:nth-child(3){animation-delay:.4s}@keyframes musikBar{0%,to{height:4px}50%{height:16px}}.musik-tombol.nyala .musik-ikon{display:none}.musik-tombol.nyala .musik-bar{display:flex}.musik-ajak{left:calc(max(14px, env(safe-area-inset-left)) + 52px);bottom:calc(max(14px, env(safe-area-inset-bottom)) + 6px);z-index:40;border:1px solid var(--garis);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--krem);font:600 .78rem var(--font-sans);cursor:pointer;background:#140204b3;border-radius:999px;padding:7px 14px;animation:.8s 2.2s both munculNaik;position:fixed}@media (prefers-reduced-motion:reduce){.musik-bar i{height:10px;animation:none}}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal.shown{opacity:1;transform:none}.lightbox{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0002eb;place-items:center;padding:56px 12px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.lightbox img{border-radius:10px;max-width:min(100%,900px);max-height:100%;box-shadow:0 20px 60px #0009}.lb-btn{border:1px solid var(--garis);color:#fff;cursor:pointer;background:#00000073;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;position:absolute}.lb-close{top:12px;right:12px}.lb-prev{top:50%;left:12px;transform:translateY(-50%)}.lb-next{top:50%;right:12px;transform:translateY(-50%)}.lb-count{text-align:center;color:var(--teks-redup);margin:0;font-size:.85rem;position:absolute;bottom:14px;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}@media (pointer:coarse){.spot-glow{display:none}}@media (prefers-reduced-motion:reduce){.scenes{height:auto!important}.scene-viewport{height:auto;position:static;overflow:visible}.scene{min-height:100svh;position:relative;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}.scene-dots{display:none}.spot,.spot-glow,.spot-front,.scroll-cue span{animation:none}.drapes,.spot-front,.drapes-akhir,.stage-floor{display:none}.hero-inner .in,.reveal{opacity:1;filter:none;transition:none;animation:none;transform:none}html{scroll-behavior:auto}}