@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--hitam:#0a100c;--hijau:#123b29;--lime:#ddff3f;--krem:#f5f1e5;--jingga:#ff633b;--biru:#b8eaff;--putih:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--krem);color:var(--hitam);font-family:'DM Sans',sans-serif;cursor:none}.container{width:min(1180px,90%);margin:auto}.kursor{position:fixed;z-index:100;width:18px;height:18px;border:2px solid var(--lime);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:.2s}.kursor.besar{width:60px;height:60px;background:var(--lime);mix-blend-mode:normal}.pembuka{position:fixed;inset:0;z-index:200;background:var(--hitam);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.pembuka-logo{font:800 30px Manrope;letter-spacing:2px}.pembuka-logo span{color:var(--lime)}.pembuka-garis{width:180px;height:2px;background:#222;margin:28px 0 14px}.pembuka-garis i{display:block;width:0;height:100%;background:var(--lime)}.pembuka small{font:800 8px Manrope;letter-spacing:3px;color:#777}
.navigasi{position:fixed;z-index:50;top:0;left:0;right:0;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.35s}.navigasi.kecil{padding:12px 5%;background:rgba(10,16,12,.88);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.logo b{width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font:800 10px Manrope}.logo span{font:800 8px/1.1 Manrope;letter-spacing:1px}.status{font:800 8px Manrope;letter-spacing:2px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px}.navigasi nav{display:flex;gap:26px}.navigasi nav a{color:#fff;text-decoration:none;font:700 10px Manrope}.menu{display:none;background:none;border:0;color:#fff;font:800 10px Manrope;letter-spacing:2px}
.hero5{height:100svh;min-height:720px;position:relative;overflow:hidden;background:var(--hijau);color:#fff}.hero-foto{position:absolute;inset:-7%;background:linear-gradient(90deg,rgba(6,18,11,.9),rgba(6,18,11,.2)),url('../images/hero.jpg') center/cover}.hero-warna{position:absolute;width:55vw;height:55vw;border-radius:50%;background:var(--lime);opacity:.1;filter:blur(90px);right:-20%;top:-20%}.hero-isi{position:relative;z-index:3;height:100%;padding-top:135px;padding-bottom:35px;display:flex;flex-direction:column;justify-content:space-between}.label{font:800 9px Manrope;letter-spacing:2px;color:var(--lime)}.hero5 h1{font:800 clamp(68px,10vw,145px)/.77 'Space Grotesk';letter-spacing:-8px;margin:0}.hero5 h1 span,.hero5 h1 i,.hero5 h1 b{display:inline-block}.hero5 h1 i{color:var(--lime);font-style:normal}.hero5 h1 b{color:transparent;-webkit-text-stroke:2px #fff}.hero-bawah{display:flex;align-items:end;justify-content:space-between}.hero-bawah p{max-width:450px;color:rgba(255,255,255,.66);font-size:13px;line-height:1.8}.panah{width:65px;height:65px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:22px}.stiker{position:absolute;z-index:4;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 9px/1.35 Manrope;letter-spacing:1px}.stiker-a{right:8%;top:28%;width:125px;height:125px;background:var(--lime);color:var(--hitam);transform:rotate(10deg)}.stiker-b{right:21%;bottom:22%;width:95px;height:95px;background:var(--jingga);color:#fff;transform:rotate(-12deg)}.hero-teks-miring{position:absolute;right:-50px;bottom:18%;z-index:4;transform:rotate(90deg);font:800 8px Manrope;letter-spacing:3px;color:rgba(255,255,255,.4)}.hero-teks-miring b{color:var(--lime);font-size:15px}
.pita{background:var(--lime);padding:17px 0;overflow:hidden;white-space:nowrap}.pita div{font:800 12px Manrope;letter-spacing:2px;animation:lari 23s linear infinite}@keyframes lari{to{transform:translateX(-38%)}}
.nomor{font:800 9px Manrope;letter-spacing:2px;color:#7b857d}.cerita{background:#fff;padding:125px 0}.cerita-judul{display:flex;align-items:end;justify-content:space-between;margin:25px 0 70px}.cerita-judul h2,.produk-judul h2,.kalimat-besar h2,.perjalanan h2,.manifesto h2,.kontak h2{font:800 clamp(60px,9vw,130px)/.78 'Space Grotesk';letter-spacing:-7px;margin:0}.cerita-judul h2 i,.produk-judul h2 i,.kalimat-besar h2 i,.perjalanan h2 i,.manifesto h2 i,.kontak h2 i{font-style:normal;color:var(--jingga)}.cerita-judul span{font:700 13px/1.5 Manrope;color:#7b857d;text-align:right}.cerita-visual{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.foto-cerita{height:620px;background:linear-gradient(135deg,#6c9460,#153b29),url('../images/cerita.jpg') center/cover;position:relative}.foto-cerita span{position:absolute;left:20px;bottom:20px;background:var(--hitam);color:#fff;padding:8px 12px;font:800 8px Manrope;letter-spacing:2px}.cerita-teks{position:relative}.angka{font:800 11px Manrope;color:var(--jingga)}.besar{font:700 42px/1.05 'Space Grotesk'}.besar i{font-style:normal;color:var(--jingga)}.cerita-teks>p:not(.besar){color:#6d776f;font-size:14px;line-height:1.9}.coret{display:inline-grid;place-items:center;width:150px;height:150px;border-radius:50%;background:var(--biru);font:800 10px/1.3 Manrope;text-align:center;transform:rotate(8deg);margin-top:55px}
.produk{padding:125px 0;background:var(--krem)}.produk-judul{display:flex;justify-content:space-between;align-items:end;margin:25px 0 60px}.produk-judul p{font:700 10px/1.5 Manrope;color:#777;text-align:right}.produk-kanvas{display:flex;gap:14px}.kartu{height:590px;flex:1;padding:25px;position:relative;overflow:hidden;transform-style:preserve-3d}.kartu-a{background:var(--lime)}.kartu-b{background:var(--jingga);color:#fff;margin-top:70px}.kartu-c{background:var(--biru);margin-top:-35px}.kartu-atas,.kartu-bawah{position:relative;z-index:2;display:flex;justify-content:space-between}.kartu-atas{font:800 9px Manrope;letter-spacing:1px}.kartu-bawah{align-items:end}.kartu-bawah h3{font:800 43px/.82 'Space Grotesk';letter-spacing:-3px;margin:0}.kartu-bawah a{color:inherit;text-decoration:none;font:800 9px Manrope;border-bottom:1px solid currentColor;padding-bottom:6px}.emoji{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:180px;filter:drop-shadow(0 30px 15px rgba(0,0,0,.12));transition:.6s}.kartu:hover .emoji{transform:translate(-50%,-50%) rotate(13deg) scale(1.12)}.daun{font-size:260px;color:var(--lime)}.wajah{font-size:250px;color:var(--hijau)}
.kalimat-besar{min-height:780px;padding:140px 0;background:var(--lime);position:relative;overflow:hidden}.kalimat-latar{position:absolute;white-space:nowrap;font:800 19vw/.8 'Space Grotesk';color:rgba(255,255,255,.22);top:18%;left:0;transform:rotate(-4deg)}.kalimat-besar .container{position:relative;z-index:2}.kalimat-besar .container>span,.manifesto .container>span{font:800 9px Manrope;letter-spacing:3px}.kalimat-besar h2{margin:30px 0}.kalimat-besar p{max-width:400px;font:600 14px/1.8 Manrope}.kelapa-terbang{position:absolute;right:7%;top:50%;font-size:145px;filter:drop-shadow(0 30px 15px rgba(0,0,0,.12))}
.perjalanan{background:var(--hijau);color:#fff;padding:125px 0;min-height:780px}.terang{color:var(--lime)}.perjalanan h2{margin:28px 0 100px}.perjalanan h2 i{color:var(--lime)}.alur{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.alur div{padding:27px 22px 0;border-right:1px solid rgba(255,255,255,.13);min-height:220px}.alur b{display:block;color:var(--lime);font:800 10px Manrope;margin-bottom:45px}.alur strong{font:800 11px Manrope;letter-spacing:1px}.alur p{color:rgba(255,255,255,.48);font-size:12px;line-height:1.7}
.manifesto{min-height:720px;background:var(--hitam);color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.manifesto-latar{position:absolute;white-space:nowrap;font:800 21vw/.8 'Space Grotesk';color:rgba(221,255,63,.05);top:20%;left:0}.manifesto h2{margin:30px 0}.manifesto h2 i{color:var(--lime)}.manifesto p{max-width:450px;color:#777;font:500 14px/1.8 Manrope}
.kontak{padding:125px 0;background:var(--jingga)}.kontak h2{margin:28px 0 45px}.kontak h2 i{color:#fff}.kontak-dalam{position:relative}.kontak-kanan{max-width:430px;margin-left:auto}.kontak-kanan p{font:600 14px/1.8 Manrope}.kontak-kanan a{margin-top:30px;background:var(--hitam);color:#fff;text-decoration:none;padding:24px;display:flex;justify-content:space-between;font:800 10px Manrope;letter-spacing:2px}.kontak-kanan a b{color:var(--lime);font-size:19px}
footer{background:var(--hitam);color:#fff;padding:70px 0 25px}.kaki{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.kaki-logo{font:800 35px 'Space Grotesk';color:var(--lime)}.kaki-logo span{color:var(--jingga)}.kaki-logo small{display:block;color:#777;font:800 8px Manrope;letter-spacing:2px;margin-top:7px}.kaki-slogan{font:800 25px/.95 'Space Grotesk'}.kaki-link{display:flex;gap:25px;flex-wrap:wrap}.kaki-link a{color:#fff;text-decoration:none;font:700 10px Manrope}.kaki-bawah{border-top:1px solid #222;margin-top:60px;padding-top:20px;display:flex;justify-content:space-between;color:#555;font:800 8px Manrope;letter-spacing:1px}.biasa{padding:150px 0}
@media(max-width:800px){body{cursor:auto}.kursor{display:none}.navigasi{padding:17px 5%}.status{display:none}.navigasi nav{display:none}.menu{display:block}.navigasi.buka nav{display:flex;position:absolute;top:65px;left:5%;right:5%;background:var(--hitam);padding:25px;flex-direction:column;gap:22px}.hero-isi{padding-top:120px}.hero5 h1{font-size:66px;letter-spacing:-4px}.stiker-a{width:85px;height:85px;font-size:7px;right:7%;top:29%}.stiker-b{width:70px;height:70px;font-size:6px;right:17%;bottom:24%}.hero-teks-miring{display:none}.hero-bawah p{max-width:270px;font-size:11px}.cerita,.produk,.kalimat-besar,.perjalanan,.manifesto,.kontak{padding:85px 0}.cerita-judul,.produk-judul{display:block}.cerita-judul span,.produk-judul p{text-align:left;margin-top:25px}.cerita-visual{grid-template-columns:1fr;gap:40px}.foto-cerita{height:430px}.cerita-judul h2,.produk-judul h2,.kalimat-besar h2,.perjalanan h2,.manifesto h2,.kontak h2{font-size:65px;letter-spacing:-4px}.produk-kanvas{display:grid}.kartu{height:470px}.kartu-b{margin-top:0}.kartu-c{margin-top:0}.kalimat-besar{min-height:650px}.kelapa-terbang{font-size:80px;right:3%;top:60%}.alur{grid-template-columns:1fr 1fr}.alur div{min-height:190px}.manifesto{min-height:600px}.kaki{grid-template-columns:1fr}.kaki-bawah{display:block}.kaki-bawah span{display:block;margin:8px 0}}