/* MB9 — hasil build dari src/css (npm run build). Jangan diedit langsung. */
:root{--lime: #c5fa01;--lime-2: #dcf96f;--lime-3: #eefcb2;--ink: #2b2b2b;--ink-2: #333333;--ink-3: #777777;--grey: #9e9a96;--grey-2: #bebdba;--paper: #ececea;--white: #ffffff;--blue: #2150f5;--blue-2: #628af6;--blue-3: #afc3f8;--magenta: #c616c6;--pink: #e0338a;--pink-3: #fcd9ea;--gold: #efd48f;--green: #3f7a1f;--orange: #f06414;--mono: "Roboto Mono", "Noto Sans Mono", ui-monospace, monospace;--sans: "Public Sans", system-ui, -apple-system, sans-serif;--gutter: clamp(16px, 4vw, 48px);--maxw: 1280px;--radius: 4px;--ease: cubic-bezier(.2, .8, .2, 1);--notch: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px) )}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}main{overflow-x:clip}body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--ink-2);background:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.1}p{margin:0 0 1em}.mono{font-family:var(--mono);letter-spacing:.02em}.hl{color:var(--lime)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.section{padding:clamp(80px,12vw,150px) 0;position:relative}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.noise{position:fixed;inset:-60px;z-index:10010;pointer-events:none;--noise-o: .18;--burst: 11s;--intro: 3.6s;opacity:var(--noise-o);mix-blend-mode:difference;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}.noise.is-intro{opacity:0}.is-loaded .noise.is-intro{opacity:var(--noise-o);animation:grain 1.2s steps(6) infinite,tv-in var(--intro) steps(1,end) 1}@keyframes tv-in{0%,83%{opacity:0}84.5%{opacity:calc(var(--noise-o) + .15)}86%{opacity:0}88.5%{opacity:calc(var(--noise-o) + .1)}90.5%{opacity:0}93%{opacity:calc(var(--noise-o) + .15)}95%{opacity:0}97%{opacity:calc(var(--noise-o) + .05)}98.5%{opacity:0}to{opacity:calc(var(--noise-o) + .08)}}.noise.is-burst,.is-loaded .noise.is-burst{animation:grain .22s steps(6) infinite,tv-burst var(--burst) steps(1,end) 1}@keyframes tv-burst{0%{opacity:var(--noise-o)}0.5%{opacity:calc(var(--noise-o) + .15)}1.4%{opacity:0}2.2%{opacity:calc(var(--noise-o) + .1)}3%{opacity:0}3.8%{opacity:calc(var(--noise-o) + .15)}4.6%{opacity:0}95.5%{opacity:calc(var(--noise-o) + .15)}96.7%{opacity:0}97.8%{opacity:calc(var(--noise-o) + .08)}to{opacity:var(--noise-o)}}@keyframes grain{0%,to{transform:translateZ(0)}20%{transform:translate3d(-40px,30px,0)}40%{transform:translate3d(30px,-45px,0)}60%{transform:translate3d(-30px,-15px,0)}80%{transform:translate3d(45px,45px,0)}}.anim-off .logo-row,.anim-off .marquee__track,.anim-off .footer__big,.anim-off .footer__logo,.anim-off .tilt__mark,.anim-off .tilt__shadow,.anim-off .soon__icon .hand,.anim-off .hero__scroll i:after,.anim-off .layanan__scroll i:after,.anim-off .countdown__label:before,.anim-off .nav__flag,.anim-off .asatidz__note:before,.anim-off .day__badge--today:before,.anim-off .ustadz.is-live .ustadz__body:after,.anim-off .ustadz.is-live .ustadz__body:before,.anim-off .ustadz>.jlive:before,.anim-off .day.is-piled.is-today,.anim-off .peta__pin i:after{animation-play-state:paused}.scroll-progress{position:fixed;inset:0 0 auto;height:4px;z-index:9980;pointer-events:none}.scroll-progress span{display:block;height:100%;background:var(--blue);transform-origin:0 50%;transform:scaleX(0)}.cursor{display:none}@media(hover:hover)and (pointer:fine){.cursor{display:grid;place-items:center;position:fixed;left:0;top:0;z-index:9995;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--lime);border:2px solid var(--ink);transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .3s,border-color .3s;mix-blend-mode:normal}.cursor.is-hover{width:44px;height:44px;margin:-22px 0 0 -22px;background:transparent}.cursor.is-on-dark{border-color:var(--white)}.cursor.has-label{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--lime)}.cursor__label{font:700 12px/1 var(--mono);text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .2s}.cursor.has-label .cursor__label{opacity:1}.cursor.is-hidden{opacity:0}}.preloader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--lime)}html:not(.js) .preloader{display:none}.preloader__inner{position:relative;z-index:2;display:grid;justify-items:center;gap:18px}.preloader__mark{width:clamp(120px,30vw,170px);height:auto;animation:mark-float 1.6s ease-in-out infinite alternate}.preloader__text{font-weight:700;font-size:15px;color:var(--ink)}.preloader__text .hl{color:var(--ink);background:var(--ink);color:var(--lime);padding:0 6px}.preloader__count{font-size:56px;font-weight:700;color:var(--ink);line-height:1}.preloader__panels{position:absolute;inset:0;display:flex;z-index:1;pointer-events:none}.preloader__panels i{flex:1;background:var(--ink);transform:scaleY(0);transform-origin:50% 100%}@keyframes mark-float{0%{translate:0 7px}to{translate:0 -7px}}.anim-off .preloader__mark,.anim-off .mmenu__logo{animation-play-state:paused}.is-loaded .preloader{pointer-events:none}.pre-quick .preloader{background:transparent}.pre-quick .preloader__inner{display:none}.pre-quick .preloader__panels i{transform:scaleY(1)}.btn{--bg: var(--ink);--fg: var(--white);--bw: 3px;position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 26px;font:700 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--fg);background:var(--bg);border:var(--bw) solid var(--ink);border-radius:0;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));overflow:hidden;isolation:isolate;transition:color .35s var(--ease)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lime);transform:translateY(101%);transition:transform .45s var(--ease)}.btn:hover:before,.btn:focus-visible:before{transform:translateY(0)}.btn:hover,.btn:focus-visible{color:var(--ink)}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(4px)}.btn{--edge: var(--ink)}.btn--ghost{--bg: transparent;--fg: var(--ink)}.btn--ghost:before{background:var(--ink)}.btn--ghost:hover,.btn--ghost:focus-visible{color:var(--lime)}.btn--lime{--bg: var(--lime);--fg: var(--ink)}.btn--lime:before{background:var(--white)}.btn--line{--bg: transparent;--fg: var(--white);--edge: var(--white);border-color:var(--white)}.btn--line:before{background:var(--white)}.btn--line:hover,.btn--line:focus-visible{color:var(--ink)}@property --edge{syntax: "<color>"; inherits: true; initial-value: transparent;}.btn,.lcard,.cal__opts,.a2hs,.stats,.mmenu__meta,.share-pop{--edge-s: 12px;--edge-w: var(--bw);--edge-tr: linear-gradient(45deg, transparent calc(50% - var(--edge-w)), var(--edge) calc(50% - var(--edge-w)) 50%, transparent 50%);--edge-bl: linear-gradient(45deg, transparent 50%, var(--edge) 50% calc(50% + var(--edge-w)), transparent calc(50% + var(--edge-w)))}.btn:after,.lcard:after,.cal__opts:after,.a2hs:after,.stats:after,.mmenu__meta:after,.share-pop:after{content:"";position:absolute;inset:calc(-1 * var(--bw));pointer-events:none;background-image:var(--edge-tr),var(--edge-bl);background-repeat:no-repeat;background-size:var(--edge-s) var(--edge-s);background-position:right top,left bottom}.lcard,.cal__opts,.a2hs,.stats,.share-pop{--edge-s: 18px;--bw: 3px}.mmenu__meta{--edge-s: 18px;--bw: 2px}.cal__opts,.a2hs,.stats,.mmenu__meta,.share-pop{--edge: var(--ink)}.lcard{--edge: #4a4a4a}.lcard.is-active,.lcard--cta{--edge: var(--lime)}.lcard--cta.is-active{--edge: var(--white)}.btn--sm{padding:12px 18px;font-size:12px}.btn[hidden]{display:none}@media(hover:hover)and (pointer:fine){.for-touch{display:none}}@media(hover:none),(pointer:coarse){.for-mouse{display:none}}.kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tag{display:inline-block;padding:5px 9px;font-size:12px;background:var(--lime);color:var(--ink)}.tag--dark{background:var(--ink);color:var(--lime)}.title{font-family:var(--mono);font-weight:700;font-size:clamp(30px,5vw,60px);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}.title--light{color:var(--white)}.notch{display:inline;background:var(--ink);color:var(--white);padding:.06em .3em;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.35}.notch--lime{background:var(--lime);color:var(--ink)}.hl-block{display:inline;background:var(--lime);color:var(--ink);padding:0 .25em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sec-head{margin-bottom:clamp(36px,5vw,64px);max-width:880px}.sec-head--center{margin-inline:auto;text-align:center}.sec-head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.sec-num{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--blue);margin-bottom:16px}.sec-num:after{content:"";width:44px;height:2px;background:currentColor}.sec-sub{margin-top:18px;font-size:18px;color:var(--ink-3);max-width:640px}.sec-head--center .sec-sub{margin-inline:auto}.sec-sub [data-mb9=hours]{white-space:nowrap}.note{margin-top:28px;font-size:14px;color:var(--ink-3);max-width:100%}.nav{position:fixed;top:14px;left:50%;z-index:9000;width:calc(100% - 2 * var(--gutter));max-width:var(--maxw);display:flex;align-items:center;gap:20px;padding:10px 10px 10px 16px;background:#ececeac7;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:2px solid var(--ink);transform:translate(-50%);transition:transform .5s var(--ease),background .3s}.nav.is-hidden{transform:translate(-50%,-140%)}.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav__brand img{width:36px;height:auto;transition:transform .6s var(--ease)}.nav__brand:hover img{transform:rotate(-8deg) scale(1.08)}.nav__brand span{font:700 18px/.98 var(--mono);text-transform:uppercase;letter-spacing:-.02em;color:var(--ink)}.nav__links{display:flex;gap:4px}.nav__links a{position:relative;padding:9px 12px;font:600 14px/1 var(--sans);text-decoration:none;color:var(--ink-2)}.nav__links a:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease)}.nav__links a:hover:after,.nav__links a.is-active:after{transform:scaleX(1)}.nav__links a.is-active{color:var(--ink)}.roll{display:inline-block;overflow:hidden;vertical-align:top;padding:.15em 0;margin:-.15em 0}.roll>span{display:inline-block;text-shadow:0 1.6em currentColor;transition:translate .45s var(--ease)}.nav__links a:hover .roll>span{translate:0 -1.6em}@media(prefers-reduced-motion:reduce){.roll>span{transition:none}}.nav__flag{position:absolute;top:3px;right:3px;width:7px;height:7px;background:var(--blue);animation:blink 1s steps(2) infinite}.nav__flag[hidden]{display:none}.nav__simple{display:none;place-items:center;width:46px;height:46px;margin-right:-10px;flex:none;border:2px solid var(--ink);background:var(--white);color:var(--ink);font:700 18px/1 var(--mono);letter-spacing:-.04em;text-decoration:none}.nav__simple:hover,.nav__simple:focus-visible{background:var(--lime)}.nav__hint{position:absolute;top:calc(100% + 12px);right:-2px;width:min(300px,calc(100vw - 2 * var(--gutter)));display:flex;align-items:flex-start;gap:8px;padding:12px 12px 12px 14px;background:var(--ink);color:var(--white);box-shadow:0 14px 30px #0000004d;opacity:0;translate:0 -8px;transition:opacity .4s var(--ease),translate .4s var(--ease)}.nav__hint.is-in{opacity:1;translate:0 0}.nav__hint[hidden]{display:none}.nav__hint:before{content:"";position:absolute;bottom:100%;right:80px;border:10px solid transparent;border-top:0;border-bottom-color:var(--ink)}.nav__hint a{flex:1;font:400 14px/1.4 var(--sans);color:#ffffffd9;text-decoration:none}.nav__hint b{display:block;color:var(--lime);font-weight:700;text-decoration:underline;text-underline-offset:3px}.nav__hint-x{flex:none;width:32px;height:32px;margin:-6px -6px 0 0;display:grid;place-items:center;background:none;border:0;color:var(--grey-2);font-size:22px;line-height:1;cursor:pointer}.nav__burger{--t: 7px;display:none;width:46px;height:46px;border:0;background:var(--ink);cursor:pointer;position:relative}.nav__burger span{position:absolute;top:calc(50% - var(--t) * 1.5);left:calc(50% - var(--t) * 1.5);width:var(--t);height:var(--t);background:var(--lime);box-shadow:0 0 0 .5px var(--lime),var(--t) 0 0 .5px var(--lime),calc(var(--t) * 2) 0 0 .5px var(--lime),0 calc(var(--t) * 2) 0 .5px var(--lime),var(--t) calc(var(--t) * 2) 0 .5px var(--lime),calc(var(--t) * 2) calc(var(--t) * 2) 0 .5px var(--lime);transition:box-shadow .4s var(--ease)}.menu-open .nav__burger span{box-shadow:0 0 0 .5px var(--lime),var(--t) var(--t) 0 .5px var(--lime),calc(var(--t) * 2) 0 0 .5px var(--lime),0 calc(var(--t) * 2) 0 .5px var(--lime),var(--t) var(--t) 0 .5px var(--lime),calc(var(--t) * 2) calc(var(--t) * 2) 0 .5px var(--lime)}.mmenu{position:fixed;inset:0;z-index:8990;background:var(--lime);padding:110px var(--gutter) 40px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;clip-path:circle(0 at calc(100% - 50px) 40px);transition:clip-path .7s var(--ease);visibility:hidden}.menu-open .mmenu{clip-path:circle(150% at calc(100% - 50px) 40px);visibility:visible}.mmenu nav{display:grid;gap:4px}.mmenu nav a{display:flex;align-items:baseline;gap:14px;font:700 clamp(30px,9vw,48px)/1.15 var(--mono);text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .5s var(--ease)}.mmenu nav a small{font-size:13px;color:var(--blue)}.mmenu__flag{display:inline-flex;align-items:center;gap:7px;font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;padding:5px 8px;background:var(--blue);color:var(--white);align-self:center}.mmenu__flag:before{content:"";flex:none;width:8px;height:8px;background:currentColor;animation:blink 1s steps(2) infinite}.mmenu__flag[hidden]{display:none}.menu-open .mmenu nav a{opacity:1;transform:none}.menu-open .mmenu nav a:nth-child(2){transition-delay:.05s}.menu-open .mmenu nav a:nth-child(3){transition-delay:.1s}.menu-open .mmenu nav a:nth-child(4){transition-delay:.15s}.menu-open .mmenu nav a:nth-child(5){transition-delay:.2s}.menu-open .mmenu nav a:nth-child(6){transition-delay:.25s}.menu-open .mmenu nav a:nth-child(7){transition-delay:.3s}.menu-open .mmenu nav a:nth-child(8){transition-delay:.35s}.mmenu__foot{display:grid;gap:16px}.mmenu__home{justify-self:end;display:block;line-height:0;padding:0;border:0;background:none;cursor:pointer}.mmenu__home:focus-visible{outline-offset:4px}.mmenu__logo{display:block;width:clamp(76px,20vw,104px);height:auto;animation:mark-float 2.8s ease-in-out infinite alternate}.mmenu__meta{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.5;margin:0;padding:14px 16px;background:var(--ink);color:var(--lime);text-decoration:none;border:var(--bw) solid var(--ink);clip-path:var(--notch);position:relative;transition:background .25s,color .25s}.mmenu__meta:before{content:"";flex:none;width:10px;height:10px;background:currentColor;animation:blink 1s steps(2) infinite}.mmenu__meta [data-mb9=menuDates]{white-space:nowrap}.mmenu__meta:hover,.mmenu__meta:focus-visible{background:var(--lime);color:var(--ink)}.lqip{position:relative;display:block}.lqip:before{content:"";position:absolute;inset:0;z-index:0;background:var(--lqip) center / cover no-repeat;filter:blur(14px);transform:scale(1.08);transition:opacity .5s var(--ease)}.lqip img{position:relative;z-index:1;opacity:0;transition:opacity .5s var(--ease)}.lqip.is-loaded:before{opacity:0}.lqip.is-loaded img{opacity:1}.hero{position:relative;min-height:100svh;padding:116px 0 32px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.hero__bg{position:absolute;inset:0;z-index:0}.hero__photo{position:absolute;inset:-6% 0 0;width:100%;height:112%;object-fit:cover;filter:grayscale(1) contrast(1.1);opacity:.28;mix-blend-mode:multiply}.hero__grid{position:absolute;inset:0;width:100%;height:100%;color:var(--blue);opacity:.28}.hero__bg:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,var(--paper))}.hero__inner{position:relative;z-index:2;flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px}.hero__title{font:700 clamp(34px,5.4vw,78px)/1.02 var(--mono);text-transform:uppercase;letter-spacing:-.035em;color:var(--white);margin-bottom:34px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero__title .line{display:block;overflow:hidden;padding:2px 0}.hero__title .blk{display:inline-block;background:var(--ink);padding:.04em .18em .08em}.hero__title .blk--lime{background:var(--lime);color:var(--ink)}.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-bottom:34px}.hero__date{display:flex;align-items:center;gap:12px;color:var(--blue)}.hero__date strong{font-size:clamp(40px,5vw,68px);line-height:1;font-weight:700;letter-spacing:-.04em}.hero__date span{font-size:clamp(15px,1.6vw,22px);font-weight:700;line-height:1}.hero__facts{list-style:none;margin:0;padding:0 0 0 20px;border-left:3px solid var(--ink);font:600 15px/1.6 var(--mono);text-transform:uppercase}.hero__actions{display:flex;flex-wrap:wrap;gap:14px}.hero__visual{position:relative;display:grid;place-items:center;perspective:1000px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.hero__visual:focus-visible{outline:2px solid var(--blue);outline-offset:8px}.tilt{position:relative;width:min(100%,440px);transform-style:preserve-3d;will-change:transform}.tilt__mark{position:relative;width:78%;height:auto;margin:0 auto;transform:translateZ(60px);filter:drop-shadow(0 30px 30px rgba(0,0,0,.18));animation:float 6s ease-in-out infinite}.tilt__echo{position:absolute;inset:0;pointer-events:none}.tilt__echo svg{position:absolute;left:11%;top:0;width:78%;height:auto;fill:none;stroke:var(--ink);stroke-width:12;stroke-linejoin:round;transform:translate(var(--ex, 0px),var(--ey, 0px));will-change:transform}.tilt__echo svg:nth-child(1){translate:0 24%;scale:1.12;opacity:.34}.tilt__echo svg:nth-child(2){translate:0 16%;scale:1.08;opacity:.54}.tilt__echo svg:nth-child(3){translate:0 8%;scale:1.04;opacity:.78}@media(max-width:860px){.tilt__echo svg{stroke-width:16}.tilt__echo svg:nth-child(1){translate:0 13%;scale:1.06;opacity:.3}.tilt__echo svg:nth-child(2){translate:0 9%;scale:1.04;opacity:.48}.tilt__echo svg:nth-child(3){translate:0 5%;scale:1.02;opacity:.7}}.tilt__shadow{position:absolute;left:12%;right:12%;bottom:-4%;height:16%;background:radial-gradient(closest-side,rgba(0,0,0,.28),transparent);filter:blur(6px);transform:translateZ(0);animation:shadow 6s ease-in-out infinite}.deco{position:absolute;pointer-events:none}.deco--squares{width:26%;top:0;right:-4%;transform:translateZ(120px)}.share-hint{font:700 15px/1 var(--mono);letter-spacing:.06em;transition:opacity .4s}.share-seen .share-hint{opacity:0}.hero-hint{display:none}@media(max-width:860px){.share-hint{display:none}.hero-hint{display:block;position:absolute;z-index:5;right:50%;bottom:50%;isolation:isolate;pointer-events:none;visibility:hidden;transform-origin:100% 100%}.hero-hint__b{position:relative;z-index:2;display:block;padding:10px 14px 20px;background:var(--blue);color:var(--white);font:700 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 14px) calc(100% - 10px),0 calc(100% - 10px))}.hero-hint:before,.hero-hint:after{content:"";position:absolute;inset:0 0 10px}.hero-hint:before{z-index:0;background:#afc3f8;translate:-12px -10px}.hero-hint:after{z-index:1;background:#628af6;translate:-6px -5px}.hint-pop .hero-hint,.hint-out .hero-hint{visibility:visible}.hint-pop .hero-hint{animation:hint-in .55s cubic-bezier(.34,1.56,.64,1) both}.hint-out .hero-hint{animation:hint-out .35s cubic-bezier(.65,0,.35,1) both}}@keyframes hint-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hint-out{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.deco--arrows{width:34%;bottom:-6%;left:-14%;transform:translateZ(90px)}@keyframes float{50%{transform:translateZ(60px) translateY(-16px)}}@keyframes shadow{50%{transform:scale(.86);opacity:.7}}.countdown{position:relative;z-index:2;width:calc(100% - 2 * var(--gutter));max-width:calc(var(--maxw) - 2 * var(--gutter));margin:40px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:18px 24px;background:var(--ink);color:var(--white);clip-path:var(--notch)}.countdown__label{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--lime);letter-spacing:.1em}.countdown__label:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--lime);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.countdown__head{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 20px}.countdown__label,.countdown__today{white-space:nowrap}@media(max-width:660px){.countdown__date{display:none}}@media(max-width:380px){.countdown__head{gap:8px 10px}.countdown__label{font-size:10px;letter-spacing:.06em}.countdown__label:before{margin-right:7px}.countdown__today{letter-spacing:.04em}}.countdown__today{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);text-decoration:none;padding:6px 10px;background:var(--lime);border:1px solid var(--lime);transition:background .25s,color .25s,border-color .25s}.countdown__today:hover,.countdown__today:focus-visible{background:var(--white);border-color:var(--white)}@media(min-width:561px){.countdown__today{order:-1}}.countdown__units{--cdn: clamp(28px, 4vw, 44px);--cdg: clamp(26px, 5.5vw, 64px);display:flex;gap:var(--cdg)}.countdown__units div{display:grid;justify-items:center;min-width:54px}.countdown__units div+div{position:relative}.countdown__units div+div:before{content:"";position:absolute;right:calc(100% + (var(--cdg) - var(--cdn) * .19) / 2);top:calc(var(--cdn) * .22);width:calc(var(--cdn) * .19);height:calc(var(--cdn) * .19);background:var(--grey);box-shadow:0 calc(var(--cdn) * .38) 0 var(--grey);pointer-events:none}.countdown__units b{font:700 var(--cdn)/1 var(--mono);font-variant-numeric:tabular-nums}.cd-d{position:relative;display:inline-block;overflow:hidden;height:1.05em;line-height:1.05;vertical-align:top}.cd-d i{display:block;font-style:normal;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s}.cd-d i:not(:first-child){position:absolute;inset:0}.cd-d i.in{transform:translateY(100%);opacity:0}.cd-d i.out{transform:translateY(-100%);opacity:0}.countdown__units small{font:500 11px/1.8 var(--mono);text-transform:uppercase;color:var(--grey-2);letter-spacing:.1em}.countdown.is-live .countdown__units{display:none}.hero__scroll{position:absolute;right:var(--gutter);bottom:150px;z-index:2;display:grid;justify-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;text-decoration:none;writing-mode:vertical-rl}.hero__scroll i{width:2px;height:60px;background:var(--grey-2);position:relative;overflow:hidden}.hero__scroll i:after{content:"";position:absolute;inset:0;background:var(--ink);animation:scrollline 1.8s var(--ease) infinite}.layanan__scroll{display:none}@keyframes scrollline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.marquee{overflow:hidden;background:var(--lime);border-block:2px solid var(--ink);transform:rotate(-1.6deg) scale(1.03);margin:-10px 0;position:relative;z-index:3}.marquee--dark{background:var(--ink);color:var(--white)}.marquee__track{display:flex;width:max-content;animation:marquee var(--dur, 40s) linear infinite;font:700 clamp(16px,2vw,22px)/1 var(--mono);text-transform:uppercase;white-space:nowrap;will-change:transform}.marquee__group{display:flex;flex:none;align-items:center;gap:28px;padding:18px 28px 18px 0}.marquee__group b{color:var(--lime)}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.tema{background:var(--white)}.tema__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,7vw,100px);align-items:center}.tema__media{position:relative}.img-reveal{position:relative;overflow:hidden;clip-path:var(--notch);aspect-ratio:4/3;background:var(--grey-2)}.img-reveal img{width:100%;height:118%;object-fit:cover;object-position:90% 50%;filter:grayscale(1) contrast(1.05);transition:filter .8s var(--ease),opacity .5s var(--ease)}.img-reveal:after{content:"";position:absolute;inset:0;z-index:2;background:var(--lime);mix-blend-mode:multiply;opacity:.55;transition:opacity .8s var(--ease)}.tema__media:hover .img-reveal:after{opacity:.15}.glitch{position:absolute;inset:0;z-index:1;pointer-events:none}.glitch i{position:absolute;inset:0;background:var(--src) 90% 50% / cover no-repeat,var(--c);background-blend-mode:luminosity;mix-blend-mode:hard-light;opacity:0}.glitch.is-on i{animation:glitch-a .42s steps(1,end) both}.glitch i:nth-child(1){--c: var(--blue)}.glitch i:nth-child(2){--c: var(--lime)}.glitch.is-on i:nth-child(2){animation-name:glitch-b;animation-delay:.05s}@keyframes glitch-a{0%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}19%{opacity:.9;clip-path:inset(12% 0 70% 0);transform:translate(-14px)}38%{opacity:.9;clip-path:inset(48% 0 38% 0);transform:translate(18px)}57%{opacity:.9;clip-path:inset(78% 0 6% 0);transform:translate(-8px)}76%{opacity:.9;clip-path:inset(30% 0 58% 0);transform:translate(10px)}95%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}}@keyframes glitch-b{0%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}19%{opacity:.85;clip-path:inset(62% 0 24% 0);transform:translate(12px)}38%{opacity:.85;clip-path:inset(8% 0 82% 0);transform:translate(-20px)}57%{opacity:.85;clip-path:inset(40% 0 44% 0);transform:translate(6px)}76%{opacity:.85;clip-path:inset(86% 0 2% 0);transform:translate(-12px)}95%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}}.has-tglitch{position:relative}.tglitch,.tglitch>span{position:absolute;inset:0;pointer-events:none}.tglitch>span{opacity:0;animation:tglitch-a 4.6s steps(1,end) var(--d, 0s) infinite}.tglitch>span:nth-child(2){animation-name:tglitch-b}.tglitch>span:nth-child(1),.tglitch>span:nth-child(1) *{color:var(--blue)!important}.tglitch>span:nth-child(2),.tglitch>span:nth-child(2) *{color:var(--lime)!important}.tglitch>span *{background:transparent!important;opacity:1!important;transform:none!important}@keyframes tglitch-a{0%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}2%{opacity:1;clip-path:inset(10% 0 72% 0);transform:translate(-6px)}4%{opacity:1;clip-path:inset(52% 0 30% 0);transform:translate(7px)}6%{opacity:1;clip-path:inset(80% 0 4% 0);transform:translate(-4px)}8%{opacity:0}}@keyframes tglitch-b{0%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}2%{opacity:1;clip-path:inset(60% 0 22% 0);transform:translate(5px)}4%{opacity:1;clip-path:inset(18% 0 66% 0);transform:translate(-8px)}6%{opacity:1;clip-path:inset(36% 0 46% 0);transform:translate(4px)}8%{opacity:0}}@media(prefers-reduced-motion:reduce){.glitch,.tglitch{display:none}}.deco--zigzag{width:26%;right:-6%;top:-6%}.tema{overflow:hidden}.tema>.container{position:relative;z-index:1}.deco--tema-b{position:relative;display:block;width:55%;margin:-6% 0 0 -10%;z-index:1}.tema__media{--bleed: calc(max(0px, (100vw - var(--maxw)) / 2) + var(--gutter));margin-left:calc(var(--bleed) * -1)}.tema__media .img-reveal{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.tema .title{margin-bottom:30px}.tema .title .w{display:inline-block;overflow:hidden;vertical-align:top}.tema .title .w>span{display:inline-block}.tema .title .w-hl{background:var(--lime);color:var(--ink);padding:0 .12em}.lead{font-size:clamp(18px,1.5vw,20px);color:var(--ink-2)}.stats{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-auto-flow:column;gap:2px;background:var(--ink);border:var(--bw) solid var(--ink);position:relative;clip-path:var(--notch)}.stats li{display:contents}.stats b{background:var(--white);padding:20px 20px 18px;font-size:clamp(30px,3.4vw,46px);line-height:1;color:var(--ink)}.num-sfx{font-style:normal;font-size:.46em;letter-spacing:.02em}.stats span{padding:11px 20px;background:var(--ink);color:var(--grey-2);font-size:13.5px;line-height:1.35;box-shadow:inset 1px 0 #ffffff38}.stats li:hover b{background:var(--lime)}.jadwal{background:var(--paper);background-image:linear-gradient(var(--grey-2) 1px,transparent 1px),linear-gradient(90deg,var(--grey-2) 1px,transparent 1px);background-size:64px 64px;background-position:calc(50% + 32px) -1px}.jadwal:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--paper) 80%);pointer-events:none}.jadwal .container{position:relative}.jadwal__bar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:-10px 0 26px}.jadwal__actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.jadwal__bar .days-nav{margin:0 0 0 auto}.cal{margin:0;position:relative}.cal>summary{display:inline-flex;list-style:none}.cal>summary::-webkit-details-marker{display:none}.cal__caret{font-style:normal;font-size:11px;line-height:1;margin-left:-4px}.cal__opts{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:flex;flex-direction:column;gap:8px;min-width:max(100%,292px);padding:10px;background:var(--white);border:var(--bw) solid var(--ink);clip-path:var(--notch)}.cal__opts .btn{justify-content:flex-start}@media(max-width:860px){.jadwal__bar{position:relative;margin-bottom:16px}.cal{position:static}.cal__opts{left:0;right:0;min-width:0;max-width:420px}.cal>summary>span,#shareBtn>span{display:none}.cal>summary{width:46px;height:46px;padding:0;justify-content:center;gap:0;position:relative}.cal__caret{position:absolute;right:3px;top:50%;translate:0 -50%;font-size:12px;margin:0}.cal>summary svg{width:16px;height:16px}#shareBtn{width:46px;height:46px;padding:0;justify-content:center;gap:0}.cal>summary,#shareBtn{--edge-s: 9px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}}.days-nav{display:none;justify-content:flex-end;margin-bottom:14px}.days-nav.is-on{display:flex}.days-nav button{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;background:var(--white);border:2px solid var(--ink);color:var(--ink);transition:background .2s,color .2s}.days-nav button+button{margin-left:-2px}.days-nav button:hover:not(:disabled){background:var(--lime)}.days-nav button:disabled{color:var(--grey);cursor:not-allowed;background:var(--paper)}.days-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square}.dstick{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom,0px) + 8px);z-index:8800;width:calc(100% - 2 * var(--gutter));max-width:var(--maxw);display:flex;align-items:stretch;background:var(--ink);color:var(--white);border:2px solid var(--ink);box-shadow:0 -6px 24px #0000002e;translate:-50% 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease),visibility 0s .35s}.dstick.is-in{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media(min-width:861px){.dstick{display:none}}.menu-open .dstick{visibility:hidden;opacity:0}.dstick button{flex:0 0 44px;height:44px;display:grid;place-items:center;cursor:pointer;background:var(--white);color:var(--ink);border:0;transition:background .2s,color .2s}@media(hover:hover){.dstick button:hover:not(:disabled){background:var(--lime)}}.dstick button:disabled{background:#3a3a3a;color:#777;cursor:not-allowed}.dstick button.is-today{background:var(--blue);color:var(--white)}.dstick svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square}.dstick__label{flex:1;min-width:0;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.dstick__label small{font-size:inherit;color:var(--lime)}.dstick__label span{overflow:hidden;text-overflow:ellipsis}.dstick__label em{font-style:normal;font-size:10px;padding:3px 6px;background:var(--blue);color:var(--white)}.dstick__label em.is-past{background:#555}@media(max-width:560px){.dstick__label{flex-wrap:wrap;align-content:center;gap:2px 6px;letter-spacing:.06em;line-height:1.15}.dstick__label small{flex:0 0 100%;text-align:center;font-size:10px}.dstick__label em{font-size:9px;padding:2px 5px;align-self:center}}.days{--day-min: 168px;--sliver: 38px;--lap: 8px;display:flex;gap:0;margin:-12px 0 -2px;padding-top:12px}.day{flex:1 1 0;min-width:0}.days{touch-action:pan-y}.day+.day{margin-left:-2px}.day{clip-path:inset(-26px 0 0 0)}.days.is-ready .day{transition:flex-basis .3s cubic-bezier(.22,.9,.24,1)}.days.is-ready .day>*{transition:opacity .1s linear}.days.is-ready .day.is-piled .day__edge,.days.is-ready .day:not(.is-piled)>*:not(.day__edge){transition:opacity .14s linear .17s}.days.is-stacked .day>*{white-space:nowrap}.day__edge{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;opacity:0;pointer-events:none;writing-mode:vertical-rl;font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.days .day .day__edge>span{font:inherit;color:inherit}.days .day .day__edge>.day__edge-d{font:500 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:none;color:var(--ink-2)}.day.is-today .day__edge>.day__edge-d{color:inherit}.day[aria-selected=true]:not(.is-today) .day__edge>.day__edge-d{color:var(--grey-2)}.day.is-piled{flex:0 0 var(--sliver, 38px)}.day.is-piled+.day.is-piled{margin-left:calc(var(--lap, 8px) * -1)}.day.is-piled>*{opacity:0}.day.is-piled .day__edge{opacity:1}.day.is-piled.is-past{background:var(--grey-2)}.day.is-piled.is-past .day__edge{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:2px}.day.is-piled.is-today{background:var(--blue);position:relative;z-index:2;animation:day-pulse 1.15s ease-in-out infinite alternate}.day.is-piled.is-today .day__edge{color:var(--white)}@media(hover:hover){.day.is-piled.is-today:hover{animation:none}}@keyframes day-pulse{0%{transform:scale(1)}to{transform:scale(1.07)}}@media(hover:hover){.day.is-piled:hover{background:var(--lime)}.day.is-piled:hover .day__edge{color:var(--ink);text-decoration:none}}.day.is-piled[aria-selected=true]:not(.is-today),.day.is-piled[aria-selected=true]:not(.is-today):hover{background:var(--ink)}.day.is-piled[aria-selected=true]:not(.is-today) .day__edge{color:var(--lime);text-decoration:none}.day.is-piled[aria-selected=true]:after{width:10px;height:10px}.day{position:relative;padding:18px 16px;text-align:left;background:var(--white);border:2px solid var(--ink);cursor:pointer;display:grid;gap:4px}.day small{font:700 11px/1 var(--mono);color:var(--blue);letter-spacing:.1em;text-transform:uppercase}.day b{font:700 clamp(17px,2vw,24px)/1.1 var(--mono);text-transform:uppercase}.day span{font-size:14px;color:var(--ink-3)}.day:focus-visible{outline-offset:-5px}.day__badge{position:absolute;top:-11px;left:12px;z-index:1;box-shadow:0 4px 10px #0000002e;padding:4px 7px;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.day__badge--today{background:var(--blue);color:var(--white)}.day .day__badge>.day__badge-n{display:none;font:inherit;color:inherit}.day__badge--past{background:var(--grey-2);color:var(--ink-2)}.day__badge--today:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;vertical-align:1px;background:var(--lime);animation:blink 1s steps(2) infinite}.day.is-past{background:var(--paper)}.day.is-past b,.day.is-past span{color:var(--grey)}.day.is-past b{text-decoration:line-through;text-decoration-thickness:2px}.day[aria-selected=true]{background:var(--ink);color:var(--white)}.day.is-past[aria-selected=true] b,.day.is-past[aria-selected=true] span,.day[aria-selected=true] span{color:var(--grey-2)}.day[aria-selected=true] small{color:var(--lime)}.day[aria-selected=true]:after{content:"";position:absolute;right:0;top:0;width:22px;height:22px;background:var(--lime);clip-path:polygon(0 0,100% 0,100% 100%)}.jadwal__panel{background:var(--white);border:2px solid var(--ink);min-height:320px;position:relative;overflow:hidden}.jperiode{padding:8px 24px;background:#474747}.jperiode span{font:700 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--lime)}.jperiode small{font:inherit;text-transform:none;color:var(--grey-2);margin:0 4px}.jadwal__panel.has-blocks{border:0;background:transparent}.jadwal__panel.has-blocks>.jblock{position:relative;overflow:hidden;background:var(--white);border:2px solid var(--ink)}.jadwal__panel.has-blocks.is-past>.jblock{background:var(--paper);border-color:var(--grey)}@media(max-width:560px){.jadwal .days,.jadwal__panel{margin-inline:calc(var(--gutter) * -1)}.jadwal__panel,.jadwal__panel.has-blocks>.jblock{border-inline-width:0}.jadwal .days .day:first-child{border-left-width:0}.jadwal .days .day:last-child{border-right-width:0}}.jblock__title{padding:14px 24px;background:var(--ink);font:700 14px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--white)}.jperiode[data-sec-head]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding-top:0;padding-bottom:0}.jperiode__view{display:inline-flex;align-self:stretch;margin-right:-24px}.jperiode__view button{display:grid;place-items:center;width:44px;padding:0;border:0;border-left:1px solid rgba(255,255,255,.14);background:transparent;color:var(--grey-2);cursor:pointer;transition:background .25s,color .25s}.jperiode__view button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.jperiode__view button:hover{color:var(--white)}.jperiode__view button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-left-color:var(--ink);box-shadow:inset 1px 0 var(--ink),inset 0 2px var(--ink),inset -2px 0 var(--ink),inset 0 -2px var(--ink)}.jperiode__view button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.jperiode:first-child{border-top:0}.jrow{display:grid;grid-template-columns:170px 1fr auto;gap:20px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--grey-2);transition:background .25s}.jrow:last-child{border-bottom:0}.jrow:hover{background:var(--lime-3)}.jrow{position:relative;padding-left:40px;--dot-y: 50%}.jrow:not(.is-seq):not(.is-thru){padding-left:24px}.jrow.is-seq:before,.jrow.is-thru:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--grey)}.jrow.is-thru:before{background:repeating-linear-gradient(to bottom,var(--grey) 0 5px,transparent 5px 10px)}.jrow.is-seq-first:before{top:var(--dot-y)}.jrow.is-seq-last:before{bottom:calc(100% - var(--dot-y))}.jrow.is-seq-first.is-seq-last:before{display:none}.jrow.is-seq:after{content:"";position:absolute;left:14px;top:var(--dot-y);width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--white);transition:box-shadow .25s}.jrow.is-seq:hover:after{box-shadow:0 0 0 3px var(--lime-3)}.jrow.is-seq.is-pink:after{background:var(--pink)}.jrow.is-seq.is-pink:hover:after{box-shadow:0 0 0 3px #fdeef5}.jrow.is-live{background:#edf1ff}.jrow.is-live.is-pink{background:#fdeef5}.jrow.is-live time{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.jlive{display:inline-flex;align-items:center;gap:6px;width:max-content;margin:0;padding:3px 8px;background:var(--blue);color:var(--white);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.jlive:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}.is-pink .jlive{background:var(--pink)}.jrow.is-live:after{animation:live-pulse 1.4s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #2150f58c}to{box-shadow:0 0 0 9px #2150f500}}.jrow.is-live.is-pink:after{animation-name:live-pulse-pink}@keyframes live-pulse-pink{0%{box-shadow:0 0 #e0338a8c}to{box-shadow:0 0 0 9px #e0338a00}}.jopen{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:3px 8px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.jopen:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.jopen.is-open{background:var(--lime);color:var(--ink)}.jopen.is-closed{background:var(--ink-3);color:var(--white)}.jopen.is-soon{background:#ffb020;color:var(--ink)}.jopen.is-wait{background:var(--white);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--grey-2)}.jopen.is-wait:before{background:var(--grey)}.jopen.is-break{background:var(--ink);color:var(--white)}.jopen.is-break:before{background:var(--lime);animation:blink 1s steps(2) infinite}.jnext{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--blue)}.is-pink .jnext,.jcard.is-pink>.jnext{color:var(--pink);box-shadow:inset 0 0 0 1.5px var(--pink)}.jopen.is-starting,.jnext.is-starting{background:#dce5ff;color:var(--blue);box-shadow:none}.jrow.is-pink .jnext.is-starting,.jcard.is-pink>.jnext.is-starting{background:#fbdcea;color:var(--pink);box-shadow:none}.jrow:has(.jopen) time,.jrow:has(.jnext) time{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.jdur .jcard>.jnext,.jdur .jcard>.jopen{position:absolute;top:0;right:0;z-index:2;box-sizing:border-box;height:26px;padding:0 8px;font-size:10px;letter-spacing:.04em}.jdur .jcard.is-piled>.jopen,.jdur .jcard.is-piled>.jnext{display:none}.jrow.is-done,.jdur .jcard.is-done:not(.is-piled),.jdur .jcard.is-done .jstop time,.jrow.is-done:hover,.jdur .jcard.is-done:not(.is-piled):hover,.jdur .jcard.is-done:hover .jstop time{background:var(--paper)}.jrow.is-done>*,.jdur .jcard.is-done:not(.is-piled)>:not(.jcard__edge){filter:grayscale(1);opacity:.5}.jdur .jcard.is-done:not(.is-piled)>.jstop{filter:none;opacity:1}.jdur .jcard.is-done .jstop time{color:var(--grey-2)}.jrow.is-done>time,.jrow.is-done.is-pink>time{filter:none;opacity:1;color:var(--grey-2)}.jdur .jcard.is-done:not(.is-piled)>.jopen{filter:none;opacity:1}.jrow.is-seq.is-done:after,.jdur .jcard.is-done .jstop i{background:var(--grey)}.jdur .jcard.is-live:not(.is-piled){background:#edf1ff}.jdur .jcard.is-live.is-pink:not(.is-piled){background:#fdeef5}.jdur .jcard.is-live .jstop i{animation:live-pulse 1.4s ease-out infinite}.jdur .jcard.is-live.is-pink .jstop i{animation-name:live-pulse-pink}.jdur .jcard>.jlive{position:absolute;top:0;right:0;z-index:2;box-sizing:border-box;height:26px;gap:5px;padding:0 6px;font-size:10px;letter-spacing:.02em}.jdur .jcard.is-piled>.jlive{display:none}.jdur .jcard.is-live:not(.is-piled):hover,.jdur .jcard.is-live:hover .jstop time{background:var(--lime-3)}.jdur .jcard.is-live.is-pink:not(.is-piled):hover,.jdur .jcard.is-live.is-pink:hover .jstop time{background:#fdeef5}.jdur .jcard.is-live .jstop time{background:#edf1ff}.jdur .jcard.is-live.is-pink .jstop time{background:#fdeef5}@media(prefers-reduced-motion:reduce){.ustadz>.jlive:before,.jrow.is-live:after,.jdur .jcard.is-live .jstop i,.jdur .jcard.is-piled.is-live .jcard__edge i{animation:none}}.jrow.is-grp{box-shadow:inset 4px 0 0 var(--blue)}.jrow time{font:700 15px/1 var(--mono);color:var(--blue)}.jrow h3{font:700 17px/1.3 var(--sans)}.jrow p{margin:2px 0 0;padding-left:30px;font-size:14px;color:var(--ink-3)}.jnote-ust{color:inherit;text-decoration:underline;text-decoration-color:var(--grey-2);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.jnote-ust:hover,.jnote-ust:focus-visible{color:var(--blue);text-decoration-color:currentColor}.jrow .tag{justify-self:end}.jrow h3,.jcard h3{display:flex;align-items:flex-start;gap:10px}.is-pink .jico{stroke:var(--pink)}.jrow.is-pink time,.jcard.is-pink time{color:var(--pink)}.is-pink .jbar i{background:var(--pink)}.is-pink .tag{background:var(--pink-3);color:var(--pink)}.jrow.is-pink:hover,.jcard.is-pink:hover{background:#fdeef5}.jrow.is-done.is-pink,.jrow.is-done.is-pink:hover,.jdur .jcard.is-done.is-pink:not(.is-piled),.jdur .jcard.is-done.is-pink:not(.is-piled):hover,.jdur .jcard.is-done.is-pink:hover .jstop time{background:var(--paper)}.jico{flex-shrink:0;width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--grey-2);border-left:4px solid var(--blue);border-bottom:1px solid var(--grey-2)}.jcard{background:var(--white);padding:16px 20px;display:flex;flex-direction:column;gap:4px;transition:background .25s}.jcard:hover{background:var(--lime-3)}.jdur{border-bottom:1px solid var(--grey-2)}@media(max-width:860px){.jrail{--card-min: 240px}}.jdur__head{background:var(--paper);padding:12px 20px 10px;font:400 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);border-bottom:1px solid var(--grey-2)}.jdur__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.jdur__nav{display:inline-flex;align-self:stretch;margin:-12px -20px -10px 0}.jdur__nav[hidden]{display:none}.jdur__nav button{display:grid;place-items:center;width:44px;padding:0;border:0;border-left:1px solid var(--grey-2);background:transparent;color:var(--ink);cursor:pointer;transition:background .25s,opacity .25s}.jdur__nav button:hover:not(:disabled){background:var(--lime)}.jdur__nav button:disabled{opacity:.3;cursor:default}.jdur__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.jdur__head b{font-weight:700;font-size:15px;color:var(--blue)}.jrail{--card-min: 260px;--sliver: 38px;overflow:hidden;background:var(--white);touch-action:pan-y}.jrail__track{display:flex}.jdur .jcard{position:relative;flex:1 1 0;min-width:0;border-right:1px solid var(--grey-2);padding-top:18px;transition:background .25s,flex-basis .3s cubic-bezier(.22,.9,.24,1)}.jdur .jcard{min-height:140px}.jrail--many .jcard{min-height:160px}.jrail--range .jcard{min-height:200px}.jdur .jcard>*{transition:opacity .14s linear .17s}.jrail.no-flex-anim .jcard{transition:none}.jrail__track{position:relative}.jdur .jcard:not(.is-piled){z-index:1;background:var(--white)}.jdur .jcard:not(.is-piled):hover{background:var(--lime-3)}.jdur .jcard.is-pink:not(.is-piled):hover{background:#fdeef5}.jadwal__panel.is-past .jdur .jcard:not(.is-piled):hover{background:var(--white)}.jdur .jcard:not(.is-piled)>.jcard__edge{transition:opacity .06s linear}.jdur .jcard.is-piled{flex:0 0 var(--sliver);padding:0;overflow:hidden;cursor:pointer;background:var(--white);contain:size}.jdur .jcard.is-piled>*{opacity:0;transition:opacity .1s linear}.jdur .jcard.is-piled>.jcard__edge{opacity:1;transition:opacity .14s linear .17s}.jdur .jcard.is-gone{display:none}.jdur .jcard.is-piled:last-child{border-right:0;border-left:1px solid var(--grey-2)}.jdur .jcard.is-piled{--b1: var(--white);--b2: var(--white)}.jdur .jcard.is-piled.has-more{box-shadow:inset -7px 0 0 var(--b1),inset -8px 0 0 var(--grey-2)}.jdur .jcard.is-piled.has-more.is-left{box-shadow:inset 7px 0 0 var(--b1),inset 8px 0 0 var(--grey-2)}.jdur .jcard.is-piled.has-more2{box-shadow:inset -3px 0 0 var(--b2),inset -4px 0 0 var(--grey-2),inset -7px 0 0 var(--b1),inset -8px 0 0 var(--grey-2)}.jdur .jcard.is-piled.has-more2.is-left{box-shadow:inset 3px 0 0 var(--b2),inset 4px 0 0 var(--grey-2),inset 7px 0 0 var(--b1),inset 8px 0 0 var(--grey-2)}.jdur .jcard.is-piled.is-done{background:var(--paper)}.jdur .jcard.is-piled.is-done .jcard__edge{color:var(--grey)}.jdur .jcard.is-piled.is-done .jcard__edge i{background:var(--paper)}.jdur .jcard.is-piled.near-done{--b1: var(--paper)}.jdur .jcard.is-piled.far-done{--b2: var(--paper)}.jdur .jcard.is-piled:hover{background:var(--lime-3)}.jdur .jcard.is-piled.is-pink:hover{background:#fdeef5}.jdur .jcard.is-piled.is-live{background:#edf1ff}.jdur .jcard.is-piled.is-live.is-pink{background:#fdeef5}.jdur .jcard.is-piled.is-live .jcard__edge i{background:currentColor;animation:live-pulse 1.4s ease-out infinite}.jdur .jcard.is-piled.is-live.is-pink .jcard__edge i{animation-name:live-pulse-pink}.jdur .jcard.is-piled.is-live:hover{background:var(--lime-3)}.jdur .jcard.jcard--gap,.jdur .jcard.jcard--gap:not(.is-piled),.jdur .jcard.jcard--gap.is-done:not(.is-piled){background:repeating-linear-gradient(-45deg,var(--white) 0 10px,#f7f7f5 10px 20px)}.jdur .jcard.jcard--gap:hover,.jdur .jcard.jcard--gap:not(.is-piled):hover,.jdur .jcard.jcard--gap.is-done:not(.is-piled):hover,.jdur .jcard.jcard--gap:hover .jstop time{background:var(--lime-3)}.jcard--gap .jstop:before{background:repeating-linear-gradient(to right,var(--grey) 0 6px,transparent 6px 12px)}.jdur .jcard--gap .jstop i,.jdur .jcard--gap.is-done .jstop i{background:var(--white);border:2px solid var(--grey);box-sizing:border-box;box-shadow:0 0 0 4px var(--white)}.jdur .jcard--gap:hover .jstop i{background:var(--lime-3);box-shadow:0 0 0 4px var(--lime-3)}.jdur .jcard--gap .jstop time,.jdur .jcard--gap.is-done .jstop time{background:var(--white);color:var(--ink-3)}.jcard--gap h3{color:var(--ink-3)}.jrow.jrow--gap{background:repeating-linear-gradient(-45deg,var(--white) 0 10px,#f7f7f5 10px 20px)}.jrow.jrow--gap:hover{background:var(--lime-3)}.jrow--gap h3,.jrow--gap time{color:var(--ink-3)}.jrow--gap .jico{stroke:var(--ink-3)}.jrow--gap.is-seq:before{background:repeating-linear-gradient(to bottom,var(--grey) 0 5px,transparent 5px 10px)}.jrow--gap.is-seq:after{background:var(--white);border:2px solid var(--grey);box-sizing:border-box}.jrow--gap.is-seq:hover:after{background:var(--lime-3)}.jcard--gap .jico{stroke:var(--ink-3)}.jdur .jcard--gap .jcard__edge{color:var(--grey)}.jcard--gap .jcard__edge:before{background:repeating-linear-gradient(to right,var(--grey) 0 6px,transparent 6px 12px)}.jcard__edge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 0 14px;opacity:0;pointer-events:none;color:var(--blue)}.jcard__edge:before{content:"";position:absolute;left:0;right:0;top:24px;height:2px;background:var(--grey-2)}.jcard__edge i{position:relative;flex-shrink:0;width:14px;height:14px;margin-top:18px;border:2px solid currentColor;border-radius:50%;background:var(--white);box-sizing:border-box;transition:background .25s}.jdur .jcard.is-piled:hover .jcard__edge i{background:currentColor}.jcard__edge b{flex:1;display:grid;place-items:center;writing-mode:vertical-rl;font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.jcard__edge em{font:700 10px/1 var(--mono);font-style:normal;padding:4px 5px;background:var(--ink);color:var(--lime)}.is-pink .jcard__edge{color:var(--pink)}.jdur .jcard:last-child{border-right:0}.jstop{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:10px}.jstop:before{content:"";position:absolute;left:-20px;right:-20px;top:50%;height:2px;transform:translateY(-50%);background:var(--grey-2)}.jstop i{position:relative;flex-shrink:0;width:14px;height:14px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--white);transition:background .25s,box-shadow .25s}.jstop time{position:relative;padding:0 6px;background:var(--white);transition:background .25s}.jcard:hover .jstop i{box-shadow:0 0 0 4px var(--lime-3)}.jcard:hover .jstop time{background:var(--lime-3)}.is-pink .jstop i{background:var(--pink)}.jcard.is-pink:hover .jstop i{box-shadow:0 0 0 4px #fdeef5}.jdur .jcard.is-done .jstop i,.jdur .jcard.is-done:hover .jstop i{box-shadow:0 0 0 4px var(--paper)}.jrow.is-seq.is-done:after,.jrow.is-seq.is-done:hover:after{box-shadow:0 0 0 3px var(--paper)}.jcard.is-pink:hover .jstop time{background:#fdeef5}.jbar{position:relative;display:block;height:6px;margin:4px 0 6px;background:var(--paper)}.jbar i{position:absolute;top:0;bottom:0;background:var(--blue)}.view-toggle{display:inline-flex;border:3px solid var(--ink)}.view-toggle[hidden]{display:none}.view-toggle button{padding:10px 14px;font:700 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:transparent;border:0;cursor:pointer;transition:background .25s,color .25s}.view-toggle button{display:inline-flex;align-items:center;gap:8px;padding:10px 12px}.view-toggle button span{display:none}.view-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}.view-toggle button+button{border-left:3px solid var(--ink)}.view-toggle button[aria-pressed=true]{background:var(--ink);color:var(--lime)}.view-toggle button:not([aria-pressed=true]):hover{background:var(--lime-3)}.jcard time{font:700 14px/1 var(--mono);color:var(--blue)}.jcard h3{font:700 16px/1.3 var(--sans)}.jcard p{margin:0;padding-left:30px;font-size:13px;color:var(--ink-3)}.jcard .tag{align-self:flex-start;margin:6px 0 0 30px}.jcard__item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;column-gap:8px;row-gap:1px;align-items:start}.jcard__item h3,.jcard__item p{grid-column:1}.jcard__item .tag{grid-column:2;grid-row:1 / 4;margin:0 -20px 0 0;padding:8px 3px;writing-mode:vertical-rl;line-height:1}.jcard__item+.jcard__item{margin-top:10px;padding-top:12px;border-top:1px dashed var(--grey-2)}.jadwal__panel.is-past{background:var(--paper);border-color:var(--grey)}.jadwal__panel.is-past>:not(.jadwal__past){filter:grayscale(1);opacity:.5}.jadwal__panel.is-past .jrow:hover,.jadwal__panel.is-past .jcard:hover{background:transparent}.jadwal__past{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--grey-2);color:var(--ink-2);font-size:13px;font-weight:500;border-bottom:2px solid var(--grey)}.jadwal__past span{padding:4px 8px;background:var(--ink-2);color:var(--white);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.soon{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:clamp(28px,5vw,56px)}.soon__icon{width:110px;height:110px;display:grid;place-items:center;background:var(--lime);clip-path:var(--notch)}.soon__icon svg{width:56px;height:56px;fill:none;stroke:var(--ink);stroke-width:2}.soon__icon .hand{transform-origin:28px 28px;animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.soon h3{font:700 clamp(22px,3vw,34px)/1.15 var(--mono);text-transform:uppercase;margin-bottom:10px}.soon p{color:var(--ink-3);margin:0}.soon__fixed{margin-top:18px;display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 16px;background:var(--paper);font:600 14px/1.3 var(--mono)}.soon__fixed b{color:var(--blue)}.jchain.is-folded>.jrow.is-done{display:none}.jchain__fold{display:flex;align-items:center;gap:10px;width:100%;padding:12px 24px 12px 40px;border:0;border-bottom:1px solid var(--grey-2);background:var(--paper);font:700 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--grey-2);cursor:pointer;text-align:left;transition:background .25s,color .25s}.jchain__fold[hidden]{display:none}.jchain__fold:hover{background:var(--lime-3);color:var(--ink)}.jchain__fold svg{width:16px;height:16px;flex:none;margin-left:-24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg);transition:transform .25s}.jchain__fold[aria-expanded=true] svg{transform:none}.jchain__fold b{margin-left:auto;font:inherit;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.jchain__fold:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.layanan{background:var(--ink);color:var(--white);position:relative;overflow:hidden}.layanan:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;background-position:calc(50% + 32px) 0;pointer-events:none}.layanan__pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(84px,9vh,120px) 0 clamp(40px,6vh,90px);position:relative}.layanan__head{margin-bottom:min(48px,5vh)}.layanan__head .title{font-size:clamp(24px,min(5vw,5.5vh),60px)}.layanan__head .sec-num{color:var(--lime)}.layanan__head .sec-sub{color:var(--grey-2)}.layanan__track{--track-pad: max(var(--gutter), calc((100% - var(--maxw)) / 4 + var(--gutter)));display:flex;justify-content:center;gap:24px;padding:0 var(--track-pad);width:max-content;min-width:100%;will-change:transform}.layanan__track--fit{--track-pad: var(--gutter)}.lcard{position:relative;width:min(84vw,460px);min-height:min(420px,42vh);padding:34px;background:var(--ink-2);border:var(--bw) solid var(--edge);display:flex;flex-direction:column;clip-path:var(--notch);transition:background .4s var(--ease),color .4s,--edge .4s,transform .5s var(--ease),filter .5s var(--ease)}.lcard__num{font:700 13px/1 var(--mono);color:var(--lime);margin-bottom:auto}.lcard:not(.lcard--cta) .lcard__num{margin-bottom:0}.lcard--cta.is-active .lcard__num{color:var(--blue)}.lcard__icon{width:64px;height:64px;margin:30px 0 22px;display:grid;place-items:center;background:var(--lime);color:var(--ink);transition:background .4s,color .4s,transform .6s var(--ease)}.lcard.is-active .lcard__icon{transform:rotate(-8deg)}.lcard__icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}.lcard h3{font:700 clamp(22px,2.4vw,28px)/1.15 var(--mono);text-transform:uppercase;margin-bottom:20px}.lcard ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lcard li{position:relative;padding-left:26px;font-size:16px;line-height:1.4}.lcard li:before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;background:var(--lime);clip-path:polygon(0 0,100% 50%,0 100%);transition:background .4s}.lcard__go{color:inherit;text-decoration:none}.lcard__go[href]{margin-right:8px;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:4px}.lcard__go[href]:hover,.lcard__go[href]:focus-visible{text-decoration-style:solid}.lcard li .jopen{vertical-align:2px;padding:2px 7px;font-size:10px}.lcard li .jopen:before{display:none}.lcard p{margin:0;font-size:16px}.lcard p b{color:var(--lime);transition:color .4s}.lcard--cta.is-active p b{color:var(--ink)}.lcard__free{position:absolute;top:28px;right:28px;font:700 12px/1 var(--mono);padding:6px 9px;background:var(--white);color:var(--ink);letter-spacing:.08em}.lcard--cta{background:var(--lime);color:var(--ink);justify-content:flex-end}.lcard--cta h3{font-size:clamp(28px,3vw,40px)}.lcard--cta.is-active{background:var(--white)}.layanan--stack .layanan__track{position:relative;z-index:1;display:grid;width:auto;min-width:0;padding:0 var(--gutter);will-change:auto}.layanan--stack .lcard{grid-area:1 / 1;width:100%;transform-origin:50% 50%;transition:background .4s var(--ease),color .4s,--edge .4s}.asatidz{background:var(--white);padding:0}.asatidz__pin{position:relative;z-index:1;min-height:var(--ast-h, 100svh);display:flex;flex-direction:column;justify-content:center;padding:clamp(84px,9svh,150px) 0 clamp(40px,6svh,90px)}.asatidz .sec-head .title{font-size:clamp(24px,min(5vw,5.5svh),60px)}.asatidz .sec-head{margin-bottom:min(64px,5svh)}.asatidz .container{position:relative;z-index:1}.asatidz__grid{position:relative;flex:none;align-items:flex-start;display:flex;flex-wrap:nowrap;gap:var(--ast-gap);--ast-gap: 16px;padding:0 var(--ast-pad, var(--gutter));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ast-pad, var(--gutter));cursor:grab;user-select:none;-webkit-user-select:none}.asatidz__grid::-webkit-scrollbar{display:none}.asatidz__nav{margin:min(20px,2.4svh) 0 0}.asatidz__grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.asatidz__grid>.ustadz{--ust-w: min(300px, 34svh);flex:0 0 var(--ust-w);scroll-snap-align:start}.asatidz__grid>.ustadz:first-child{margin-left:auto}.asatidz__grid>.ustadz:last-child{margin-right:auto}@media(max-width:860px){.layanan__track{touch-action:pan-y}}@media(pointer:coarse){.asatidz__grid{touch-action:pan-y}}.asatidz__grid.will-in>.ustadz{opacity:0;translate:0 80px}.asatidz__grid.will-in.is-in>.ustadz{opacity:1;translate:0 0;transition:opacity .9s cubic-bezier(.215,.61,.355,1),translate .9s cubic-bezier(.215,.61,.355,1),scale .35s var(--ease),transform-origin .35s var(--ease);transition-delay:calc(var(--i, 0) * .1s),calc(var(--i, 0) * .1s),0s,0s}.ustadz{position:relative;aspect-ratio:1;background:var(--paper);border:2px solid transparent;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.asatidz__grid>.ustadz{background-clip:padding-box}.ustadz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .8s var(--ease),filter .6s}.ustadz:hover img{transform:scale(1.06);filter:grayscale(0)}.ustadz__body{position:relative;min-height:85px;padding:16px;background:var(--ink);color:var(--white);box-shadow:inset 1px 0 #ffffff38}.ustadz__body h3{font:700 15px/1.25 var(--mono)}.ustadz:not(.ustadz--soon) .ustadz__body:before,.ustadz:not(.ustadz--soon) .ustadz__body:after{content:"";position:absolute;left:16px;bottom:100%;width:34px;height:34px}.ustadz:not(.ustadz--soon) .ustadz__body:before{background:inherit}.ustadz:not(.ustadz--soon) .ustadz__body:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 1 3 3v5a3 3 0 0 1-6 0V6a3 3 0 0 1 3-3zM5 11a7 7 0 0 0 14 0M12 18v3M8 21h8'/%3E%3C/svg%3E") center / 18px no-repeat}.ustadz.is-live .ustadz__body:after{animation:mic-beat 2.4s ease-out infinite}@keyframes mic-beat{0%,26%,48%,84%,to{transform:scale(1)}6%{transform:scale(1.3)}12%{transform:scale(.95)}18%{transform:scale(1.18)}54%{transform:scale(1.32)}60%{transform:scale(.94)}66%{transform:scale(1.14)}72%{transform:scale(.97)}78%{transform:scale(1.24)}}.ustadz.is-live .ustadz__body:before{--ring: 33, 80, 245;animation:mic-ring 2.4s ease-out infinite}.ustadz.is-live.is-pink .ustadz__body:before{--ring: 224, 51, 138}@keyframes mic-ring{0%,4%{box-shadow:0 0 rgba(var(--ring),0)}6%{box-shadow:0 0 rgba(var(--ring),.75)}24%{box-shadow:0 0 0 16px rgba(var(--ring),0)}25%,52%{box-shadow:0 0 rgba(var(--ring),0)}54%{box-shadow:0 0 rgba(var(--ring),.75)}72%{box-shadow:0 0 0 13px rgba(var(--ring),0)}73%,76%{box-shadow:0 0 rgba(var(--ring),0)}78%{box-shadow:0 0 rgba(var(--ring),.65)}96%{box-shadow:0 0 0 15px rgba(var(--ring),0)}97%,to{box-shadow:0 0 rgba(var(--ring),0)}}@media(prefers-reduced-motion:reduce){.ustadz.is-live .ustadz__body:after,.ustadz.is-live .ustadz__body:before{animation:none}}.ustadz__body small{display:block;color:var(--lime);font:12px/1.25 var(--mono)}.ustadz.is-flash .ustadz__body{animation:ust-flash .9s steps(1) 3}.ustadz.is-flash .ustadz__body small{animation:ust-flash-sub .9s steps(1) 3}@keyframes ust-flash{0%{background:var(--lime);color:var(--ink)}50%{background:var(--ink);color:var(--white)}}.ustadz.is-flash .ustadz__body:after{animation:ust-flash-ico .9s steps(1) 3}@keyframes ust-flash-ico{0%{filter:brightness(0);opacity:.85}50%{filter:none;opacity:1}}@keyframes ust-flash-sub{0%{color:var(--ink)}50%{color:var(--lime)}}.ustadz.is-live{z-index:1;border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.ustadz.is-live.is-pink{border-color:var(--pink);box-shadow:inset 0 0 0 2px var(--pink)}.ustadz__badge{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;width:auto;box-sizing:border-box;padding:6px 10px}.ustadz__badge{text-decoration:none}#jadwalPanel .is-flashing,#jadwalPanel .is-flashing *,#jadwalPanel .is-flashing:before,#jadwalPanel .is-flashing:after,#jadwalPanel .is-flashing *:before,#jadwalPanel .is-flashing *:after{transition:none!important}#jadwalPanel .jrow.is-flash,#jadwalPanel .jcard.is-flash{background:var(--lime);box-shadow:inset 0 0 0 3px var(--blue)}#jadwalPanel .jrow.is-seq.is-flash:after{box-shadow:0 0 0 3px var(--lime)}#jadwalPanel .jcard.is-flash .jstop i{box-shadow:0 0 0 4px var(--lime)}#jadwalPanel .jrow.is-flash:after,#jadwalPanel .jcard.is-flash .jstop i{animation:none}#jadwalPanel .jcard.is-flash .jstop time{background:var(--lime)}#jadwalPanel .jrow.is-seq.is-flash:before,#jadwalPanel .jcard.is-flash .jstop:before{background:var(--ink-3)}.ustadz__go{margin-left:auto;padding-left:10px;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;opacity:.9}.ustadz__badge:hover .ustadz__go,.ustadz__badge:focus-visible .ustadz__go{opacity:1;text-decoration-thickness:2px}.ustadz>.jlive:before{width:7px;height:7px;border-radius:0;animation:blink 1s steps(2) infinite}.ustadz>.jlive{background:var(--blue)}.ustadz.is-pink>.jlive{background:var(--pink)}.ustadz__badge--today,.ustadz__badge--next,.ustadz__badge--done{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 10px #0000002e}.ustadz__badge--today{background:var(--blue);color:var(--white)}.ustadz__badge--next{background:var(--ink);color:var(--lime)}.ustadz__badge--done{background:var(--grey-2);color:var(--ink-2)}.ustadz--soon{background:repeating-linear-gradient(-45deg,var(--paper) 0 14px,#e2e2df 14px 28px)}.ustadz .sil{display:block;flex:1 1 0;min-height:0;width:100%;margin-top:44px;color:var(--grey-2);transition:color .4s,transform .6s var(--ease)}.ustadz--soon:hover .sil{color:var(--grey)}.ustadz.is-live:not(.ustadz--akhwat){background:#dfe7ff}.ustadz.is-live:not(.ustadz--akhwat) .sil{color:#a9bcf3}.ustadz.is-live:not(.ustadz--akhwat) .ustadz__body{background:var(--blue)}.ustadz.is-live:not(.ustadz--akhwat) .ustadz__body small{color:#dfe7ff}.ustadz--akhwat{background:var(--pink-3)}.ustadz.ustadz--akhwat .sil,.ustadz.ustadz--akhwat:hover .sil{color:#4a4a4a}.ustadz--akhwat.is-live .ustadz__body{background:var(--pink)}.ustadz--akhwat.is-live .ustadz__body small{color:var(--pink-3)}.ustadz--soon .q{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;background:var(--lime);font:700 20px/1 var(--mono);color:var(--ink)}.asatidz__note{margin-top:30px;padding:0 var(--gutter);display:flex;justify-content:center;align-items:center;gap:14px;text-align:left;flex-wrap:nowrap;font:700 14px/1.4 var(--mono);text-transform:uppercase}.asatidz__note:before{content:"";width:12px;height:12px;background:var(--blue);animation:blink 1s steps(2) infinite}.denah{background:var(--lime);overflow-x:clip}.denah>.container{position:relative;z-index:1}.deco--denah{width:clamp(200px,22vw,360px);right:6%;bottom:clamp(20px,3vw,44px)}.denah .sec-num{color:var(--ink)}.denah .sec-sub{color:var(--ink-2)}.denah__wrap{position:relative;display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}.denah__side{position:sticky;top:110px;z-index:5;display:grid;gap:18px}.seg{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);background:var(--white)}.seg button{padding:12px;border:0;background:transparent;font:700 13px/1 var(--mono);text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}.seg button[aria-selected=true]{background:var(--ink);color:var(--lime)}.denah__hint{font-size:12px;font-weight:700;text-transform:uppercase;margin:6px 0 -6px}.legend{display:grid;gap:8px}.chip{display:flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--ink);background:var(--white);cursor:pointer;font:600 14px/1.2 var(--sans);text-align:left;transition:transform .3s var(--ease),background .3s,opacity .3s}.chip i{width:18px;height:18px;flex:none;border:1.5px solid var(--ink);background:var(--c)}.chip em{margin-left:auto;font:700 12px/1 var(--mono);font-style:normal;color:var(--ink-3)}.chip:hover{transform:translate(4px)}.chip[aria-pressed=true]{background:var(--ink);color:var(--white)}.chip[aria-pressed=true] em{color:var(--lime)}.legend.has-active .chip[aria-pressed=false]{opacity:.55}.denah__side.is-img .legend{pointer-events:none}.denah__hint{transition:opacity .3s}.denah__side.is-img .denah__hint{opacity:0}.denah__side.is-img .chip{cursor:default}.denah__side.is-img .chip[aria-pressed]{background:var(--white);color:var(--ink-2);opacity:1;box-shadow:none}.denah__side.is-img .chip em{color:var(--ink-3)}.denah__stage{position:relative;background:var(--ink);border:2px solid var(--ink);clip-path:var(--notch)}.denah__view{display:none}.denah__view.is-active{display:block;animation:fadeIn .5s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}}.denah__view img{width:100%;height:auto}#denahSvg{width:100%;height:auto;display:block}#denahSvg .booth{cursor:pointer;transition:opacity .35s,transform .35s var(--ease);transform-box:fill-box;transform-origin:center}#denahSvg .booth rect{stroke:#1d1d1d;stroke-width:1.5}#denahSvg .booth text{font:700 17px var(--mono);pointer-events:none}#denahSvg .booth:hover,#denahSvg .booth.is-sel{transform:scale(1.18)}#denahSvg .booth.is-sel rect{stroke:var(--white);stroke-width:3}#denahSvg.has-pick:not(.is-filtered) .booth:not(.is-sel):not(.is-mate):not(:hover){filter:saturate(.15);opacity:.4}#denahSvg .booth.is-mate{transform:scale(1.06)}#denahSvg .booth.is-mate rect{stroke:var(--white);stroke-width:3}#denahSvg .booth-group{fill:#ffffff14;stroke:var(--white);stroke-width:3;stroke-dasharray:10 6;pointer-events:none;animation:booth-group-march .9s linear infinite}@keyframes booth-group-march{to{stroke-dashoffset:-16}}#denahSvg.is-filtered .booth.is-dim:not(.is-sel):not(.is-mate){opacity:.14}#denahSvg .label{font:700 18px var(--mono);fill:var(--ink);pointer-events:none}.denah-coach{position:absolute;z-index:6;left:50%;top:18px;transform:translate(-50%);width:min(300px,calc(100% - 28px));padding:16px;background:var(--lime);color:var(--ink);clip-path:var(--notch);box-shadow:0 14px 30px #00000059;animation:coachIn .45s var(--ease) both}@keyframes coachIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}}.denah-coach p{margin:0 0 12px;font-size:13.5px;line-height:1.5}.denah-coach__ok{width:100%;padding:9px 12px;border:0;background:var(--ink);color:var(--lime);font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.denah-coach__ok:hover{background:var(--white);color:var(--ink)}.booth-tip{position:absolute;z-index:4;pointer-events:none;padding:8px 12px;background:var(--white);color:var(--ink);border:2px solid var(--ink);font:700 13px/1.3 var(--mono);white-space:nowrap;opacity:0;transform:translate(-50%,-130%);transition:opacity .2s}.booth-tip.is-on{opacity:1}.booth-tip.is-below{transform:translate(-50%,30%)}.denah-share{--bg: var(--lime);--fg: var(--ink);--edge: var(--ink);width:100%;min-width:0;justify-content:center}.denah-share>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.denah-share:before{background:var(--white)}.denah-share[hidden]{display:none}.share{position:relative;min-width:0}.share:has(>.denah-share[hidden]){display:none}.share-pop{position:fixed;top:0;left:0;z-index:8500;width:min(300px,calc(100vw - 2 * var(--gutter)));padding:14px;background:var(--white);color:var(--ink);border:3px solid var(--ink);clip-path:var(--notch)}.share-pop[hidden]{display:none}.share-shade{position:fixed;inset:0;z-index:9100;background:#141414b8;animation:fadeIn .2s}.share-shade[hidden]{display:none}.share-pop--modal{padding-top:46px;z-index:9110}.share-pop__x{position:absolute;top:8px;right:22px;width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--white);color:var(--ink);font:700 14px/1 var(--mono);cursor:pointer}.share-pop__x:hover,.share-pop__x:focus-visible{background:var(--lime)}.share-pop__body{display:grid;gap:10px;overflow-y:auto;overscroll-behavior:contain}.share-pop__qr{justify-self:center;width:168px;height:168px}.share-pop__cap{margin:-4px 0 0;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.share-pop__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.share-pop__opt{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 10px;background:var(--white);color:var(--ink);border:2px solid var(--ink);font:700 11.5px/1.1 var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s}.share-pop__opt:hover,.share-pop__opt:focus-visible{background:var(--lime)}.share-pop__dl{position:relative;display:grid}.share-pop__dl>.share-pop__opt[aria-expanded=true]{background:var(--ink);color:var(--lime)}.share-pop__sub{position:absolute;z-index:3;left:0;right:0;bottom:calc(100% + 8px);display:grid;background:var(--white);border:2px solid var(--ink);box-shadow:0 8px 18px #0000002e}.share-pop__sub[hidden]{display:none}.share-pop__sub:after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;background:var(--white);border:2px solid var(--ink);border-top:0;border-left:0;transform:translate(-50%,-4px) rotate(45deg)}.share-pop__sub button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:0;background:var(--white);color:var(--ink);font:700 11.5px/1.1 var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:left;cursor:pointer;transition:background .2s}.share-pop__sub button+button{border-top:1px solid var(--grey-2)}.share-pop__sub button:hover,.share-pop__sub button:focus-visible{background:var(--lime)}.share-pop__sub small{font:400 10px/1 var(--mono);color:var(--ink-3)}.share-pop__opt svg{flex:none;width:16px;height:16px;fill:currentColor}.share-pop__opt svg.is-line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.share-pop__opt--wide{grid-column:1 / -1;justify-content:center}.share-pop__opt.is-done{background:var(--lime)}.booth-tip.has-logo{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px}.booth-tip__logo{flex:none;width:52px;height:52px;padding:4px;display:grid;place-items:center;background:var(--white);border:1px solid var(--grey-2)}.booth-tip__logo.is-dark{background:var(--ink);border-color:var(--ink)}.booth-tip__logo img{width:100%;height:100%;object-fit:contain}.booth-tip__logo.is-icon .jico{width:28px;height:28px;margin:0;fill:none;stroke:var(--blue);stroke-width:1.8}.booth-tip__hrs{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-2)}.booth-tip__hrs a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--grey-2)}.booth-tip__hrs a:hover,.booth-tip__hrs a:focus-visible{background:var(--lime);text-decoration:none}.booth-tip__hrs em{font-style:normal;padding:2px 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.booth-tip__hrs .is-open{background:var(--lime);color:var(--ink)}.booth-tip__hrs .is-closed{background:var(--ink-3);color:var(--white)}.booth-tip__hrs .is-wait{background:var(--white);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--grey-2)}.booth-tip__txt{display:grid;gap:3px;min-width:0}.booth-tip.has-logo{width:max-content;max-width:calc(100vw - 32px);white-space:normal}.booth-tip__txt small{white-space:nowrap}.booth-tip__txt b{overflow-wrap:break-word}.booth-tip__hrs{white-space:nowrap}.booth-tip__txt small{font:700 11px/1.2 var(--mono);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.booth-tip__txt b{font:700 14px/1.25 var(--mono)}.booth-tip.is-on.is-live{pointer-events:auto}.booth-tip.is-live:after{content:"";position:absolute;left:0;right:0;top:100%;height:32%}.booth-tip.is-below.is-live:after{top:auto;bottom:100%}.booth-tip__link{justify-self:start;margin-top:2px;font:700 12px/1.2 var(--mono);color:var(--ink);text-decoration:underline;text-underline-offset:3px}.booth-tip__link:hover,.booth-tip__link:focus-visible{background:var(--lime);text-decoration:none}.booth-tip__x{display:none;position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;place-items:center;border:0;background:transparent;color:var(--ink-3);cursor:pointer}.booth-tip__x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.booth-tip__x:hover,.booth-tip__x:focus-visible{background:var(--lime);color:var(--ink)}.booth-tip.is-live .booth-tip__x{display:grid}.booth-tip.is-live{padding-right:32px}.tenant{background:var(--paper);overflow:hidden}.logo-marquee{display:grid;gap:0;padding-top:8px;margin-top:10px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.logo-row{display:flex;width:max-content;gap:0;animation:marquee var(--dur, 60s) linear infinite}.logo-row.rev{animation-direction:reverse}.logo-row+.logo-row{margin-top:8px}.logo-marquee:hover .logo-row{animation-play-state:paused}.logo-tile{flex:none;margin-right:8px;width:150px;height:150px;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:6px;background:var(--white);clip-path:var(--notch)}.logo-tile.is-dark,.tenant__grid .ph.is-dark{background:var(--ink)}.logo-tile img{width:100%;height:100%;object-fit:contain}.tenant__all{margin-top:48px}.search{display:flex;align-items:center;gap:12px;padding:0 18px;margin-bottom:22px;border:2px solid var(--ink);background:var(--white);max-width:480px}.search svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2.4;flex:none}.search input{flex:1;border:0;background:transparent;padding:16px 0;font:500 16px var(--sans);outline:none;min-width:0}.tenant__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.tenant__grid li{min-width:0;overflow:hidden;clip-path:var(--notch);background:var(--white);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.tenant__grid .ph{min-width:0;overflow:hidden;aspect-ratio:1;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:6px}.tenant__grid img{width:100%;height:100%;object-fit:contain}.tenant__grid span{padding:8px 10px;border-top:2px solid var(--ink);background:var(--white);color:var(--ink);font:600 12.5px/1.25 var(--sans)}.tenant__grid li.is-hidden{display:none}.tenant__grid li>a{display:grid;grid-template-rows:auto 1fr;min-width:0;color:inherit;text-decoration:none}.tenant__grid span small{display:block;margin-top:4px;font:700 10.5px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.tenant__grid li>a span{transition:background .2s,color .2s}.tenant__grid li>a:hover span,.tenant__grid li>a:focus-visible span{background:var(--lime);color:var(--ink)}.tenant__grid li>a:hover span small,.tenant__grid li>a:focus-visible span small{color:var(--ink)}.logo-tile{text-decoration:none}.tenant__empty{padding:30px 0;font-weight:700}.lokasi{position:relative;background:var(--paper);border-block:6px solid var(--ink)}.lokasi__map{--k: .9;--px: 50%;--py: 50%;position:relative;overflow:hidden;height:clamp(520px,70vh,720px);background:#e7e6e2}@media(min-width:861px){.lokasi__map{--px: calc(50% + 240px) }}.peta__canvas{position:absolute;left:calc(var(--px) - 1500px * var(--k));top:calc(var(--py) - 500px * var(--k));width:calc(2500px * var(--k));height:calc(1000px * var(--k))}.peta__canvas>img,.peta__labels{position:absolute;inset:0;width:100%;height:100%;display:block}.peta__labels path{fill:none}.peta__road{font:600 calc(10.5px / var(--k)) var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink-3);paint-order:stroke;stroke:#e7e6e2;stroke-width:calc(3px / var(--k));stroke-linejoin:round}.peta__road--main{font-weight:700;fill:var(--ink)}.peta__pin{position:absolute;left:calc(1500px * var(--k));top:calc(500px * var(--k));width:0;height:0}.peta__pin>i{position:absolute;left:-18px;top:-18px;width:36px;height:36px;display:grid;place-items:center;background:var(--lime);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.peta__pin>i:after{content:"";position:absolute;inset:-9px;border:2px solid var(--ink);opacity:0;animation:peta-pulse 2s ease-out infinite}.peta__pin>i>img{width:auto;height:24px}@keyframes peta-pulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.peta__pin>i:after{animation:none}}.peta__pin>b{position:absolute;left:26px;top:-12px;white-space:nowrap;padding:4px 8px;background:var(--ink);color:var(--lime);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.peta__compass{position:absolute;right:12px;top:12px;z-index:1;padding:8px;background:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.peta__dial{display:block;width:52px;height:52px}.peta__dial svg{width:100%;height:100%;display:block}.peta__compass .ring{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:2 3.76}.peta__compass .u{font:700 8px var(--mono);fill:var(--ink);text-anchor:middle;dominant-baseline:central}.peta__compass .n{fill:var(--ink)}.peta__compass .s{fill:var(--white);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.peta__compass .qo,.peta__compass .q{fill:none;stroke-linecap:round}.peta__compass .qo{stroke:var(--ink);stroke-width:5}.peta__compass .q{stroke:var(--lime);stroke-width:2.4}.peta__compass .qk{fill:var(--ink);stroke:#c9a227;stroke-width:1.2}.peta__compass .dot{fill:var(--lime);stroke:var(--ink);stroke-width:1.2}.peta__pin{--kr: 120px}.peta__ring{position:absolute;left:calc(var(--kr) * -1);top:calc(var(--kr) * -1);width:calc(var(--kr) * 2);height:calc(var(--kr) * 2);border-radius:50%;pointer-events:none}.peta__ring:before,.peta__ring:after{content:"";position:absolute;inset:0;border-radius:50%}.peta__ring:before{background:repeating-conic-gradient(from -.4deg,rgba(43,43,43,.55) 0 .8deg,transparent .8deg 5deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 7px));mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 7px))}.peta__ring:after{background:repeating-conic-gradient(from -.75deg,var(--ink) 0 1.5deg,transparent 1.5deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 10px),#000 calc(100% - 10px));mask:radial-gradient(closest-side,transparent calc(100% - 10px),#000 calc(100% - 10px))}.peta__ring b{position:absolute;font-size:10px;font-weight:700;line-height:1;color:var(--ink)}.peta__ring .u{left:50%;top:24px;translate:-50% 0;font-size:14px}.peta__ring .u:before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);translate:-50% 0;border:0 solid transparent;border-width:0 4px 8px;border-bottom-color:var(--ink)}.peta__ring .t{right:15px;top:50%;translate:0 -50%}.peta__ring .s{left:50%;bottom:15px;translate:-50% 0}.peta__ring .b{left:15px;top:50%;translate:0 -50%;z-index:1}.peta__kiblat{position:absolute;left:0;top:0;width:calc(var(--kr) - 22px);height:0;border-top:2px dashed var(--ink);transform-origin:0 0;rotate:202.8deg}.peta__kaaba{position:absolute;left:calc(var(--kr) * -.9219);top:calc(var(--kr) * -.3875);width:0;height:0}.peta__kaaba:before{content:"";position:absolute;left:-60px;top:-56px;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,#e7e6e2 52%,#e7e6e2e6 66%,#e7e6e280 82%,#e7e6e200)}.peta__kaaba svg{position:absolute;left:-16px;top:-17px;width:32px;height:32px;display:block}.peta__kaaba .kl{fill:#1c1c1c}.peta__kaaba .kr{fill:var(--ink)}.peta__kaaba .kt{fill:#4a4a4a}.peta__kaaba .kg{fill:#c9a227}.peta__kaaba b{position:absolute;left:0;top:18px;translate:-50% 0;white-space:nowrap;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.peta__osm{position:absolute;right:8px;bottom:8px;z-index:1;padding:2px 6px;background:#ffffffd9;color:var(--ink-3);font-size:10.5px;text-decoration:none}.peta__osm:hover{color:var(--ink);text-decoration:underline}.lokasi__overlay{position:absolute;inset:0;display:flex;align-items:center;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);pointer-events:none}.loc-card{width:min(100%,440px);background:var(--ink-2);color:var(--white);box-shadow:10px 10px 0 var(--lime);pointer-events:auto}.loc-card__head{padding:14px 24px;background:var(--lime);color:var(--ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.loc-card__body{padding:28px 26px 26px}.loc-card__title{font:700 clamp(24px,2.4vw,30px)/1.12 var(--mono);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:12px}.loc-card__addr{color:var(--grey-2);font-size:15px;margin-bottom:26px}.loc-card__rows{margin:0 0 28px}.loc-card__rows div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #4a4a4a}.loc-card__rows div:last-child{border-bottom:1px solid #4a4a4a}.loc-card__rows dt{color:var(--grey-2);font-size:14px}.loc-card__rows dd{margin:0;font-weight:700;font-size:15px;text-align:right}.loc-card__actions{display:flex;flex-wrap:wrap;gap:12px}.partners{background:var(--paper);overflow:hidden}.partners__grid{position:absolute;inset:-30% -180px;z-index:0;will-change:transform;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='92.4'%3E%3Cpath d='M0 46.2 L80 0 L160 46.2 L80 92.4 Z' fill='none' stroke='%232150f5' stroke-width='1.2'/%3E%3C/svg%3E");background-size:160px 92.4px}.partners:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 30%,var(--paper) 80%);pointer-events:none}.partners .notch{background:var(--lime);color:var(--ink)}.partners>.container{position:relative;z-index:2}.deco--sq{width:clamp(110px,11vw,180px);right:8%;top:calc(clamp(80px,12vw,150px) + 40px)}.deco--sq-b{right:8%;top:clamp(24px,4vw,60px)}.layanan__head{position:relative}.layanan__head>:not(.deco){position:relative;z-index:1}.deco--blocks{width:clamp(90px,9vw,160px);left:calc(10vw - max(0px,(100vw - var(--maxw)) / 2));bottom:calc(100% + 20px)}.pgroup{margin-top:clamp(48px,6vw,72px)}.pgroup:first-child{margin-top:0}.pgroup h3{display:flex;align-items:center;gap:14px;justify-content:center;font:700 14px/1.3 var(--mono);text-align:center;text-transform:uppercase;letter-spacing:.12em;margin-bottom:28px}.pgroup h3:before,.pgroup h3:after{content:"";flex:0 1 80px;height:2px;background:var(--ink)}.plist{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.plogo{width:min(270px,calc(50% - 10px));height:auto;aspect-ratio:270 / 175;padding:16px;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;background:var(--white);border:2px solid var(--ink);transition:box-shadow .4s var(--ease),translate .4s var(--ease)}.plogo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);transition:filter .4s}.plogo:hover{translate:0 -6px;box-shadow:0 6px 0 var(--lime),0 6px 0 2px var(--ink)}.plogo:hover img{filter:none;opacity:1}@media(hover:none),(pointer:coarse){.plogo img{filter:none}}.plogo--dark{background:var(--ink)}.footer{background:var(--ink);color:var(--grey-2);padding:0 0 30px;overflow:hidden;position:sticky;bottom:0;z-index:-1}.footer.is-flat{position:relative;z-index:auto}body{pointer-events:none}body>*{pointer-events:auto}.footer:after{content:"";position:absolute;inset:-60px;z-index:2;pointer-events:none;opacity:0;background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.footer.is-noise:after{opacity:calc(var(--fn) * .9);animation:foot-static .32s steps(1,end) infinite}@keyframes foot-static{0%{transform:translateZ(0)}12.5%{transform:translate3d(-9px,6px,0)}25%{transform:translate3d(7px,-10px,0)}37.5%{transform:translate3d(-4px,-7px,0)}50%{transform:translate3d(10px,4px,0)}62.5%{transform:translate3d(-8px,-2px,0)}75%{transform:translate3d(3px,9px,0)}87.5%{transform:translate3d(-6px,10px,0)}}.footer.is-noise>*{filter:blur(calc(var(--fn) * 10px))}.footer.is-clearing:after{animation:foot-static .32s steps(1,end) infinite,foot-signal .6s steps(1,end) forwards}.footer.is-clearing :is(.footer__grid,.footer__bottom)>*{animation:foot-glitch .7s steps(1,end) both}.footer.is-clearing .footer__grid>:nth-child(2){animation-delay:.08s}.footer.is-clearing .footer__grid>:nth-child(3){animation-delay:.16s}.footer.is-clearing .footer__bottom>:nth-child(1){animation-delay:.12s}.footer.is-clearing .footer__bottom>:nth-child(2){animation-delay:.2s}@keyframes foot-signal{0%{opacity:.9}18%{opacity:.2}30%{opacity:.6}45%{opacity:0}60%{opacity:.25}75%,to{opacity:0}}@keyframes foot-glitch{0%{translate:-10px 0;clip-path:inset(12% 0 58% 0);text-shadow:-4px 0 var(--lime),4px 0 var(--blue)}8%{translate:8px 0;clip-path:inset(62% 0 8% 0);text-shadow:3px 0 var(--lime),-3px 0 var(--blue)}16%{translate:-4px 0;clip-path:inset(30% 0 35% 0)}24%{translate:0 0;clip-path:inset(0);text-shadow:-2px 0 var(--lime),2px 0 var(--blue)}34%{translate:6px 0;clip-path:inset(45% 0 20% 0);text-shadow:4px 0 var(--lime),-4px 0 var(--blue)}42%{translate:0 0;clip-path:inset(0);text-shadow:none}58%{translate:-3px 0;clip-path:inset(5% 0 75% 0);text-shadow:-2px 0 var(--lime),2px 0 var(--blue)}66%{translate:0 0;clip-path:inset(0);text-shadow:1px 0 var(--lime),-1px 0 var(--blue)}80%,to{translate:0 0;clip-path:inset(0);text-shadow:none}}@media(prefers-reduced-motion:reduce){.footer.is-noise:after{animation:none}.footer.is-clearing:after,.footer.is-clearing :is(.footer__grid,.footer__bottom)>*{animation:none}}.footer-end{height:0}.footer__big{display:flex;width:max-content;gap:0;padding:40px 0 60px;font-size:clamp(60px,11vw,170px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px #555;white-space:nowrap;animation:marquee 60s linear infinite}.footer__big span{padding-right:60px}.footer__big span:nth-child(odd){-webkit-text-stroke-color:var(--lime)}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:48px}.footer__brand{display:flex;gap:18px;align-items:flex-start}.footer__brand img{width:52px;flex:none}.footer__logo{display:block;flex:none;padding:0;border:0;background:none;cursor:pointer;border-radius:6px;animation:logoFloat 2.6s ease-in-out infinite}.footer__logo picture{display:block}.footer__logo img{display:block;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s}.footer__logo:hover img,.footer__logo:focus-visible img{transform:translateY(-6px) rotate(-6deg) scale(1.06);filter:drop-shadow(0 8px 14px rgba(200,255,60,.35))}.footer__logo:active img{transform:translateY(-2px) scale(.95);transition-duration:.1s}.footer__logo:focus-visible{outline:2px solid var(--lime);outline-offset:6px}@keyframes logoFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(200,255,60,0))}50%{transform:translateY(-12px);filter:drop-shadow(0 10px 16px rgba(200,255,60,.45))}}.footer h3{font-size:22px;color:var(--white);margin-bottom:12px}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--lime);margin-bottom:14px}.footer p{font-size:15px;margin:0}.footer__wa{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-size:22px;font-weight:700}.footer__wa svg{width:26px;height:26px;fill:var(--lime);transition:transform .4s var(--ease)}.footer__wa:hover svg{transform:rotate(-12deg) scale(1.1)}.footer__wa:hover span{color:var(--lime)}.footer small{display:block;margin-top:6px;font-size:13px}.footer__bottom{position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:30px;font-size:13px}@media(min-width:561px){.footer__bottom{padding-right:calc(var(--gutter) + 64px)}}.footer__bottom:before{content:"";position:absolute;top:0;left:50%;width:100vw;height:1px;background:#c3f71959;transform:translate(-50%)}.to-top{text-decoration:none;color:var(--white)}.to-top:hover{color:var(--lime)}.gsap-ready .reveal-up{opacity:0;transform:translateY(40px)}@media(min-width:861px)and (max-height:820px){.layanan__pin{padding:clamp(40px,6vh,80px) 0}.layanan__head{margin-bottom:clamp(14px,2.5vh,32px)}.layanan__head .sec-num{margin-bottom:8px}.layanan__head .title{font-size:clamp(24px,3.6vh,42px)}.layanan__head .sec-sub{margin-top:8px;font-size:15px}.deco--blocks{width:clamp(64px,7vh,110px)}.lcard{min-height:min(420px,38vh);padding:24px}.lcard__num{font-size:12px}.lcard__icon{width:clamp(40px,6vh,52px);height:clamp(40px,6vh,52px);margin:clamp(10px,2vh,18px) 0 clamp(10px,1.8vh,16px)}.lcard__icon svg{width:28px;height:28px}.lcard h3{font-size:clamp(18px,2.4vh,26px);margin-bottom:clamp(8px,1.6vh,14px)}.lcard li,.lcard p{font-size:15px}.lcard ul{gap:clamp(5px,1vh,8px)}.lcard--cta h3{font-size:clamp(22px,3.4vh,36px)}.lcard__free{top:18px;right:18px}.asatidz__pin{padding:clamp(40px,6svh,90px) 0}.asatidz .sec-head{margin-bottom:clamp(14px,2.8svh,48px)}.asatidz .sec-head .title{font-size:clamp(24px,3.6svh,42px)}.asatidz__grid>.ustadz{--ust-w: min(300px, 40svh)}.asatidz__note{margin-top:clamp(10px,2svh,26px)}}.layanan__track,.asatidz__grid{min-height:0;flex-shrink:1}.lcard,.asatidz__grid>.ustadz{max-height:100%}@media(max-width:1080px){.nav__links,.nav__cta{display:none}.nav__burger{display:block}.nav__simple{display:grid}.hero__inner{grid-template-columns:1fr}.hero__visual{order:-1;max-width:300px;margin:0 auto}.denah__wrap{grid-template-columns:1fr}.denah__side{position:sticky;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;order:2;align-self:end;margin-top:4px;display:grid;gap:8px;padding:8px;background:var(--ink);border:2px solid var(--ink);box-shadow:0 10px 30px #00000040;user-select:none;-webkit-user-select:none}.denah__side .seg{border-color:var(--white);background:var(--white)}.denah__side .seg button{color:var(--ink);padding:9px}.denah__side .seg button[aria-selected=true]{background:var(--ink);color:var(--lime)}.denah-share{--bg: transparent;--fg: var(--white);--edge: var(--white);border-color:var(--white)}.denah__hint{display:none}.legend{grid-template-columns:repeat(6,1fr);gap:5px}.chip{position:relative;justify-content:center;height:32px;padding:0;background:var(--c);border:2px solid var(--c);color:var(--t)}.chip:hover{transform:none}.chip i{display:none}.chip em{margin:0;font-size:13px;color:var(--t)}.chip[aria-pressed=true]{background:var(--c);color:var(--t);border-color:var(--white);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--white)}.chip[aria-pressed=true] em{color:var(--t)}.legend.has-active .chip[aria-pressed=false]{opacity:.35}.denah__side.is-img .chip[aria-pressed]{background:var(--c);color:var(--t);border-color:var(--c);opacity:1;box-shadow:none}.denah__side.is-img .chip em{color:var(--t)}.denah__side.is-img .chip__label{opacity:0!important}.chip{position:static}.chip__label{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);padding:8px 14px;background:var(--white);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--c);font:700 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--ease)}.chip:hover .chip__label,.chip:focus-visible .chip__label,.chip[aria-pressed=true] .chip__label{opacity:1;transform:translate(-50%)}@media(hover:none){.chip:focus-visible .chip__label{opacity:0}.chip[aria-pressed=true] .chip__label{opacity:1}}.legend:hover .chip[aria-pressed=true]:not(:hover) .chip__label{opacity:0}}@media(max-width:860px){body{font-size:16px}.tema__grid{grid-template-columns:1fr}.tema__media{margin-right:calc(var(--gutter) * -1)}.tema__media .img-reveal{aspect-ratio:2 / 1}.lokasi__map{height:300px;--k: .6;--px: 50%;--py: 120px}.peta__osm{bottom:64px}.peta__pin{--kr: 84px}.lokasi__overlay{position:static;padding:0 var(--gutter);margin-top:-60px;position:relative}.loc-card{margin:0 auto 36px;width:100%;box-shadow:6px 6px 0 var(--lime)}.deco--zigzag{right:-2%;width:24%}.deco--sq{width:80px;right:4%;top:40px}.partners__grid{background-size:135px 78px;background-position:center}.deco--sq-b{right:4%;top:20px}.deco--tema-b{margin-left:calc(-10% - var(--gutter))}.days{--day-min: 150px;--sliver: 30px;--lap: 6px}.day{padding:15px 12px}.days-nav button{width:46px;height:46px}.jrow{grid-template-columns:1fr auto;column-gap:10px;row-gap:4px;align-items:center;--dot-y: 21px}.jrow time{grid-column:1;grid-row:1}.jrow{padding-right:34px}.jrow .tag{position:absolute;top:0;right:0;padding:8px 3px;writing-mode:vertical-rl;line-height:1}.jrow>div{grid-column:1 / -1;grid-row:2}.jrow.is-live time,.jrow:has(.jopen) time,.jrow:has(.jnext) time{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}.jgrid,.footer__grid{grid-template-columns:1fr}.layanan__pin{min-height:100svh;padding:calc(76px + 1vh) 0 3vh}.layanan__head{margin-bottom:3vh}.deco--blocks{width:64px;left:12%;bottom:calc(100% + 10px)}.layanan__head .sec-num{margin-bottom:10px}.layanan__scroll{position:absolute;left:50%;bottom:1.2vh;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--grey-2)}.layanan__scroll[style*=top]{bottom:auto}.layanan__scroll.is-tight{opacity:0!important}.layanan__scroll i{width:2px;height:20px;background:#fff3;position:relative;overflow:hidden}.layanan__scroll i:after{content:"";position:absolute;inset:0;background:var(--lime);animation:scrollline 1.8s var(--ease) infinite}.layanan__head .title{font-size:clamp(24px,min(7vw,4.4vh),34px)}.layanan__head .sec-sub{margin-top:10px;font-size:14.5px;line-height:1.5}.layanan__track{gap:14px}.lcard{width:min(82vw,380px);min-height:0;padding:22px}.lcard__num{margin-bottom:0}.lcard__free{top:18px;right:18px}.lcard__icon{width:48px;height:48px;margin:18px 0 14px}.lcard__icon svg{width:26px;height:26px}.lcard h3{font-size:20px;margin-bottom:14px}.lcard ul{gap:8px}.lcard li,.lcard p{font-size:14.5px}.lcard--cta h3{font-size:24px}.asatidz__pin{min-height:var(--ast-h, 100svh);padding:calc(76px + 1svh) 0 3svh}.asatidz .sec-head{margin-bottom:3svh}.asatidz .sec-num{margin-bottom:10px}.asatidz .sec-head .title{font-size:clamp(24px,min(7vw,4.4svh),34px)}.asatidz .sec-head .sec-sub{margin-top:10px;font-size:14.5px;line-height:1.5}.asatidz__grid>.ustadz{flex:0 0 min(76vw,42svh);min-width:0}.asatidz__grid{scroll-snap-type:none}.asatidz__grid>.ustadz{scale:.86;transform-origin:100% 100%;transition:scale .35s var(--ease),transform-origin .35s var(--ease);scroll-snap-align:end}.asatidz__grid>.ustadz.is-front{scale:1}.asatidz__grid>.ustadz.is-front~.ustadz{transform-origin:0 100%;scroll-snap-align:start}.ustadz__body{padding:12px;min-height:73px}.ustadz:not(.ustadz--soon) .ustadz__body:before,.ustadz:not(.ustadz--soon) .ustadz__body:after{left:12px;width:38px;height:38px}.ustadz:not(.ustadz--soon) .ustadz__body:after{background-size:21px}.ustadz__body h3{font-size:15px}.ustadz__body small{font-size:12px}.ustadz--soon .q{width:30px;height:30px;top:10px;right:10px;font-size:16px}.asatidz__note{margin-top:2.2svh;font-size:12.5px}}@media(max-width:560px){.days{--day-min: 128px;--sliver: 40px;--lap: 6px}@media(max-width:380px){.days{--day-min: 108px}}.day{padding:8px 10px 9px;gap:2px}.day b{font-size:16px}.day span{font-size:12px}.day small,.day__badge{position:static;order:-1;justify-self:stretch;margin:-8px -10px 5px;padding:4px 10px;font:700 9px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:none}.day small{background:var(--paper);color:var(--blue)}.day[aria-selected=true] small{background:#3a3a3a;color:var(--lime)}.day.is-today small,.day.is-past small{display:none}.day .day__badge>.day__badge-n{display:inline}.day__edge{font-size:9.5px;letter-spacing:.1em;gap:3px}.days .day .day__edge>.day__edge-d{font-size:8.5px;letter-spacing:.04em}.day[aria-selected=true]:after{z-index:2;width:12px;height:12px}.day__badge--today:before{width:5px;height:5px;margin-right:4px}.hero{padding-top:104px}.hero__visual{max-width:210px}.stats b{padding:14px 12px 12px;font-size:clamp(24px,8vw,32px)}.stats span{padding:9px 12px;font-size:12px}.soon{grid-template-columns:1fr}.logo-tile{width:112px;height:112px}.marquee__track{font-size:13px}.marquee__group{gap:16px;padding:12px 16px 12px 0}.plist{gap:16px}.plogo,.pgroup--main .plogo{width:calc(50% - 8px);height:110px;padding:10px}.tema__copy>p:not(.kicker){font-size:14px}.sec-sub{font-size:16px}.countdown{justify-content:center}.footer__brand{flex-direction:column}.footer__logo{align-self:center;margin-bottom:32px}.footer__brand img{width:150px;height:auto}.footer__bottom{flex-direction:column;align-items:center;text-align:center}}.hero{min-height:100svh;padding:calc(84px + 2.5vh) 0 3vh;justify-content:center}.hero__inner{flex:0 1 auto;gap:min(3vw,48px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.hero .kicker{margin-bottom:2.2vh}.hero .kicker p{display:flex;margin:0}.hero .kicker p .tag{outline:1px solid var(--ink)}.hero .kicker p .outline{outline:1px solid var(--ink);padding:4px 8px}.hero__title{font-size:clamp(28px,min(4.2vw,7vh),64px);margin-bottom:3vh}.hero__meta{margin-bottom:3vh;gap:1.4vh 28px}.hero__date strong{font-size:clamp(32px,min(4.6vw,7vh),68px)}.hero__date span{font-size:clamp(12px,min(1.5vw,2.2vh),22px)}.hero__facts{font-size:clamp(11.5px,1.8vh,15px);line-height:1.55}.hero__actions .btn{padding-block:clamp(11px,1.8vh,16px)}.tilt{width:min(100%,440px,58vh)}.countdown{margin-top:3.2vh;padding-block:clamp(10px,1.6vh,18px)}.countdown__units{--cdn: clamp(22px, min(4vw, 4.8vh), 44px)}.hero__scroll{right:max(14px,calc((100vw - var(--maxw)) / 4));bottom:calc(3vh + 34px);z-index:4;gap:8px;color:var(--ink)}.hero__scroll i{height:clamp(36px,7vh,64px)}@media(max-width:1080px){.hero__inner{grid-template-columns:1fr auto;grid-template-areas:"k k" "t t" "m v" "a v";column-gap:16px;align-items:center}.hero__copy{display:contents}.hero .kicker{grid-area:k}.hero__title{grid-area:t}.hero__meta{grid-area:m;margin-bottom:2.4vh}.hero__actions{grid-area:a;align-self:start}.hero__visual{grid-area:v;order:0;max-width:none;margin:0;align-self:center}.tilt{width:clamp(84px,min(28vw,24vh),280px)}.deco--arrows{display:none}.hero__title{font-size:clamp(26px,min(7.6vw,6vh),64px)}.hero__date strong{font-size:clamp(30px,min(7vw,5.6vh),56px)}}@media(max-width:560px){.hero{padding:calc(76px + 1.5vh) 0 2vh}.hero__inner{grid-template-areas:"k k" "t t" "m v" "a a"}.hero .kicker{font-size:11px;gap:8px;margin-bottom:1.8vh}.hero .kicker p{flex-direction:column;gap:0;align-items:flex-start}.hero__title{font-size:clamp(24px,min(8.4vw,5.2vh),40px);margin-bottom:2.2vh}.hero__title .line{padding:1px 0}.hero__meta{flex-direction:column;align-items:flex-start;gap:1vh;margin-bottom:2.2vh}.hero__date strong{font-size:clamp(28px,min(9.4vw,5.4vh),42px)}.hero__facts{padding-left:12px;font-size:clamp(10.5px,1.6vh,12.5px)}.hero__actions{gap:10px}.hero__actions .btn{padding:clamp(10px,1.6vh,14px) 14px;font-size:11.5px;gap:8px}.tilt{width:clamp(72px,min(24vw,15vh),120px)}.countdown{margin-top:2.4vh;padding:10px 14px;gap:6px 12px;justify-content:space-between}.countdown__head{flex-basis:100%;justify-content:space-between}.countdown__label{font-size:10.5px}.countdown__today{font-size:10px;padding:4px 8px}.countdown__units{--cdg: clamp(24px, 9vw, 48px);width:100%;justify-content:center}.countdown__units div{min-width:0}.countdown__units{--cdn: clamp(20px, 3.4vh, 28px)}.countdown__units small{font-size:10px}.hero{padding-bottom:calc(1.5vh + 30px)}.hero__scroll{writing-mode:horizontal-tb;flex-direction:row;display:flex;align-items:center;left:50%;right:auto;bottom:calc(1.2vh + 6px);transform:translate(-50%);font-size:10px;letter-spacing:.25em}.hero__scroll i{width:2px;height:20px}.noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.noise,.noise.is-intro,.is-loaded .noise.is-intro,.noise.is-burst,.logo-row,.marquee__track,.footer__big,.footer__logo{animation:none}.zoom__hint{animation:none;opacity:.85}.logo-marquee{overflow-x:auto}}:root{--skel: rgba(17, 17, 17, .05)}.logo-tile:has(img[data-src]),.tenant__grid .ph:has(img[data-src]),.plogo:has(img[data-src]),.ustadz:has(img[data-src]){background-image:linear-gradient(var(--skel),var(--skel))}.logo-tile.is-dark:has(img[data-src]),.tenant__grid .ph.is-dark:has(img[data-src]),.plogo--dark:has(img[data-src]){--skel: rgba(255, 255, 255, .07)}img.lazy-img{opacity:0;translate:-24px 0;transition:opacity .45s var(--ease),translate .55s var(--ease)}img.lazy-img.is-loaded.is-seen{opacity:1;translate:none}.totop{position:fixed;right:var(--gutter);bottom:max(18px,env(safe-area-inset-bottom,0px) + 10px);z-index:9200;display:grid;place-items:center;width:48px;height:48px;background:var(--ink);color:var(--lime);clip-path:var(--notch);translate:0 160%;opacity:0;pointer-events:none;transition:translate .45s var(--ease),opacity .3s var(--ease),background-color .2s,color .2s}.totop.is-in{translate:none;opacity:1;pointer-events:auto}.totop svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square}.totop:focus-visible{background:var(--lime);color:var(--ink)}@media(hover:hover){.totop:hover{background:var(--lime);color:var(--ink)}}.menu-open .totop{translate:0 160%;opacity:0;pointer-events:none}.btn.tenant-hide{position:fixed;right:var(--gutter);bottom:max(18px,env(safe-area-inset-bottom,0px) + 10px);z-index:8900;justify-content:center;padding:10px 18px;box-shadow:0 6px 24px #00000040;translate:0 160%;opacity:0;pointer-events:none;transition:translate .45s var(--ease),opacity .3s var(--ease),color .35s var(--ease),bottom .35s var(--ease)}.btn.tenant-hide.is-in{translate:none;opacity:1;pointer-events:auto}.btn.tenant-hide:hover svg{transform:translateY(-3px)}.menu-open .btn.tenant-hide{translate:0 160%;opacity:0;pointer-events:none}.btn.tenant-hide .th-x{display:none}@media(max-width:860px){.btn.tenant-hide{width:48px;height:48px;padding:0;gap:0;right:auto;left:50%;translate:-50% 160%}.btn.tenant-hide.is-in{translate:-50% 0}.menu-open .btn.tenant-hide{translate:-50% 160%}.btn.tenant-hide .th-up{display:none}.btn.tenant-hide .th-x{display:block;width:22px;height:22px}.btn.tenant-hide:hover svg{transform:none}.btn.tenant-hide span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(min-width:861px){body:has(.totop.is-in) .btn.tenant-hide{bottom:calc(max(18px,env(safe-area-inset-bottom,0px) + 10px) + 58px)}}.a2hs{position:fixed;left:50%;bottom:18px;z-index:9300;width:min(560px,calc(100% - 2 * var(--gutter)));display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:start;padding:16px;background:var(--white);border:var(--bw) solid var(--ink);clip-path:var(--notch);translate:-50% 140%;opacity:0;transition:translate .5s var(--ease),opacity .4s var(--ease)}.a2hs.is-in{translate:-50% 0;opacity:1}.a2hs[hidden]{display:none}.a2hs img{width:58px;height:58px;object-fit:contain;padding:3px;background:var(--lime);border:2px solid var(--ink)}.a2hs__body b{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.a2hs__body p{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.a2hs__never{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--ink-3);cursor:pointer}.a2hs__never input{width:16px;height:16px;accent-color:var(--ink);cursor:pointer}.a2hs__actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}@media(max-width:560px){.a2hs{grid-template-columns:1fr;gap:12px}.a2hs img{display:none}.a2hs__actions{grid-column:1}}.itoast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 4px);z-index:9500;width:min(420px,calc(100% - 2 * var(--gutter)));translate:-50% -140%;opacity:0;pointer-events:none;transition:translate .5s var(--ease),opacity .4s var(--ease)}.itoast.is-in{translate:-50% 0;opacity:1;pointer-events:auto}.itoast[hidden]{display:none}.itoast__caret{display:block;width:0;height:0;margin:0 auto -1px;border:10px solid transparent;border-top:0;border-bottom-color:var(--ink);animation:itoast-nudge 1.1s ease-in-out infinite}@keyframes itoast-nudge{50%{translate:0 -5px}}.itoast__box{padding:14px 16px 16px;background:var(--ink);color:var(--white);clip-path:var(--notch);box-shadow:0 14px 30px #0000004d}.itoast__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.itoast__title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}.itoast__x{flex:none;width:28px;height:28px;margin:-6px -6px -6px 0;display:grid;place-items:center;background:none;border:0;color:var(--grey-2);font-size:22px;line-height:1;cursor:pointer}.itoast__text{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:#ffffffd1}.itoast__bar{display:block;height:4px;margin-top:12px;background:#ffffff24;overflow:hidden}.itoast__bar span{display:block;width:40%;height:100%;background:var(--lime);animation:itoast-load 1.3s ease-in-out infinite}@keyframes itoast-load{0%{translate:-100% 0}to{translate:250% 0}}.itoast.is-done .itoast__bar span,.itoast.is-wait .itoast__bar span{width:100%;translate:0 0;animation:none}.itoast.is-wait .itoast__bar span{background:var(--grey)}.itoast.is-done .itoast__caret{visibility:hidden}.ntoast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px) + 10px);z-index:9400;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 2 * var(--gutter));padding:12px 18px;background:var(--ink);color:var(--white);clip-path:var(--notch);box-shadow:0 14px 30px #0000004d;translate:-50% 140%;opacity:0;pointer-events:none;transition:translate .5s var(--ease),opacity .4s var(--ease)}.ntoast.is-in{translate:-50% 0;opacity:1;pointer-events:auto}.ntoast[hidden]{display:none}.ntoast__dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--grey)}.ntoast.is-on .ntoast__dot{background:var(--lime)}.ntoast__text{margin:0;font:700 13px/1.4 var(--mono)}.ntoast.is-on .ntoast__text{color:var(--lime)}.ntoast__x{flex:none;width:24px;height:24px;margin:-4px -8px -4px 2px;display:grid;place-items:center;background:none;border:0;color:#fff9;font-size:20px;line-height:1;cursor:pointer}.ntoast__x:hover,.ntoast__x:focus-visible{color:var(--white)}.nav__status{flex:none;width:0;height:10px;padding:0;border:0;border-radius:50%;overflow:hidden;background:var(--grey);cursor:pointer;margin-right:auto;opacity:0;transition:width .25s var(--ease),opacity .2s}.nav__status:not(:disabled){width:10px;opacity:1;animation:nav-status-pulse 1.8s ease-in-out infinite}.nav__status:hover:not(:disabled),.nav__status:focus-visible{background:var(--ink-3)}@keyframes nav-status-pulse{50%{opacity:.35}}@media(max-width:560px){.hero__actions,.loc-card__actions,.a2hs__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--colmin)),1fr))}.hero__actions{--colmin: 170px}.loc-card__actions{--colmin: 180px}.a2hs__actions{--colmin: 95px}.hero__actions .btn,.loc-card__actions .btn,.a2hs__actions .btn{justify-content:center}}@media(orientation:landscape)and (max-height:520px){.mmenu{padding-top:96px;padding-bottom:24px;gap:20px}.mmenu nav{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:2px 32px}.mmenu nav a{font-size:clamp(20px,6.5vh,30px)}.mmenu__foot{grid-template-columns:1fr auto;align-items:end}.mmenu__home{grid-column:2;grid-row:1}.mmenu__logo{width:clamp(48px,14vh,72px)}.hero{min-height:0;padding:24px 0}.hero__scroll,.layanan__scroll{display:none}.layanan__pin,.asatidz__pin{min-height:0;padding:28px 0}.layanan__head,.asatidz .sec-head{margin-bottom:16px}.layanan__track,.asatidz__grid{width:auto;min-width:0;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);padding-bottom:10px;touch-action:auto;scrollbar-width:none}.layanan__track::-webkit-scrollbar{display:none}.lcard,.asatidz__grid>.ustadz{flex:0 0 auto;scroll-snap-align:center}.lcard{width:min(72vw,360px);min-height:0}.asatidz__grid>.ustadz{flex-basis:min(30vw,200px);min-width:0;scroll-snap-align:start}}.zoom{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#161616;color:var(--white);overflow:hidden;overscroll-behavior:contain}.zoom::backdrop{background:transparent}.zoom[open]{animation:fadeIn .25s var(--ease)}.zoom__stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.zoom__stage.is-drag{cursor:grabbing}.zoom__stage img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;will-change:transform;-webkit-user-drag:none}.zoom__bar{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--lime)}.zoom__bar button,.zoom__bar a{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink);font:700 20px/1 var(--mono);text-decoration:none;cursor:pointer}.zoom__bar button:hover,.zoom__bar a:hover,.zoom__bar :focus-visible{background:var(--lime)}.zoom__bar [data-zoom=close]{background:var(--ink);color:var(--lime);margin-left:4px}.zoom__bar [data-zoom=close]:hover{background:var(--ink-2)}.zoom__bar output{min-width:56px;text-align:center;font-size:13px;color:var(--ink)}.zoom__hint{position:absolute;left:0;right:0;top:16px;margin:0;text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;text-shadow:0 1px 3px #000;animation:zoom-hint 4s var(--ease)}@keyframes zoom-hint{0%,75%{opacity:.85}}
/*# sourceMappingURL=style.css.map */