@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--latar: #0e0e0d;--latar-2: #171715;--teks: #f2efe7;--teks-2: #b3aea2;--garis: #2e2e2b;--aksen: #d4ff4f;--huruf: "Bricolage Grotesque Variable", system-ui, "Segoe UI", Roboto, Arial, sans-serif;--lebar: 1240px;--gutter: clamp(20px, 5vw, 64px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--latar);color:var(--teks);font-family:var(--huruf);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--latar);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.2em}p,h1,h2,h3{overflow-wrap:break-word}::selection{background:var(--aksen);color:var(--latar)}:focus-visible{outline:2px solid var(--aksen);outline-offset:4px;border-radius:6px}.lewati{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;border-radius:10px;background:var(--aksen);color:var(--latar);font-weight:700;text-decoration:none}.lewati:focus{top:16px}.kepala{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter);border-bottom:1px solid transparent;transition:background-color .4s ease,border-color .4s ease}.kepala.terguling{background-color:#0e0e0df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--garis)}.merek{font-size:1.15rem;font-weight:750;letter-spacing:-.02em;text-decoration:none}.navigasi{display:flex;gap:28px}.navigasi a{padding-block:8px;color:var(--teks-2);font-size:.95rem;text-decoration:none;transition:color .2s ease}.navigasi a:hover,.navigasi a:focus-visible{color:var(--teks)}section{position:relative;max-width:var(--lebar);margin:0 auto;padding:clamp(96px,14vw,168px) var(--gutter);scroll-margin-top:80px}h1,h2,h3{margin:0}h2{font-size:clamp(2.4rem,5.6vw,5rem);font-weight:720;line-height:1;letter-spacing:-.035em}h3{font-size:1.25rem;font-weight:650;line-height:1.25;letter-spacing:-.015em}p{margin:0}.eyebrow{margin:0 0 22px;color:var(--aksen);font-size:.8rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.bagian-kepala{max-width:860px;margin-bottom:clamp(44px,6vw,80px)}.bagian-kepala>p:not(.eyebrow){margin-top:18px;max-width:58ch;color:var(--teks-2);font-size:1.12rem}.hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100svh;padding:140px var(--gutter) 104px;overflow:hidden}.nama{max-width:17ch;font-size:clamp(2.7rem,9.6vw,6.9rem);font-weight:750;line-height:.96;letter-spacing:-.045em}.sorot{color:var(--aksen)}.lead{max-width:42ch;margin-top:30px;color:var(--teks-2);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55}.aksi{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.tombol{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border:1px solid var(--garis);border-radius:999px;color:var(--teks);font-weight:600;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.tombol:hover{border-color:var(--teks)}.tombol.utama{background:var(--aksen);border-color:var(--aksen);color:var(--latar)}.tombol.utama:hover{background:var(--teks);border-color:var(--teks)}.kurung{position:absolute;bottom:88px;right:var(--gutter);width:min(30vw,400px);height:auto;pointer-events:none}.kurung .garis{fill:none;stroke:var(--aksen);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.gulir{position:absolute;right:var(--gutter);bottom:44px;color:var(--teks-2);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.gulir:before{content:"";position:absolute;top:50%;right:calc(100% + 14px);width:56px;height:1px;background:var(--aksen);transform-origin:right;animation:garis-gulir 1.8s ease-in-out 3}@keyframes garis-gulir{0%{transform:scaleX(0);transform-origin:right}50%{transform:scaleX(1);transform-origin:right}50.01%{transform-origin:left}to{transform:scaleX(0);transform-origin:left}}.paragraf{display:grid;gap:22px;max-width:900px;font-size:clamp(1.3rem,2.3vw,1.7rem);line-height:1.45;letter-spacing:-.012em}.angka-grup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(64px,9vw,110px);border-top:1px solid var(--garis)}.angka-kotak{padding:32px 24px 0 0}.angka-kotak+.angka-kotak{padding-left:24px;border-left:1px solid var(--garis)}.angka{font-size:clamp(3.6rem,10vw,8rem);font-weight:750;line-height:.9;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.angka-label{max-width:20ch;margin-top:18px;color:var(--teks-2);font-size:1rem}.catatan{margin-top:28px;color:var(--teks-2);font-size:.92rem}.karya-jejak{position:relative}.karya-daftar{position:relative;display:grid;grid-template-columns:1fr;gap:28px;margin:0;padding:0;list-style:none}@media(min-width:720px){.karya-daftar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){html:not(.motion-lebar) .karya-daftar{grid-template-columns:repeat(3,minmax(0,1fr))}}html.motion-lebar .karya-jejak{overflow:hidden;overflow:clip;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding-block:16px}html.motion-lebar .karya-daftar{display:flex;gap:32px;width:max-content}html.motion-lebar .kartu{flex:0 0 clamp(320px,33vw,480px)}.kartu{display:flex;flex-direction:column;background:var(--latar-2);border:1px solid var(--garis);border-radius:22px;overflow:hidden;transform-style:preserve-3d}.kartu-gambar{aspect-ratio:16 / 10;overflow:hidden;background:#1c1c1a}.kartu-gambar img{width:100%;height:100%;object-fit:cover;object-position:top}html.motion .kartu-gambar img{scale:1.14}.kartu-isi{display:flex;flex:1;flex-direction:column;gap:10px;padding:24px 26px 26px}.label{margin:0;color:var(--aksen);font-size:.74rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.kartu h3{font-size:1.5rem}.kategori{margin:0;color:var(--teks-2);font-size:1rem;line-height:1.55}.buka{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;min-height:44px;margin-top:auto;color:var(--teks);font-weight:600;text-decoration:none}.buka .alamat{color:var(--teks-2);font-size:.92rem;font-weight:400;overflow-wrap:anywhere}.buka:hover{color:var(--aksen)}.cara{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,112px);align-items:start}.cara-kiri{position:sticky;top:128px}.langkah{margin:0;padding:0;list-style:none}.langkah li{padding:36px 0;border-top:1px solid var(--garis)}.langkah li:last-child{border-bottom:1px solid var(--garis)}.nomor{display:block;margin-bottom:18px;color:var(--teks-2);font-size:.95rem;font-variant-numeric:tabular-nums;transition:color .3s ease}.langkah h3{margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.03em}.langkah p{max-width:44ch;color:var(--teks-2);font-size:1.1rem}.langkah li.aktif .nomor{color:var(--aksen)}.chip-daftar{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.chip{padding:12px 18px;border:1px solid var(--garis);border-radius:999px;font-size:1rem;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.chip:hover{border-color:var(--aksen);background:var(--aksen);color:var(--latar)}.garis-waktu{position:relative;max-width:860px;padding-left:44px}.garis-waktu:before,.garis-isi{content:"";position:absolute;top:10px;bottom:10px;left:8px;width:2px}.garis-waktu:before{background:var(--garis)}.garis-isi{background:var(--aksen);transform-origin:top}.garis-waktu ol{display:grid;gap:40px;margin:0;padding:0;list-style:none}.garis-waktu li{position:relative}.garis-waktu li:before{content:"";position:absolute;top:.42em;left:-42px;width:14px;height:14px;border:2px solid var(--aksen);border-radius:50%;background:var(--latar)}.tahun{display:block;margin-bottom:8px;color:var(--aksen);font-size:.95rem;font-weight:650}.garis-waktu p{font-size:1.2rem;line-height:1.45}.dua-kolom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,88px);margin-top:clamp(72px,9vw,120px)}.dua-kolom h3{margin-bottom:20px;color:var(--aksen);font-size:1.05rem;letter-spacing:0}.daftar-biasa{display:grid;gap:14px;margin:0;padding:0;list-style:none;color:var(--teks-2)}.daftar-biasa a{color:var(--teks);text-decoration-color:var(--aksen)}.kontak{padding-bottom:clamp(72px,10vw,120px)}.email-besar{display:inline-block;max-width:100%;color:var(--teks);font-size:clamp(1.6rem,6.6vw,5.4rem);font-weight:720;letter-spacing:-.035em;line-height:1.1;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--aksen);text-decoration-thickness:.07em;text-underline-offset:.14em;transition:color .25s ease}.email-besar:hover{color:var(--aksen)}.telepon{margin-top:30px;color:var(--teks-2);font-size:1.15rem}.telepon a{color:var(--teks)}.kaki{max-width:var(--lebar);margin:0 auto;padding:32px var(--gutter) 48px;border-top:1px solid var(--garis);color:var(--teks-2);font-size:.92rem}.kaki p{margin:0}.progres{position:fixed;top:0;left:0;z-index:70;width:100%;height:3px;background:var(--aksen);transform:scaleX(0);transform-origin:0 50%;display:none}.kursor{position:fixed;top:0;left:0;z-index:80;width:16px;height:16px;border:2px solid var(--aksen);border-radius:50%;opacity:0;pointer-events:none;display:none;transition:width .3s ease,height .3s ease,opacity .3s ease,background-color .3s ease}html.motion .progres,html.motion-lebar .kursor{display:block}html.motion-lebar .kursor.hidup{opacity:1}html.motion-lebar .kursor.besar{width:56px;height:56px;background:#d4ff4f24}html.motion [data-reveal],html.motion .chip,html.motion .hero .eyebrow,html.motion .hero .lead,html.motion .hero .aksi .tombol,html.motion .gulir{opacity:0}html.motion:not(.motion-lebar) .kartu{opacity:0}html.motion [data-reveal]{transform:translateY(36px)}html.motion .kata{opacity:.55}html.motion .kurung .garis{stroke-dasharray:1;stroke-dashoffset:1}html.motion .garis-isi{transform:scaleY(0)}html.motion .sorot{color:var(--teks);transition:color .6s ease .2s}html.siap .sorot{color:var(--aksen)}@media(max-width:720px){.navigasi a:not(:last-child){display:none}.kurung{top:10vh;bottom:auto;width:58vw;opacity:.9}.gulir{display:none}}@media(max-width:640px){.angka-grup{grid-template-columns:1fr}.angka-kotak,.angka-kotak+.angka-kotak{padding:24px 0;border-left:0;border-bottom:1px solid var(--garis)}}@media(max-width:760px){.dua-kolom{grid-template-columns:1fr}}@media(max-width:860px){.cara{grid-template-columns:1fr}.cara-kiri{position:static}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}