:root{--site-primary: var(--color-brand);--site-primary-dark: var(--color-brand-dark);--site-accent: var(--color-accent);--site-heading: var(--color-brand-ink);--site-bg-dark: var(--color-brand-deep)}.nav-pita{transition:height .5s ease,opacity .5s ease}.nav-bungkus{transition:padding .5s ease,background-color .15s ease}.nav-bar{transition:padding .5s ease,background-color .3s ease,border-color .15s ease,border-radius .15s ease,box-shadow .15s ease}@keyframes topbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes office-ping{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes cyber-sweep{0%{transform:translate3d(120%,120%,0) rotate(-45deg);opacity:0}50%{opacity:.5}to{transform:translate3d(-120%,-120%,0) rotate(-45deg);opacity:0}}@keyframes cyber-float{0%,to{transform:translateY(0);opacity:.06}50%{transform:translateY(-22px);opacity:.2}}.cyber-sweep{animation:cyber-sweep linear infinite;will-change:transform,opacity}.cyber-float{animation:cyber-float ease-in-out infinite;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.cyber-sweep,.cyber-float{animation:none}}.leaflet-container{font-family:inherit}.leaflet-control-zoom a{background:color-mix(in srgb,var(--color-brand-dark) 88%,transparent)!important;color:#cbd5e1!important;border-color:#ffffff1a!important}.leaflet-control-zoom a:hover{background:var(--color-accent)!important;color:var(--color-brand-dark)!important}.office-tooltip.leaflet-tooltip{background:color-mix(in srgb,var(--color-brand-deep) 92%,transparent);color:#fff;border:1px solid color-mix(in srgb,var(--color-accent) 60%,transparent);border-radius:6px;box-shadow:0 4px 14px #00000073;font-size:11px;font-weight:800;letter-spacing:.02em;padding:4px 9px}.office-tooltip.leaflet-tooltip-top:before{border-top-color:color-mix(in srgb,var(--color-accent) 60%,transparent)}.animate-topbar-in{animation:topbar-in .5s cubic-bezier(.16,1,.3,1) both}@layer components{.glass-nav{background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:50}.nav-link{position:relative;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:color .3s ease}.hero-gradient{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-brand) 15%,transparent) 0%,transparent 50%)}.btn-primary{background-color:var(--site-primary);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s ease;box-shadow:0 10px 15px -3px color-mix(in srgb,var(--color-brand) 25%,transparent)}.btn-secondary{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s ease}}.marquee-wrapper{width:100%;overflow:hidden;position:relative}.marquee-text{display:inline-block;padding-left:100%;animation:marquee-scroll 45s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-marquee-infinite{animation:marquee-infinite 80s linear infinite;will-change:transform}@keyframes marquee-infinite{0%{transform:translate(0)}to{transform:translate(calc(-50% - .625rem))}}.animate-ken-burns{animation:ken-burns 20s ease-in-out infinite alternate}@keyframes ken-burns{0%{transform:scale(1)}to{transform:scale(1.1)}}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.magazine-content{font-family:Playfair Display,serif!important}.magazine-content h1,.magazine-content h2,.magazine-content h3{font-family:Outfit,sans-serif!important;font-weight:900!important;margin-top:3rem;margin-bottom:1.5rem;line-height:1.2;color:#0f172a;letter-spacing:-.02em}.magazine-content p{margin-bottom:2rem}.magazine-content img{border-radius:2.5rem;margin:4rem 0;box-shadow:0 20px 50px #0000001a}.magazine-content blockquote{border-left:8px solid var(--site-primary);padding-left:2rem;font-style:italic;font-weight:600;color:#1e293b;margin:4rem 0}.listing-v2 .JpressMidBodyList{position:relative;overflow:hidden;border-radius:1.5rem}.listing-v2 .JpressMidBodyListImg{min-height:480px;position:relative;overflow:hidden;border-radius:1.5rem;transition:transform .5s ease;display:block;text-decoration:none;color:#fff}.listing-v2 .JpressMidBodyListImg:hover{transform:scale(1.01)}.listing-v2 .featured{position:absolute;top:0;left:0;background:var(--site-primary);color:#fff;padding:14px 35px 14px 40px;border-radius:0 0 20px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;z-index:10;box-shadow:0 8px 20px #00000026;display:flex;align-items:center;gap:12px}.listing-v2 .news-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 60%,transparent 100%);color:#fff;z-index:2}.listing-v2 .news-link{border:6px solid #fff;position:absolute;right:-5px;top:-5px;z-index:20;background:var(--site-primary);color:#fff;padding:12px 24px;display:flex;align-items:center;gap:10px;border-radius:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #00000026}.listing-v2 .news-link:hover{background:var(--site-primary-dark);transform:translate(-4px,4px);box-shadow:0 5px 15px #0003}html.aks-spasi-baris .user-shell :is(p,li,dd,dt,blockquote,td,th,figcaption,label,h1,h2,h3,h4,h5,h6){line-height:1.9!important}html.aks-spasi-huruf .user-shell :not(svg,path,circle,line){letter-spacing:.1em!important;word-spacing:.16em!important}html.aks-font-jelas .user-shell,html.aks-font-jelas .user-shell :not(svg,path){font-family:Atkinson Hyperlegible,Instrument Sans,ui-sans-serif,system-ui,sans-serif!important}html.aks-rata-kiri .user-shell :not(svg){text-align:left!important}html.aks-tautan .user-shell a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;outline:2px solid var(--color-brand)!important;outline-offset:2px!important;border-radius:3px}html.aks-fokus .user-shell :focus,html.aks-fokus .user-shell :focus-visible{outline:3px solid var(--color-brand-dark)!important;outline-offset:3px!important;box-shadow:0 0 0 6px #ef830066!important}html.aks-kursor,html.aks-kursor .user-shell,html.aks-kursor .user-shell *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'><path d='M4 2l16 9-7 2-4 8z' fill='%2306301C' stroke='white' stroke-width='1.5' stroke-linejoin='round'/></svg>") 7 3,auto!important}html.aks-kursor .user-shell :is(a,button,[role=button],input,select,textarea,label,summary,.leaflet-interactive){cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'><path d='M4 2l16 9-7 2-4 8z' fill='%23C9A84C' stroke='%2306301C' stroke-width='1.5' stroke-linejoin='round'/></svg>") 7 3,pointer!important}html.aks-diam .user-shell *,html.aks-diam .user-shell *:before,html.aks-diam .user-shell *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.aks-diam .user-shell .seksi-reveal{opacity:1!important;transform:none!important}html.aks-tanpa-gambar .user-shell :is(img,video,picture,iframe,canvas){visibility:hidden!important}html.aks-tanpa-gambar .user-shell *{background-image:none!important}html.aks-kontras .user-shell,html.aks-kontras .user-shell *:not(img,video,svg,path,circle,line,rect,polygon,.pointer-events-none){background-color:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;text-shadow:none!important}html.aks-kontras .user-shell .pointer-events-none{background:none!important}html.aks-kontras .user-shell :is(a,button,[role=button],summary){color:#ffeb3b!important;text-decoration:underline!important}html.aks-kontras .user-shell :is(a,button,[role=button]):is(:hover,:focus-visible){background-color:#ffeb3b!important;color:#000!important}html.aks-kontras .user-shell :is(a,button,[role=button]):is(:hover,:focus-visible) *{color:#000!important;background-color:transparent!important}html.aks-kontras .user-shell :is(input,textarea,select){border:2px solid #fff!important}html.aks-kontras .user-shell ::placeholder{color:#ccc!important}html.aks-kontras .user-shell hr,html.aks-kontras .user-shell [class*=border]{border-color:#fff!important}#aks-filter{position:fixed;inset:0;z-index:2147483000;pointer-events:none}html.aks-abu #aks-filter{-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1)}html.aks-balik #aks-filter{-webkit-backdrop-filter:invert(1) hue-rotate(180deg);backdrop-filter:invert(1) hue-rotate(180deg)}html.aks-saturasi #aks-filter{-webkit-backdrop-filter:saturate(.3);backdrop-filter:saturate(.3)}#aks-panduan{position:fixed;left:0;right:0;height:14px;transform:translateY(-50%);background:#ef830047;border-top:2px solid var(--color-brand-dark);border-bottom:2px solid var(--color-brand-dark);pointer-events:none;z-index:2147482990}.aks-masker{position:fixed;left:0;right:0;background:#0208309e;pointer-events:none;z-index:2147482990}.aks-dibaca{outline:3px solid var(--color-brand)!important;outline-offset:3px!important;background-color:#ffa33347!important}html.aks-baca .user-shell :is(p,h1,h2,h3,h4,h5,h6,li,a,button,td,th,label,blockquote,figcaption,dd,dt,span){cursor:help}
