:root{--malam:#1e1230;--ungu:#3a2560;--ungu-tua:#2a1b48;--emas:#c9a24b;--emas-terang:#e6ce8c;--gading:#f5f0e8;--gading-tua:#ebe5dc;--tinta:#2a2433;--tinta-lembut:#67607a;--display:"Marcellus", serif;--body:"Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--tinta);background:var(--gading);-webkit-font-smoothing:antialiased;line-height:1.7}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--emas);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--emas);width:28px;height:1px}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.2}.btn{border-radius:999px;padding:15px 34px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-emas{background:linear-gradient(135deg,var(--emas) 0%,var(--emas-terang) 55%,var(--emas) 100%);color:var(--malam);box-shadow:0 8px 24px #c9a24b59}.btn-garis{color:var(--gading);border:1px solid #f5f0e866}.btn-garis:hover{background:#f5f0e814}.btn-garis-gelap{border:1px solid var(--ungu);color:var(--ungu)}.btn-garis-gelap:hover{background:#3a25600f}.bintang{justify-content:center;align-items:center;gap:18px;margin:0 auto 18px;display:flex}.bintang:before,.bintang:after{content:"";background:linear-gradient(90deg,transparent,var(--emas));width:64px;height:1px}.bintang:after{background:linear-gradient(90deg,var(--emas),transparent)}.bintang svg{flex-shrink:0;width:22px;height:22px}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1230d9;border-bottom:1px solid #c9a24b2e;position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{color:var(--gading);align-items:center;gap:16px;text-decoration:none;display:flex}.brand-mark{background:#ffffff0a;border:1px solid #d5ae52d9;border-radius:16px;flex:0 0 54px;place-items:center;width:54px;height:54px;padding:4px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.logo-teks{font-family:var(--display);letter-spacing:.02em;font-size:19px}.logo-teks small{font-family:var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--emas);margin-top:1px;font-size:9.5px;font-weight:600;display:block}nav ul{gap:30px;list-style:none;display:flex}nav a{color:#f5f0e8d1;align-items:center;gap:8px;font-size:14.5px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}nav a svg{width:15px;height:15px;stroke:var(--emas);opacity:.75;flex-shrink:0;transition:opacity .2s,transform .2s}nav a:hover{color:var(--emas-terang)}nav a:hover svg{opacity:1;transform:translateY(-1px)}.nav-cta{padding:10px 24px;font-size:14px}.mobile-nav-cta{display:none}.burger{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.burger span{background:var(--gading);border-radius:2px;width:24px;height:2px;margin:5px 0;display:block}.hero{background:var(--malam);color:var(--gading);align-items:center;min-height:max(640px,100vh - 82px);padding:150px 0 110px;display:flex;position:relative;overflow:hidden}.hero-media{z-index:0;background:radial-gradient(1100px 520px at 78% -10%, #3a2560a6, transparent 60%), radial-gradient(700px 400px at -8% 100%, #c9a24b1f, transparent 55%), var(--malam);position:absolute;inset:0;overflow:hidden}.hero-video{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;display:block}.hero.has-video .hero-video{opacity:1}.hero:not(.has-video) .hero-video{opacity:0}.hero-slide-image,.hero-poster-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-slide-image{transition-property:opacity;transition-timing-function:ease}.hero-overlay{z-index:1;background:linear-gradient(90deg,#180c2bf5 0%,#180c2bdb 34%,#180c2b94 67%,#180c2b61 100%),linear-gradient(#140a242e 0%,#140a2494 100%);position:absolute;inset:0}.hero-pattern{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23E6CE8C' stroke-width='1'%3E%3Cpath d='M36 6 L48 18 L60 30 L48 42 L36 54 L24 42 L12 30 L24 18 Z'/%3E%3Ccircle cx='36' cy='30' r='5'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero>.hero-pattern,.hero .debu{z-index:2}.hero-arabic{z-index:2;color:#d5ae5212;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Amiri,serif;font-size:clamp(88px,14vw,220px);line-height:1;position:absolute;top:8%;left:5%}.hero-inner{z-index:3;width:100%;max-width:1140px;margin:0 auto;padding:0 24px;position:relative}.hero-content{max-width:620px}.hero h1{color:var(--gading);margin:20px 0 24px;font-size:clamp(38px,5.2vw,58px)}.hero h1 em{color:var(--emas-terang);font-style:normal}.hero p.lead{color:#f5f0e8d9;max-width:520px;margin-bottom:38px;font-size:17.5px;font-weight:300}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.hero-quote{z-index:3;text-align:left;color:#f5f0e8d1;max-width:390px;position:absolute;bottom:clamp(32px,6vh,70px);right:clamp(24px,6vw,90px)}.hero-quote-mark{font-family:var(--display);color:#e6ce8c80;margin-bottom:8px;font-size:58px;line-height:.8;display:block}.hero-quote p{font-family:var(--display);color:#f5f0e8e6;margin:0 0 12px;font-size:clamp(18px,2vw,24px);line-height:1.45}.hero-quote-source{letter-spacing:.18em;text-transform:uppercase;color:#e6ce8cb3;font-size:11.5px;font-weight:700}.arch{aspect-ratio:3/4;border:1px solid #c9a24b8c;border-radius:50% 50% 12px 12px/38% 38% 12px 12px;padding:14px;position:relative}.arch:after{content:"";border:1px solid #c9a24b33;border-radius:50% 50% 16px 16px/38% 38% 16px 16px;position:absolute;inset:-14px}.arch-isi{background:linear-gradient(#1e123000 40%,#1e1230b8 100%),linear-gradient(160deg,#4a3178,#2a1b48 70%);border-radius:50% 50% 8px 8px/38% 38% 8px 8px;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.arch-isi img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.arch-caption{z-index:2;text-align:center;padding:0 28px 30px;position:relative}.arch-caption .ayat{font-family:var(--display);color:var(--emas-terang);font-size:19px;line-height:1.55}.arch-caption .sumber{letter-spacing:.18em;text-transform:uppercase;color:#f5f0e8a6;margin-top:10px;font-size:11.5px;font-weight:600}.angka{background:var(--ungu-tua);color:var(--gading);border-top:1px solid #c9a24b40;border-bottom:1px solid #c9a24b40}.angka-grid{grid-template-columns:repeat(3,1fr);display:grid}.angka-item{text-align:center;border-left:1px solid #c9a24b2e;padding:36px 20px}.angka-item:first-child{border-left:none}.angka-item b{font-family:var(--display);color:var(--emas-terang);font-size:40px;font-weight:400;line-height:1.1;display:block}.angka-item span{letter-spacing:.16em;text-transform:uppercase;color:#f5f0e8b3;font-size:12.5px;font-weight:600}.teks-latar{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;color:#0000;-webkit-text-stroke:1.2px #c9a24b29;z-index:0;will-change:transform;font-size:clamp(96px,17vw,240px);line-height:1;position:absolute;top:36px;left:50%;transform:translate(-50%)}.teks-latar.arab{-webkit-text-stroke:1.2px #e6ce8c21;font-family:Amiri,serif;font-size:clamp(110px,19vw,280px)}.teks-latar.gelap{-webkit-text-stroke:1.2px #3a256021}.wrap{z-index:2;position:relative}section{padding:104px 0;position:relative;overflow:hidden}.kepala{max-width:640px;margin-bottom:56px}.kepala h2{color:var(--malam);margin:16px 0 18px;font-size:clamp(30px,3.6vw,42px)}.kepala p{color:var(--tinta-lembut);font-size:16.5px}.kepala.tengah{text-align:center;margin-left:auto;margin-right:auto}.kepala.tengah .eyebrow{justify-content:center}.kepala.tengah .eyebrow:before{display:none}.tentang-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;display:grid}.tentang .arch{border-color:#3a256073;max-width:380px;margin:0 auto}.tentang .arch:after{border-color:#3a25602e}.tentang-teks h2{color:var(--malam);margin:16px 0 20px;font-size:clamp(30px,3.4vw,40px)}.tentang-teks p{color:var(--tinta-lembut);margin-bottom:18px;font-size:16.5px}.tentang-teks .tanda{border-top:1px solid var(--gading-tua);align-items:center;gap:16px;margin-top:28px;padding-top:24px;display:flex}.tanda .titik{background:var(--ungu);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.tanda .titik svg{width:20px;height:20px}.tanda p{margin:0;font-size:14.5px}.tanda b{color:var(--malam)}.program{background:var(--malam);color:var(--gading);position:relative;overflow:hidden}.program .hero-pattern{opacity:.04}.program .kepala h2{color:var(--gading)}.program .kepala p{color:#f5f0e8b3}.program-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.kartu{background:linear-gradient(170deg,#f5f0e80f,#f5f0e805);border:1px solid #c9a24b38;border-radius:22px 22px 18px 18px;padding:40px 32px 36px;transition:transform .3s,border-color .3s,background .3s}.kartu:hover{background:linear-gradient(170deg,#f5f0e817,#f5f0e808);border-color:#c9a24b80;transform:translateY(-6px)}.kartu-ikon{border:1px solid var(--emas);border-radius:50% 50% 8px 8px/58% 58% 8px 8px;place-items:center;width:58px;height:58px;margin-bottom:26px;display:grid}.kartu-ikon svg{width:24px;height:24px}.kartu h3{color:var(--emas-terang);margin-bottom:14px;font-size:23px}.kartu p{color:#f5f0e8c7;font-size:15px;font-weight:300}.alumni-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.alumni-carousel{position:relative}.alumni-carousel-viewport{--alumni-carousel-gap:28px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.alumni-carousel-viewport.is-dragging{cursor:grabbing}.alumni-carousel-track{gap:var(--alumni-carousel-gap);align-items:stretch;width:max-content;display:flex}.alumni-carousel .alumni-kartu{flex:0 0 calc((min(1120px, 100vw - 48px) - (var(--alumni-carousel-gap) * 2)) / 3);min-width:0}.alumni-carousel-controls{justify-content:center;gap:12px;margin-top:24px;display:flex}.alumni-carousel-button{width:44px;height:44px;color:var(--emas-terang);cursor:pointer;background:#3a2560f5;border:1px solid #c9a24b7a;border-radius:50%;place-items:center;font-size:28px;line-height:1;transition:transform .25s,border-color .25s,background .25s;display:grid}.alumni-carousel-button:hover,.alumni-carousel-button:focus-visible{background:var(--malam);border-color:#c9a24bc7;outline:none;transform:translateY(-2px)}.alumni-kartu{background:#fffdf8;border:1px solid #3a256029;border-radius:20px 20px 16px 16px;padding:38px 30px 32px;transition:transform .3s,box-shadow .3s;position:relative}.alumni-kartu:hover{transform:translateY(-6px);box-shadow:0 20px 46px #1e12301f}.alumni-kartu .kutip{font-family:var(--display);color:var(--emas);opacity:.5;font-size:52px;line-height:0;position:absolute;top:34px;right:28px}.alumni-foto{border:1px solid var(--emas);background:linear-gradient(165deg,#4a3178,#2a1b48 75%);border-radius:50% 50% 8px 8px/42% 42% 8px 8px;place-items:center;width:64px;height:74px;margin-bottom:22px;display:grid;overflow:hidden}.alumni-foto svg{width:26px;height:26px}.alumni-foto img{object-fit:cover;width:100%;height:100%}.alumni-kartu p.cerita{color:var(--tinta-lembut);margin-bottom:22px;font-size:15px;font-style:italic}.alumni-nama b{font-family:var(--display);color:var(--malam);font-size:17px;font-style:normal;display:block}.alumni-nama span{letter-spacing:.14em;text-transform:uppercase;color:var(--emas);font-size:12px;font-weight:700}@media (max-width:960px){.alumni-carousel .alumni-kartu{flex-basis:calc(50vw - 38px)}}@media (max-width:640px){.alumni-carousel-viewport{--alumni-carousel-gap:18px}.alumni-carousel .alumni-kartu{flex-basis:min(82vw,340px)}.alumni-carousel-controls{margin-top:20px}}@media (max-width:960px){.alumni-grid{grid-template-columns:1fr}}.donasi-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:64px;display:grid}.donasi-kiri h2{color:var(--malam);margin:16px 0 20px;font-size:clamp(30px,3.4vw,40px)}.donasi-kiri p{color:var(--tinta-lembut);margin-bottom:16px;font-size:16.5px}.donasi-poin{margin:26px 0 0;list-style:none}.donasi-poin li{color:var(--tinta);gap:14px;margin-bottom:16px;font-size:15.5px;display:flex}.donasi-poin svg{flex-shrink:0;width:20px;height:20px;margin-top:3px}.rekening{background:var(--malam);color:var(--gading);border:1px solid #c9a24b4d;border-radius:26px;padding:44px 40px;position:relative;overflow:hidden;box-shadow:0 24px 60px #1e123040}.rekening:before{content:"";border:1px solid #c9a24b33;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.rekening h3{color:var(--emas-terang);margin-bottom:8px;font-size:24px}.rekening .sub{color:#f5f0e8a6;margin-bottom:28px;font-size:14px}.bank{background:#f5f0e80d;border:1px solid #c9a24b38;border-radius:14px;margin-bottom:14px;padding:20px 22px}.bank .nama-bank{letter-spacing:.2em;text-transform:uppercase;color:var(--emas);margin-bottom:6px;font-size:11.5px;font-weight:700}.bank .nomor{font-family:var(--display);letter-spacing:.06em;color:var(--gading);font-size:24px}.bank .atas-nama{color:#f5f0e899;margin-top:4px;font-size:13px}.rekening .btn{text-align:center;width:100%;margin-top:14px}.rekening .catatan{color:#f5f0e880;text-align:center;margin-top:16px;font-size:12.5px}.galeri{background:var(--gading-tua)}.galeri-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.gallery-carousel{position:relative}.gallery-carousel-viewport{--gallery-carousel-gap:22px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.gallery-carousel-viewport.is-dragging{cursor:grabbing}.gallery-carousel-track{gap:var(--gallery-carousel-gap);align-items:stretch;width:max-content;display:flex}.gallery-carousel .galeri-item{flex:0 0 calc((min(1120px, 100vw - 48px) - (var(--gallery-carousel-gap) * 3)) / 4);min-width:0}.gallery-carousel-controls{justify-content:center;gap:12px;margin-top:24px;display:flex}.gallery-carousel-button{width:42px;height:42px;color:var(--emas-terang);cursor:pointer;background:#3a2560f5;border:1px solid #c9a24b7a;border-radius:50%;place-items:center;font-size:27px;line-height:1;transition:transform .25s,border-color .25s,background .25s;display:grid}.gallery-carousel-button:hover,.gallery-carousel-button:focus-visible{background:var(--malam);border-color:#c9a24bc7;outline:none;transform:translateY(-2px)}.galeri-item{aspect-ratio:3/4;background:linear-gradient(165deg,#4a3178,#2a1b48 75%);border:1px solid #3a256059;border-radius:50% 50% 10px 10px/30% 30% 10px 10px;justify-content:center;align-items:flex-end;padding-bottom:22px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.galeri-item:hover{transform:translateY(-6px)}.galeri-item img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.galeri-item span{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:var(--emas-terang);font-size:12px;font-weight:600;position:relative}.galeri-item:after{content:"";background:linear-gradient(#0000 55%,#1e1230a6);position:absolute;inset:0}.galeri-item span{z-index:3}@media (max-width:1080px){.gallery-carousel .galeri-item{flex-basis:calc((min(1120px, 100vw - 48px) - (var(--gallery-carousel-gap) * 2)) / 3)}}@media (max-width:780px){.gallery-carousel .galeri-item{flex-basis:calc(50vw - 37px)}}@media (max-width:560px){.gallery-carousel-viewport{--gallery-carousel-gap:18px}.gallery-carousel .galeri-item{flex-basis:min(78vw,320px)}.gallery-carousel-controls{margin-top:20px}}footer{background:var(--malam);color:var(--gading);padding:90px 0 0;position:relative;overflow:hidden}footer .hero-pattern{opacity:.035}.footer-grid{grid-template-columns:1.2fr .8fr .9fr;gap:56px;padding-bottom:64px;display:grid;position:relative}.footer-grid h3{color:var(--emas-terang);margin-bottom:18px;font-size:22px}.footer-grid p,.footer-grid li{color:#f5f0e8bf;font-size:15px;font-weight:300}.footer-grid ul{list-style:none}.footer-grid li{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.footer-grid li svg{flex-shrink:0;width:18px;height:18px;margin-top:4px}.footer-grid a{text-decoration:none;transition:color .2s}.footer-grid a:hover{color:var(--emas-terang)}.footer-bawah{text-align:center;color:#f5f0e873;border-top:1px solid #c9a24b2e;padding:26px 0;font-size:13px;position:relative}@keyframes masuk{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.hero .eyebrow{animation:.9s cubic-bezier(.22,.7,.3,1) .15s both masuk}.hero h1{animation:1s cubic-bezier(.22,.7,.3,1) .3s both masuk}.hero p.lead{animation:1s cubic-bezier(.22,.7,.3,1) .48s both masuk}.hero-cta{animation:1s cubic-bezier(.22,.7,.3,1) .66s both masuk}@keyframes geser{0%{background-position:0 0}to{background-position:0 -144px}}.hero-pattern{animation:40s linear infinite geser}.debu{pointer-events:none;z-index:1;position:absolute;inset:0}.debu span{background:var(--emas-terang);opacity:0;border-radius:50%;width:5px;height:5px;animation:linear infinite debu;position:absolute;bottom:8%}@keyframes debu{0%{opacity:0;transform:translateY(0)translate(0)}12%{opacity:.55}85%{opacity:.25}to{opacity:0;transform:translateY(-340px)translate(24px)}}.debu span:first-child{width:4px;height:4px;animation-duration:11s;animation-delay:0s;left:8%}.debu span:nth-child(2){animation-duration:14s;animation-delay:2.5s;left:22%}.debu span:nth-child(3){width:3px;height:3px;animation-duration:12s;animation-delay:5s;left:38%}.debu span:nth-child(4){animation-duration:16s;animation-delay:1.2s;left:55%}.debu span:nth-child(5){width:6px;height:6px;animation-duration:13s;animation-delay:6.5s;left:68%}.debu span:nth-child(6){width:4px;height:4px;animation-duration:15s;animation-delay:3.8s;left:82%}.debu span:nth-child(7){width:3px;height:3px;animation-duration:12s;animation-delay:8s;left:93%}.btn-emas{position:relative;overflow:hidden}.btn-emas:after{content:"";background:linear-gradient(115deg,#0000,#ffffff80,#0000);width:45%;height:100%;animation:4.5s ease-in-out infinite kilau;position:absolute;top:0;left:-80%;transform:skew(-20deg)}@keyframes kilau{0%{left:-80%}45%,to{left:130%}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(26px)}.reveal.tampil{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.btn,.kartu,.galeri-item{transition:none}.btn-emas:after{animation:none;display:none}.hero .eyebrow,.hero h1,.hero p.lead,.hero-cta,.hero-pattern{animation:none}.debu{display:none}[data-px]{transform:none!important}.teks-latar{transform:translate(-50%)!important}html{scroll-behavior:auto}}@media (max-width:960px){.tentang-grid,.donasi-grid{grid-template-columns:1fr;gap:56px}.hero{align-items:flex-start;min-height:calc(100vh - 72px);padding:130px 0 76px}.hero-inner{flex-direction:column;gap:42px;display:flex}.hero-content{max-width:640px}.hero-quote{max-width:520px;margin-top:6px;position:relative;bottom:auto;right:auto}.hero-quote-mark{margin-bottom:4px;font-size:44px}.hero-quote p{font-size:18px}.hero-arabic{font-size:clamp(62px,24vw,120px);top:92px;left:24px}.program-grid{grid-template-columns:1fr}.galeri-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:40px}nav ul,.nav-cta{display:none}.burger{display:block}.brand-mark{border-radius:13px;flex-basis:46px;width:46px;height:46px;padding:3px}nav.terbuka ul{background:var(--malam);border-bottom:1px solid #c9a24b40;flex-direction:column;gap:20px;padding:24px;display:flex;position:absolute;top:72px;left:0;right:0}nav.terbuka .mobile-nav-cta{display:block}}@media (max-width:520px){section{padding:76px 0}.hero{padding:126px 0 70px}.hero h1{font-size:clamp(36px,11vw,46px)}.hero p.lead{margin-bottom:30px;font-size:16px}.hero-cta{width:100%}.hero-cta .btn{text-align:center}.hero-quote{max-width:100%}.angka-grid{grid-template-columns:1fr}.angka-item{border-top:1px solid #c9a24b2e;border-left:none}.angka-item:first-child{border-top:none}.rekening{padding:34px 26px}}