:root{--lembah:#0b1310;--lereng:#131e1a;--garis:#1f2f29;--kabut:#e2e9e3;--kabut-50:#e2e9e38f;--kabut-30:#e2e9e352;--natrium:#e9a23b;--genteng:#c4674a;--lumut:#6d9a82;--font-display:"Archivo", "Helvetica Neue", Arial, sans-serif;--font-body:"Archivo", system-ui, sans-serif;--font-mono:"Martian Mono", ui-monospace, "SFMono-Regular", monospace;--cadence:2.001s;--edge:clamp(1.25rem, 4vw, 4rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--lembah);min-height:100dvh;color:var(--kabut);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a{color:inherit}:focus-visible{outline:2px solid var(--natrium);outline-offset:3px}.grid{min-height:100dvh;padding:clamp(1rem, 2.5vw, 1.75rem) var(--edge) clamp(1.5rem, 3vw, 2.25rem);flex-direction:column;gap:clamp(1.75rem,4vw,3.25rem);display:flex}.masthead{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.85rem;display:flex}.wordmark{font-family:var(--font-mono);font-variation-settings:"wdth" 100, "wght" 600;letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;text-decoration:none}.status{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--kabut-50);align-items:center;gap:.6rem;margin:0;font-size:.62rem;display:flex}.pulse{background:var(--kabut-30);border-radius:50%;flex:none;width:7px;height:7px}.status[data-state=live]{color:var(--natrium)}.status[data-state=live] .pulse{background:var(--natrium);animation:beat var(--cadence) ease-in-out infinite}.status[data-state=fault]{color:var(--genteng)}.status[data-state=fault] .pulse{background:var(--genteng)}@keyframes beat{0%,to{opacity:1;box-shadow:0 0 #e9a23b73}55%{opacity:.55;box-shadow:0 0 0 6px #e9a23b00}}.stage{flex:1;grid-template:"feed identity""feed details""reel reel"/minmax(0,1.6fr) minmax(16rem,.8fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem) clamp(1.75rem,4vw,4rem);display:grid}.viewport{grid-area:feed;min-width:0;max-width:60rem}.identity{grid-area:identity}.details{grid-area:details;min-width:0}.frame{aspect-ratio:16/9;border:1px solid var(--garis);background:#060a09;position:relative;overflow:hidden}.feed{object-fit:cover;width:100%;height:100%;display:block}.frame__ticks i{border:0 solid var(--kabut-30);pointer-events:none;width:13px;height:13px;position:absolute}.frame__ticks i:first-child{border-top-width:1px;border-left-width:1px;top:9px;left:9px}.frame__ticks i:nth-child(2){border-top-width:1px;border-right-width:1px;top:9px;right:9px}.frame__ticks i:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:9px;left:9px}.frame__ticks i:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:9px;right:9px}.curtain{padding:var(--edge);text-align:center;background:#060a09e0;align-content:center;gap:.4rem;display:grid;position:absolute;inset:0}.curtain[hidden]{display:none}.curtain__head{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--genteng);margin:0;font-size:.68rem}.curtain__body{color:var(--kabut-50);margin:0;font-size:.9rem}.gate{padding:var(--edge);text-align:center;background:#060a09f0;align-content:center;justify-items:center;gap:.65rem;display:grid;position:absolute;inset:0}.gate[hidden]{display:none}.gate__head{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lumut);margin:0;font-size:.68rem}.gate__body{max-width:34ch;color:var(--kabut-50);margin:0;font-size:.9rem}.gate__widget{min-height:65px;margin-top:.35rem}.legend{color:var(--kabut-30);margin:.85rem 0 0;font-size:.8rem}.rail{border-top:1px solid var(--garis);grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 0;display:grid}.rail__cell{min-width:0;padding:.9rem 1rem .2rem 0}.rail dt{font-family:var(--font-mono);font-variation-settings:"wdth" 90;letter-spacing:.19em;text-transform:uppercase;color:var(--kabut-30);font-size:.56rem}.rail dd{font-family:var(--font-mono);font-variation-settings:"wdth" 87, "wght" 500;color:var(--lumut);font-variant-numeric:tabular-nums;white-space:nowrap;margin:.5rem 0 0;font-size:clamp(.82rem,1.6vw,1rem)}#m-seq{color:var(--natrium)}.identity{min-width:0;padding-top:.25rem}.title{font-family:var(--font-display);font-variation-settings:"wdth" 116, "wght" 620;letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(2.1rem,5.2vw,3.5rem);line-height:.94}.title span{display:block}.title span:last-child{color:var(--kabut-50)}.place{color:var(--kabut-50);margin:1.1rem 0 0;font-size:.95rem;line-height:1.55}.clocks{border-top:1px solid var(--garis);flex-wrap:wrap;gap:1.75rem;padding-top:1.4rem;display:flex}.clock{gap:.3rem;display:grid}.clock__label,.clock__zone{font-family:var(--font-mono);font-variation-settings:"wdth" 90;letter-spacing:.19em;text-transform:uppercase;color:var(--kabut-30);font-size:.56rem}.clock__time{font-family:var(--font-mono);font-variation-settings:"wdth" 87, "wght" 500;font-variant-numeric:tabular-nums;font-size:1.32rem}.clock--muted .clock__time{color:var(--kabut-50)}.reel{border-top:1px solid var(--garis);grid-area:reel;min-width:0;margin-top:clamp(.5rem,2vw,1.5rem);padding-top:1.4rem}.reel__head{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.1rem;margin-bottom:1.1rem;display:flex}.reel h2{font-family:var(--font-mono);font-variation-settings:"wdth" 90, "wght" 600;letter-spacing:.2em;text-transform:uppercase;color:var(--kabut);margin:0;font-size:.62rem}.reel__note{color:var(--kabut-30);margin:0;font-size:.8rem}.strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;background-color:#060a09;background-image:repeating-linear-gradient(to right, var(--garis) 0 7px, transparent 7px 17px), repeating-linear-gradient(to right, var(--garis) 0 7px, transparent 7px 17px);border-block:1px solid var(--garis);scrollbar-width:thin;scrollbar-color:var(--garis) transparent;background-position:0 5px,0 calc(100% - 5px);background-repeat:no-repeat;background-size:100% 4px;padding-block:13px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{height:6px}.strip::-webkit-scrollbar-thumb{background:var(--garis)}.cell{scroll-snap-align:center;border-right:1px solid var(--garis);flex:none;width:clamp(8.75rem,15vw,11.5rem);margin:0;padding:0 .55rem}.cell:last-child{border-right:0}.cell__shot,.cell__void{aspect-ratio:16/9;background:var(--lembah);width:100%;display:block}.cell__shot{object-fit:cover}.cell__void{font-family:var(--font-mono);font-variation-settings:"wdth" 90;letter-spacing:.16em;text-transform:uppercase;color:var(--kabut-30);border:1px dashed var(--garis);place-items:center;font-size:.52rem;display:grid}.cell__caption{font-family:var(--font-mono);font-variation-settings:"wdth" 88;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;justify-content:space-between;gap:.5rem;padding-top:.55rem;font-size:.55rem;display:flex}.cell__day{color:var(--kabut-30)}.cell__date{color:var(--kabut-50)}.strip__empty{text-align:center;width:100%;color:var(--kabut-30);margin:0;padding:2.25rem 1rem;font-size:.82rem}.cell__trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.cell__trigger:focus-visible{outline-offset:2px}.lightbox{z-index:20;background:#060a09f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,2vw,1.5rem);padding:clamp(1rem,4vw,3rem);animation:.18s ease-out lightbox-in;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox__figure{grid-column:2;justify-items:center;gap:.7rem;min-width:0;margin:0;display:grid}.lightbox__shot{object-fit:contain;background:var(--lembah);border:1px solid var(--garis);max-width:100%;max-height:calc(100dvh - clamp(6rem,14vh,9rem));display:block}.lightbox__caption{width:100%;max-width:42rem;font-family:var(--font-mono);font-variation-settings:"wdth" 88;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.62rem;display:flex}.lightbox__close,.lightbox__nav{border:1px solid var(--garis);background:var(--lembah);width:2.75rem;height:2.75rem;color:var(--kabut-50);font-family:var(--font-mono);cursor:pointer;border-radius:50%;align-self:center;padding:0;font-size:1.25rem;line-height:1;transition:color .12s,border-color .12s}.lightbox__close:hover,.lightbox__nav:hover{color:var(--natrium);border-color:var(--natrium)}.lightbox__close{position:absolute;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}@media (max-width:40rem){.lightbox{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);justify-items:center}.lightbox__nav--prev{order:3}.lightbox__figure{order:1;grid-column:auto}.lightbox__nav--next{order:2}}.colophon{border-top:1px solid var(--garis);font-family:var(--font-mono);font-variation-settings:"wdth" 90;letter-spacing:.14em;text-transform:uppercase;color:var(--kabut-30);flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;padding-top:1rem;font-size:.57rem;display:flex}.colophon p{margin:0}.colophon a{color:var(--kabut-50);-webkit-text-decoration-color:var(--garis);text-decoration-color:var(--garis);text-underline-offset:3px}.colophon a:hover{color:var(--natrium)}.masthead,.viewport,.identity,.details,.reel,.colophon{animation:.7s cubic-bezier(.2,.7,.3,1) backwards rise}.reel{animation-delay:.24s}.identity{animation-delay:60ms}.viewport{animation-delay:.12s}.details{animation-delay:.2s}.colophon{animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(9px)}}@media (max-width:60rem){.stage{grid-template:"identity""feed""details""reel"/minmax(0,1fr)}.identity{padding-top:0}}@media (max-width:34rem){.rail{grid-template-columns:repeat(2,minmax(0,1fr))}.title{font-size:clamp(1.9rem,11vw,2.6rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}