.hero.h5{--u:min(calc(100vw / 1488),1.35px);--tinta:#0a0b0f;position:relative;display:block;padding:0;min-height:0;height:clamp(660px,100svh,calc(var(--u) * 900));overflow:hidden;isolation:isolate;font-family:DM Sans,Geist,Inter,sans-serif;color:var(--tinta)}html.dark-theme .hero.h5{--tinta:#fff}.h5-dekor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.h5-dekor i{position:absolute;display:block;border-radius:50%}.h5-halo{left:50%;top:calc(var(--u) * -470);width:calc(var(--u) * 1800);height:calc(var(--u) * 1800);margin-left:calc(var(--u) * -900);background:radial-gradient(circle closest-side at 50% 50%,#fff 0 50%,#eceef3 56%,#d3d7e2 61%,#aeb4c6 65%,#8b92aa 67.5%,#c9cedd 71%,#d6dae6cc 77%,#ebedf380,#fff0 95%);filter:blur(calc(var(--u) * 26))}.h5-sorot{left:calc(var(--u) * -240);top:calc(var(--u) * -220);width:calc(var(--u) * 900);height:calc(var(--u) * 700);transform:rotate(-24deg);background:radial-gradient(closest-side,#fff,#fff0);filter:blur(calc(var(--u) * 34))}.h5-g1{right:calc(var(--u) * -240);top:calc(var(--u) * 240);width:calc(var(--u) * 620);height:calc(var(--u) * 520);background:radial-gradient(closest-side,#70789480,#70789400);filter:blur(calc(var(--u) * 46))}.h5-g2{left:calc(var(--u) * -200);top:calc(var(--u) * 380);width:calc(var(--u) * 520);height:calc(var(--u) * 520);background:radial-gradient(closest-side,#70789461,#70789400);filter:blur(calc(var(--u) * 50))}html.dark-theme .h5-halo{top:calc(var(--u) * -430);background:radial-gradient(circle closest-side at 50% 50%,#000 0 52%,#07080c 55%,#161925 60%,#3b4054 64%,#8e94ac 67.5%,#c4c9dc 69.5%,#6c7390 73%,#3a405c8c 79%,#1e223440 86%,#0000 94%);filter:blur(calc(var(--u) * 30))}html.dark-theme .h5-sorot{left:calc(var(--u) * -260);top:calc(var(--u) * -240);width:calc(var(--u) * 980);height:calc(var(--u) * 760);background:radial-gradient(closest-side,#eef1fcf2,#bec4de80 42%,#7880a000);filter:blur(calc(var(--u) * 38))}html.dark-theme .h5-g1{top:calc(var(--u) * -200);background:radial-gradient(closest-side,#969ebe8c,#5a628200)}html.dark-theme .h5-g2{display:none}.h5-grain{position:absolute;inset:0;z-index:40;pointer-events:none;mix-blend-mode:overlay;opacity:.55;background-size:420px 420px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' seed='7' stitchTiles='stitch'/><feColorMatrix values='1 0 0 0 0  1 0 0 0 0  1 0 0 0 0  0 0 0 0 1'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html.dark-theme .h5-grain{mix-blend-mode:soft-light;opacity:.75}.h5-isi{position:absolute;left:0;right:0;top:calc(var(--u) * 148);z-index:20;text-align:center;padding:0 20px}.h5-judul{font-family:inherit;font-size:calc(var(--u) * 92);line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--tinta)}.h5-desc{margin:calc(var(--u) * 26) auto 0;width:min(100%,max(calc(var(--u) * 640),460px));font-size:max(15px,calc(var(--u) * 18));line-height:1.55;color:#0a0b0fb3}html.dark-theme .h5-desc{color:#ffffffd1}.h5-aksi{margin-top:calc(var(--u) * 34);display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.h5-aksi a{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;white-space:nowrap;height:max(46px,calc(var(--u) * 54));padding:0 max(22px,calc(var(--u) * 30));font-size:max(14px,calc(var(--u) * 16));font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.h5-aksi a:hover{transform:translateY(-2px)}.h5-aksi .h5-a{background:var(--tinta);color:#fff;box-shadow:0 14px 28px -16px #0a0c14b3}.h5-aksi .h5-b{color:var(--tinta);background:linear-gradient(135deg,#fffc,#e0e4f080);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px #fff,0 14px 28px -18px #1e243c8c;backdrop-filter:blur(16px)}html.dark-theme .h5-aksi .h5-a{background:#fff;color:#05070a;box-shadow:0 14px 28px -16px #ffffff4d}html.dark-theme .h5-aksi .h5-b{color:#fff;background:linear-gradient(135deg,#ffffff24,#ffffff0d);border-color:#ffffff47;box-shadow:inset 0 1px #ffffff4d}.h5-aksi a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.h5-scena{position:absolute;inset:0;z-index:10;pointer-events:none}.h5-merek{position:absolute;left:0;right:0;bottom:calc(var(--u) * -40);text-align:center;font-size:calc(var(--u) * 350);line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--tinta);white-space:nowrap;z-index:1}.h5-kartu{position:absolute;z-index:22;left:calc(50% + var(--u) * 106);bottom:calc(var(--u) * 42);width:calc(var(--u) * 410);height:calc(var(--u) * 258);border-radius:calc(var(--u) * 30);padding:calc(var(--u) * 26) calc(var(--u) * 30);color:#fff;transform:rotate(-9deg);background:radial-gradient(130% 130% at 82% -12%,rgba(255,255,255,.26),transparent 46%),linear-gradient(156deg,#373a45,#14151a 52%,#05060a);box-shadow:inset 0 1px #ffffff38,0 calc(var(--u) * 60) calc(var(--u) * 80) calc(var(--u) * -34) #0a0c14bf,0 calc(var(--u) * 18) calc(var(--u) * 28) calc(var(--u) * -14) #0a0c148c}html.dark-theme .h5-kartu{box-shadow:inset 0 1px #ffffff47,0 0 0 1px #ffffff24,0 calc(var(--u) * 50) calc(var(--u) * 70) calc(var(--u) * -30) #000000e6}.h5-kartu .a{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--u) * 13);letter-spacing:.24em;color:#ffffffb8}.h5-kartu .a svg{width:calc(var(--u) * 30);height:calc(var(--u) * 30);fill:#fff;overflow:visible}.h5-kartu .no{margin-top:calc(var(--u) * 66);font-size:calc(var(--u) * 25);letter-spacing:.2em}.h5-kartu .b{display:flex;justify-content:space-between;margin-top:calc(var(--u) * 26);font-size:calc(var(--u) * 12);color:#fff9}.h5-kartu .b b{display:block;color:#fff;font-size:calc(var(--u) * 17);font-weight:500;margin-top:calc(var(--u) * 5);letter-spacing:.01em}.h5-kaca{position:absolute;z-index:30;display:flex;align-items:center;gap:calc(var(--u) * 16);height:calc(var(--u) * 92);border-radius:calc(var(--u) * 52);padding:0 calc(var(--u) * 30) 0 calc(var(--u) * 18);color:#0a0b0f;background:linear-gradient(135deg,#ffffffb8,#e0e4f080);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #fff,0 calc(var(--u) * 40) calc(var(--u) * 56) calc(var(--u) * -26) #1e243c8c}html.dark-theme .h5-kaca{color:#fff;background:linear-gradient(135deg,#ffffff29,#ffffff0d);border-color:#ffffff42;box-shadow:inset 0 1px #ffffff4d,0 calc(var(--u) * 40) calc(var(--u) * 56) calc(var(--u) * -26) #000c}.h5-kaca img{width:calc(var(--u) * 58);height:calc(var(--u) * 58);border-radius:50%;object-fit:cover;background:#fff;flex:none;box-shadow:0 0 0 1px #0a0b0f14}.h5-kaca svg{width:calc(var(--u) * 58);height:calc(var(--u) * 58);flex:none}.h5-kaca b{display:block;font-size:calc(var(--u) * 21);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.h5-kaca small{display:block;font-size:calc(var(--u) * 13);color:#0a0b0f99;margin-top:2px;white-space:nowrap}html.dark-theme .h5-kaca small{color:#ffffffa6}.h5-k1{left:calc(50% + var(--u) * 306);bottom:calc(var(--u) * 56);width:calc(var(--u) * 400);transform:rotate(5deg)}.h5-k2{left:calc(50% + var(--u) * 326);bottom:calc(var(--u) * -18);width:calc(var(--u) * 370);transform:rotate(-4deg)}.h5-ring-b{fill:none;stroke:#0a0b0f24;stroke-width:6;stroke-dasharray:17 4.2}.h5-ring-a{fill:none;stroke:#0a0b0f;stroke-width:6;stroke-dasharray:38 100}.h5-ring-t{font:700 16px DM Sans,sans-serif;fill:#0a0b0f}html.dark-theme .h5-ring-b{stroke:#fff3}html.dark-theme .h5-ring-a{stroke:#fff}html.dark-theme .h5-ring-t{fill:#fff}@keyframes h5naik{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes h5muncul{0%{opacity:0}to{opacity:1}}.h5-judul,.h5-desc,.h5-aksi{animation:h5naik .9s cubic-bezier(.22,1,.36,1) both}.h5-desc{animation-delay:.08s}.h5-aksi{animation-delay:.16s}.h5-merek,.h5-kartu,.h5-kaca{animation:h5muncul 1.1s ease .25s both}@media (prefers-reduced-motion:reduce){.h5-judul,.h5-desc,.h5-aksi{animation-name:h5muncul;animation-duration:.5s}}@media (max-width:899px){.hero.h5{--u: .15625vw ;height:auto;min-height:0;display:flex;flex-direction:column;padding-top:112px}.h5-isi{position:relative;top:auto}.h5-judul{font-size:clamp(34px,10.6vw,76px);text-wrap:balance}.h5-judul br{display:none}.h5-scena{position:relative;inset:auto;min-height:86vw;margin-top:20px}.h5-merek{font-size:23.5vw}.h5-kartu{left:calc(50% - var(--u) * 100);bottom:calc(var(--u) * 84)}.h5-k1{left:calc(50% + var(--u) * 30);bottom:calc(var(--u) * 6)}.h5-k2{display:none}}