:root{--papan:#16332b;--papan-deep:#0d211b;--papan-soft:#1e4036;--sore:#f4a62a;--sore-tekan:#d98c13;--seragam:#2c5fa8;--kapur:#faf9f6;--kapur-2:#f0ede4;--tinta:#14201c;--tinta-2:#5c6b65;--garis:#ddd9ce;--hati:#c8442f;--hijau-ya:#2e9e6b;--papan-ink:#c8d4ce;--papan-ink-2:#9fb0a9;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-util:"IBM Plex Mono", ui-monospace, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-pill:999px;--lift-1:0 1px 2px #14201c0f, 0 2px 8px #14201c0d;--lift-2:0 6px 24px #14201c1a;--wrap-max:1040px;--ease-out:cubic-bezier(.22, 1, .36, 1)}.btn{justify-content:center;align-items:center;gap:var(--s2);font-family:var(--font-body);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:2px solid #0000;min-height:44px;padding:14px 24px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s,box-shadow .2s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--seragam);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--sore);color:var(--papan-deep)}.btn-primary:hover{background:var(--sore-tekan);color:var(--papan-deep)}.btn-secondary{color:var(--papan);border-color:var(--papan);background:0 0}.btn-secondary:hover{background:var(--papan);color:var(--kapur)}.btn-secondary.on-dark{color:var(--kapur);border-color:var(--kapur)}.btn-secondary.on-dark:hover{background:var(--kapur);color:var(--papan)}.btn-quiet{color:var(--seragam);background:0 0;padding:14px 8px}.btn-quiet:hover{color:color-mix(in srgb, var(--seragam) 85%, #000);text-underline-offset:4px;text-decoration:underline}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.badge{font-family:var(--font-util);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--kapur-2);color:var(--papan);border:1px solid var(--garis);align-items:center;gap:6px;padding:6px 12px;font-size:11px;line-height:1;display:inline-flex}.badge.on-dark{background:var(--papan);color:var(--sore);border-color:var(--papan)}.badge.yes{background:color-mix(in srgb, var(--hijau-ya) 12%, #fff);color:#1f6e4b;border-color:color-mix(in srgb, var(--hijau-ya) 30%, #fff)}.site-section{padding:var(--s8) 0;border-top:1px solid var(--garis)}.site-section.band{background:var(--kapur-2)}.site-section.band+.site-section{border-top:0}@media (width>=720px){.site-section{padding:var(--s9) 0}}.sec-head{gap:var(--s4);margin-bottom:var(--s6);align-items:baseline;display:flex}.sec-num{font-family:var(--font-util);color:var(--sore-tekan);min-width:2ch;padding-top:6px;font-size:13px}.sec-head h2{letter-spacing:-.02em;font-size:clamp(26px,4vw,36px)}.sec-head .note{color:var(--tinta-2);text-align:right;max-width:34ch;margin-left:auto;font-size:14px}.sec-kicker{font-family:var(--font-util);letter-spacing:.14em;text-transform:uppercase;color:var(--sore-tekan);margin-bottom:var(--s4);font-size:12px;display:block}.grid{gap:var(--s5);display:grid}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (width<=760px){.g2,.g3,.g4{grid-template-columns:1fr}}.gallery-masonry{columns:3;column-gap:var(--s4);margin-top:var(--s6)}.gallery-masonry img{width:100%;margin-bottom:var(--s4);border-radius:var(--r-lg);border:1px solid var(--garis);break-inside:avoid;transition:transform .25s,box-shadow .25s;display:block}.gallery-masonry img:hover{box-shadow:var(--lift-2);transform:translateY(-3px)}@media (width<=900px){.gallery-masonry{columns:2}}@media (width<=560px){.gallery-masonry{columns:1}}.field label{color:var(--tinta);margin-bottom:var(--s2);font-size:14px;font-weight:700;display:block}.field input,.field select,.field textarea{border-radius:var(--r-sm);border:1.5px solid var(--garis);width:100%;color:var(--tinta);font-family:var(--font-body);background:#fff;padding:12px 14px;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--seragam);outline:none;box-shadow:0 0 0 3px #2c5fa829}.field input[aria-invalid=true]{border-color:var(--hati)}.field textarea{resize:vertical;min-height:120px}.err{color:var(--hati);border-radius:var(--r-sm);background:#c8442f14;padding:10px 14px;font-size:14px;font-weight:600}.card{border:1px solid var(--garis);border-radius:var(--r-md);padding:var(--s5);box-shadow:var(--lift-1);background:#fff;transition:box-shadow .25s,transform .25s}.card.hoverable:hover{box-shadow:var(--lift-2);transform:translateY(-2px)}.jam{background:var(--papan);border-radius:var(--r-lg);padding:var(--s6);color:var(--kapur);box-shadow:var(--lift-2)}.jam h3{color:var(--kapur);margin-bottom:var(--s5);letter-spacing:-.01em;font-size:22px}.jam ol{margin:0;padding:0;list-style:none;position:relative}.jam ol:before{content:"";background:#faf9f638;width:1px;position:absolute;top:8px;bottom:8px;left:53px}.jam li{gap:var(--s5);padding:var(--s3) 0;display:flex;position:relative}.jam time{font-family:var(--font-util);color:var(--sore);font-variant-numeric:tabular-nums;flex:none;width:46px;padding-top:3px;font-size:12px}.jam .dot{background:var(--sore);border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:50px}.jam .what{padding-left:var(--s5)}.jam .what b{font-size:15px;font-weight:700;display:block}.jam .what span{color:var(--papan-ink);font-size:13.5px}.jam .jam-preview-tag{margin-top:var(--s5);padding-top:var(--s4);justify-content:space-between;align-items:center;gap:var(--s3);border-top:1px solid #faf9f62e;flex-wrap:wrap;display:flex}.jam .jam-preview-tag span{color:var(--papan-ink);font-size:13px}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.stat{border-left:3px solid var(--sore);padding-left:var(--s4)}.stat b{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1;display:block}.stat span{color:var(--tinta-2);font-size:13.5px}.stat.on-dark span{color:var(--papan-ink)}.profile{align-items:center;gap:var(--s3);display:flex}.profile .ava{width:40px;height:40px;font-family:var(--font-display);color:var(--kapur);background:var(--seragam);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.profile b{font-size:14px;line-height:1.25;display:block}.profile span{color:var(--tinta-2);font-size:12.5px}.empty{border:1.5px dashed var(--garis);border-radius:var(--r-md);padding:var(--s5);text-align:center}.empty .empty-title{font-size:19px}.empty p{max-width:34ch;color:var(--tinta-2);margin:8px auto 16px;font-size:14px}.report-card{gap:var(--s4);flex-direction:column;display:flex}.report-card .report-meta{font-family:var(--font-util);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);gap:var(--s3);flex-wrap:wrap;font-size:11.5px;display:flex}.report-card h3{font-size:22px}.report-card .report-stats{gap:var(--s5);flex-wrap:wrap;display:flex}.report-card .report-cta{margin-top:auto}.mast{background:var(--papan);color:var(--kapur);padding:var(--s9) 0 var(--s8);position:relative;overflow:hidden}.mast .eyebrow{font-family:var(--font-util);letter-spacing:.14em;text-transform:uppercase;color:var(--sore);margin-bottom:var(--s4);font-size:12px}.mast h1{color:var(--kapur);letter-spacing:-.02em;max-width:16ch;font-size:clamp(38px,7vw,68px)}.mast .lede{max-width:56ch;margin-top:var(--s5);color:var(--papan-ink);font-size:18px}.mast:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(#faf9f606 0 1px,#0000 1px 48px);position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-rise{animation:rise .6s var(--ease-out) both}.hero-rise-1{animation-delay:50ms}.hero-rise-2{animation-delay:.15s}.hero-rise-3{animation-delay:.25s}.hero-rise-4{animation-delay:.35s}.site-nav{border-bottom:1px solid var(--garis)}.site-nav .nav-inner{max-width:var(--wrap-max);padding:var(--s4) var(--s5);align-items:center;gap:var(--s5);margin:0 auto;display:flex}.site-nav .brand{align-items:center;gap:var(--s3);font-family:var(--font-display);color:var(--tinta);letter-spacing:-.01em;font-size:20px;font-weight:800;display:inline-flex}.site-nav .brand:hover{color:var(--tinta)}.site-nav .brand-mark{object-fit:cover;border-radius:50%;flex:none;width:78px;height:78px}.site-nav nav{align-items:center;gap:var(--s5);margin-left:auto;display:flex}.site-nav .nav-links{gap:var(--s5);margin:0;padding:0;list-style:none;display:flex}.site-nav .nav-links a{color:var(--tinta-2);padding:6px 2px;font-size:14.5px;font-weight:500}.site-nav .nav-links a:hover{color:var(--tinta)}.site-nav .nav-links a.is-active{color:var(--sore-tekan)}.site-nav .btn-primary{flex:none}@media (width<=640px){.site-nav .nav-links{display:none}}.site-footer{background:var(--papan-deep);color:var(--papan-ink-2);padding:var(--s7) 0;font-size:14px}.site-footer .foot-brand{font-family:var(--font-util);letter-spacing:.1em;text-transform:uppercase;color:var(--sore);margin-bottom:var(--s4);font-size:12px}.site-footer .foot-grid{gap:var(--s6);margin-bottom:var(--s6);grid-template-columns:2fr 1fr 1fr;display:grid}.site-footer h4{color:var(--kapur);font-size:13px;font-family:var(--font-body);letter-spacing:0;margin-bottom:var(--s3);font-weight:700}.site-footer .foot-links{gap:var(--s2);margin:0;list-style:none;display:grid}.site-footer .foot-links a{color:var(--papan-ink-2)}.site-footer .foot-links a:hover{color:var(--sore)}.site-footer .legal{padding-top:var(--s5);color:var(--papan-ink-2);border-top:1px solid #faf9f61f;font-size:12.5px;line-height:1.7}.site-footer .legal b{color:var(--kapur);font-weight:500}@media (width<=720px){.site-footer .foot-grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--kapur);color:var(--tinta);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.1}p{margin:0 0 var(--s4)}a{color:var(--seragam);text-decoration:none;transition:color .15s}a:hover{color:color-mix(in srgb, var(--seragam) 85%, #000)}ul,ol{padding:0}::selection{background:var(--sore);color:var(--papan-deep)}:focus-visible{outline:3px solid var(--seragam);outline-offset:3px;border-radius:var(--r-sm)}.wrap{max-width:var(--wrap-max);padding:0 var(--s5);margin:0 auto}.skip-link{left:var(--s4);z-index:100;padding:var(--s3) var(--s4);background:var(--sore);color:var(--papan-deep);border-radius:var(--r-sm);font-weight:700;transition:top .2s;position:absolute;top:-100%}.skip-link:focus{top:var(--s4);color:var(--papan-deep)}.label{font-family:var(--font-util);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);font-size:11px}.mono{font-family:var(--font-util);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.l-constrain{max-width:62ch}.bodysm{color:var(--tinta-2);font-size:14px;line-height:1.55}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}