.kawal{isolation:isolate;text-align:center;color:#fff;width:100%;max-width:1240px;margin:0 auto;padding:clamp(56px,7vw,110px) 16px clamp(36px,4vw,56px);font-family:Poppins,sans-serif;position:relative}.kawal__marquee{z-index:-1;pointer-events:none;flex-direction:column;gap:clamp(4px,1vw,14px);width:100vw;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.kawal__row{white-space:nowrap;will-change:transform;transform:translate3d(var(--x,0px), 0, 0)}.kawal__row span{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px #ffffff42;text-transform:uppercase;font-size:clamp(64px,11vw,200px);font-weight:800;line-height:1;display:inline-block}.kawal__row{margin-left:-20vw}.kawal__row--alt{margin-left:-120vw}.kawal__row--alt span{-webkit-text-stroke-color:#1b1b1d2e}.kawal .kawal__title{letter-spacing:-.045em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(42px,6.6vw,112px);font-weight:800;line-height:1.02}.kawal__line{display:inline}.kawal__w,.kawal__w>span{display:inline-block}.kawal__w.is-hl{margin:0 -.06em;padding:0 .18em .06em;position:relative}.kawal__w.is-hl:before{content:"";z-index:-1;transform-origin:0;transform:scaleX(var(--hl,1)) rotate(-1.5deg);background:#1b1b1d;border-radius:.22em;position:absolute;inset:.1em 0 0}.kawal .kawal__sub{color:#fff;opacity:var(--sub,1);transform:translateY(calc((1 - var(--sub,1)) * 14px));margin:clamp(18px,2vw,28px) 0 0;font-size:clamp(17px,1.6vw,24px);font-weight:700}.kawal-band{--inset:clamp(15px, 4.2vw, 60px);--radius:clamp(40px, 7vw, 100px);clip-path:inset(0 calc((1 - var(--open,1)) * var(--inset)) round calc((1 - var(--open,1)) * var(--radius)));will-change:clip-path}.kawal.is-live .kawal__w>span{opacity:calc(.14 + var(--k,0) * .86);transform:translateY(calc((1 - var(--k,0)) * .55em)) scale(calc(.86 + var(--k,0) * .14)) rotate(calc((1 - var(--k,0)) * 4deg));filter:blur(calc((1 - var(--k,0)) * 10px));will-change:transform, opacity, filter}@media (width<=767px){.kawal{padding-top:64px;padding-bottom:32px}.kawal__row span{-webkit-text-stroke-width:1px;font-size:clamp(56px,17vw,90px)}}.cpf{color:#232323;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 16px;font-family:Poppins,sans-serif;position:relative}.cpf *,.cpf :before,.cpf :after{box-sizing:border-box}.cpf .cpf__title{text-align:center;letter-spacing:-.04em;color:#232323;max-width:760px;margin:0 auto 32px;font-size:clamp(28px,7vw,44px);font-weight:800;line-height:1.12}.cpf__num{color:#f15a24;font-style:normal}.cpf__orbit,.cpf__map{display:none}.cpf__rows{flex-direction:column;gap:10px;margin:0 -16px;display:flex}.cpf__row{touch-action:pan-y;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.cpf ul.cpf__track{will-change:transform;gap:10px;width:max-content;margin:0;padding:0 10px 0 0;list-style:none;display:flex}.cpf__track li{background:#fff;border-radius:16px;flex:none;align-items:center;gap:10px;width:212px;height:64px;margin:0;padding:10px;display:flex}.cpf__track li:before{display:none}.cpf__track img{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none;background:#eee;border-radius:50%;flex:none;width:38px;height:38px}.cpf__track span{flex-direction:column;min-width:0;display:flex}.cpf__track b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.cpf__track small{color:#6b7280;font-size:11.5px;line-height:1.35}@media (width>=1025px){.cpf{place-items:center;width:calc(100% - 120px);max-width:1830px;min-height:560px;padding:0;display:grid}.cpf__rows{display:none}.cpf .cpf__title{z-index:1;max-width:820px;margin:0;font-size:clamp(24px,2.4vw,36px);line-height:1.2;position:relative}.cpf__pre{letter-spacing:-.01em;color:#6b7280;margin-bottom:4px;font-size:.62em;font-weight:700;display:block}.cpf__num{letter-spacing:-.06em;font-size:clamp(110px,10.5vw,170px);line-height:.95;display:block}.cpf__rest{margin-top:12px;display:block}.cpf__orbit{display:block;position:absolute;inset:0}.cpf__map{opacity:.38;pointer-events:none;width:min(92%,1300px);height:auto;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.cpf__av{animation:cpf-float 6.5s var(--d) ease-in-out infinite;position:absolute}.cpf__av img{width:var(--s,64px);height:var(--s,64px);-o-object-fit:cover;object-fit:cover;background:#eee;border:4px solid #fff;border-radius:50%;transition:transform .25s;display:block;box-shadow:0 10px 24px #0000001f}.cpf__av:hover{z-index:2}.cpf__av:hover img{transform:scale(1.12)}.cpf__tip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#232323;border-radius:10px;padding:7px 11px;font-size:12px;line-height:1.4;transition:opacity .2s,translate .2s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}.cpf__tip b{font-size:13px;display:block}.cpf__av:hover .cpf__tip,.cpf__av.is-tip .cpf__tip{opacity:1;translate:-50%}.cpf__av.is-tip{z-index:2}.cpf__av.is-tip img{transform:scale(1.12)}.cpf__orbit{pointer-events:none}.cpf__av{pointer-events:auto}.cpf__av--1{--s:84px;top:6%;left:4%}.cpf__av--2{--s:58px;top:34%;left:18%}.cpf__av--3{--s:70px;top:62%;left:6%}.cpf__av--4{--s:54px;top:82%;left:22%}.cpf__av--5{--s:52px;top:4%;left:24%}.cpf__av--6{--s:66px;top:88%;left:34%}.cpf__av--7{--s:48px;top:38%;left:2%}.cpf__av--8{--s:80px;top:8%;right:4%}.cpf__av--9{--s:56px;top:30%;right:18%}.cpf__av--10{--s:72px;top:58%;right:6%}.cpf__av--11{--s:52px;top:80%;right:22%}.cpf__av--12{--s:54px;top:3%;right:24%}.cpf__av--13{--s:60px;top:88%;right:34%}.cpf__av--14{--s:46px;top:36%;right:1%}.cpf__av--15{--s:44px;top:2%;left:38%}.cpf__av--16{--s:50px;top:6%;right:38%}.cpf__av--17{--s:42px;top:20%;left:12%}.cpf__av--18{--s:50px;top:20%;right:12%}.cpf__av--19{--s:46px;top:86%;left:13%}.cpf__av--20{--s:48px;top:88%;right:13%}.cpf__av--21{--s:42px;top:91%;left:46%}.cpf__av--22{--s:40px;top:20%;left:33%}.cpf__av--23{--s:44px;top:19%;right:31%}.cpf__av--24{--s:40px;top:46%;right:15%}.cpf__av--25{--s:40px;top:52%;left:11%}}@media (width>=1025px) and (width<=1279px){.cpf__av:nth-child(n+15){display:none}}@keyframes cpf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.cpf__av{animation:none}}