.das-sj{--das-sj-gelap:#1a1d1c;--das-sj-tepi:clamp(16px, 3vw, 40px);background:var(--das-bg)}.das-sj__hero{background:var(--das-sj-gelap);height:260svh}.das-sj__hero.is-diam{--das-sj-judul:1;height:auto}.das-sj__hero-panggung{background:var(--das-sj-gelap);height:100svh;margin:0;position:sticky;top:0;overflow:hidden}.das-sj__hero-video{object-fit:cover;object-position:34% 50%;width:100%;height:100%;position:absolute;inset:0}.das-sj__hero-redup{opacity:var(--das-sj-judul,0);background:linear-gradient(#0c0e0d38 0%,#0c0e0d9e 58%,#0c0e0deb 100%);position:absolute;inset:0}.das-sj__hero-teks{left:var(--das-sj-tepi);right:var(--das-sj-tepi);color:#fff;opacity:var(--das-sj-judul,0);transform:translateY(calc((1 - var(--das-sj-judul,0)) * 28px));position:absolute;bottom:clamp(24px,6vh,64px)}.das-sj__hero-teks h2{letter-spacing:-.03em;text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(42px,7.2vw,112px);font-weight:800;line-height:.98}.das-sj__hero-teks p{color:#ffffffd6;max-width:64ch;margin:clamp(16px,2.4vh,24px) 0 0;font-size:13px;line-height:20px}.das-sj__hero-alih{color:#fff;cursor:pointer;background:#0c0e0d8c;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;right:16px}.das-sj__hero-alih svg{fill:currentColor;width:18px;height:18px}.das-sj__hero-alih:hover{background:#0c0e0dcc}.das-sj__pembuka{max-width:34ch;padding:clamp(56px, 10vh, 112px) var(--das-sj-tepi);letter-spacing:-.015em;text-wrap:pretty;max-inline-size:min(100%,980px);margin:0;font-size:clamp(24px,3vw,40px);font-weight:500;line-height:1.28}.das-sj__badan{grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:start;display:grid}.das-sj__panel{z-index:2;background:var(--das-sj-gelap);flex-direction:column;height:100svh;display:flex;position:sticky;top:0}.das-sj__panggung{flex:1;min-height:0;position:relative;overflow:hidden}.das-sj__peta{position:absolute;inset:0}.das-sj__maptiler{z-index:1;line-height:0;position:absolute;bottom:10px;left:10px}.das-sj .maplibregl-ctrl-attrib{font-family:var(--das-font);font-size:11px}.das-sj__foto{z-index:2;background:var(--das-sj-gelap);opacity:0;visibility:hidden;place-items:center;padding:clamp(0px,2vw,28px);transition:opacity .6s ease-in-out,visibility 0s .6s;display:grid;position:absolute;inset:0}.das-sj__foto.is-aktif{z-index:3;opacity:1;visibility:visible;transition:opacity .6s ease-in-out}.das-sj__panggung[data-jenis=foto] .das-sj__foto:not(.is-aktif){transition:opacity 0s .6s,visibility 0s .6s}.das-sj__foto img{object-fit:contain;width:100%;height:100%;display:block}.das-sj__caption{min-height:96px;padding:14px var(--das-sj-tepi) 18px;color:#ffffffd6;flex:none;margin:0;font-size:13px;line-height:20px}.das-sj__kendali{z-index:4;justify-items:start;gap:8px;display:grid;position:absolute;top:12px;left:12px}.das-sj__era{background:#14181ce6;border-radius:4px;display:flex}.das-sj__era button{color:#fff;min-height:44px;font:600 13px/1 var(--das-font);cursor:pointer;background:0 0;border:0;padding:0 14px}.das-sj__era button:hover{background:#ffffff24}.das-sj__era button:first-child{border-radius:4px 0 0 4px}.das-sj__era button:last-child{border-radius:0 4px 4px 0}.das-sj__era button[aria-current=true]{background:#b8141a}.das-sj__tebal{color:#fff;background:#14181ce6;border-radius:4px;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.das-sj__tebal input{accent-color:#e8434a;cursor:pointer;width:110px}.das-sj__penanda{background:#c8191f;border:2px solid #fff;border-radius:50%;width:12px;height:12px}.das-sj__penanda span{color:#fff;width:max-content;max-width:230px;font:600 12.5px/17px var(--das-font);background:#14181ce6;border-radius:3px;padding:4px 8px;position:absolute;top:50%;transform:translateY(-50%)}.das-sj__penanda--kanan span{left:calc(100% + 6px)}.das-sj__penanda--kiri span{right:calc(100% + 6px)}.das-sj__pesan{color:#fff;text-align:center;align-content:center;place-items:center;gap:12px;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.das-sj__pesan img{max-width:100%;max-height:70%}.das-sj__teks{min-width:0;padding:0 var(--das-sj-tepi) 22vh clamp(24px, 4vw, 64px)}.das-sj__bab{max-width:560px;padding-top:24vh}.das-sj__bab:first-child{padding-top:10vh}.das-sj__label{color:var(--das-accent-ink);margin:0 0 6px;font-size:17px;font-weight:600;line-height:24px}.das-sj__bab h3{letter-spacing:-.02em;text-wrap:balance;margin:0 0 28px;font-size:clamp(27px,2.8vw,38px);font-weight:700;line-height:1.14}.das-sj__segmen+.das-sj__segmen{margin-top:40vh}.das-sj__p{color:var(--das-ink);margin:0 0 20px;font-size:17px;line-height:29px}.das-sj__p:last-child{margin-bottom:0}.das-sj__penutup{letter-spacing:-.02em;color:var(--das-ink);margin:40px 0 0;font-size:clamp(25px,2.5vw,34px);font-weight:700;line-height:1.24}.das-sj__caption-alir{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=959px){.das-sj__hero-video{object-position:20% 50%}.das-sj__badan{display:block}.das-sj__panel{height:46svh}.das-sj__caption{display:none}.das-sj__foto{padding:0}.das-sj__teks{padding:0 16px 16vh}.das-sj__bab,.das-sj__bab:first-child{max-width:640px;margin-inline:auto;padding-top:56px}.das-sj__segmen+.das-sj__segmen{margin-top:44px}.das-sj__caption-alir{clip:auto;border-left:3px solid var(--das-line);width:auto;height:auto;color:var(--das-ink-soft);margin:0 0 20px;padding-left:10px;font-size:13px;line-height:20px;position:static;overflow:visible}.das-sj__p{font-size:16px;line-height:27px}.das-sj__kendali{gap:6px;top:8px;left:8px}.das-sj__era button{padding:0 11px}.das-sj__tebal{min-height:36px}.das-sj__penanda span{max-width:130px;font-size:11.5px;line-height:15px}}@media (prefers-reduced-motion:reduce){.das-sj__foto,.das-sj__foto.is-aktif,.das-sj__panggung[data-jenis=foto] .das-sj__foto:not(.is-aktif){transition:none}}
