@font-face{font-family:HomeSerif;src:url(Font_home/Judul_dan_Identitas/LibreBaskerville.ttf) format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Poppins;src:url(Font_home/Teks_dan_Navigasi/PoppinsRegular.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f6f7f2;color:#143e35;font-family:Poppins,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #729d25;outline-offset:6px}button{color:inherit}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.header{height:124px;display:flex;align-items:center;gap:40px}.brand,.gate-brand{display:flex;align-items:center;gap:16px}.brand img,.gate-brand img{object-fit:contain}.brand span,.gate-brand span{font-family:HomeSerif,Georgia,serif;font-size:29px}.brand small,.gate-brand small{display:block;font:12px Poppins,sans-serif;letter-spacing:1px;margin-top:5px;opacity:.75}nav{display:flex;gap:38px;margin-left:auto;font-size:14px}nav a{padding:12px 0}nav .active{border-bottom:3px solid #d5eb88}.sound{border:1px solid #c4cec4;background:transparent;border-radius:30px;min-height:46px;display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:12px}.sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.sound[aria-pressed=true]{background:#d5eb88}.hero{min-height:535px;position:relative;display:flex;align-items:center;overflow:hidden;padding-top:55px;padding-bottom:65px}.hero-copy{position:relative;z-index:1;max-width:760px}h1{font:clamp(42px,4.8vw,68px)/1.07 HomeSerif,Georgia,serif;letter-spacing:-2.8px;font-weight:600;margin:0 0 25px;color:#102a2b}.hero-copy>p{color:#4e6862;font-size:17px;margin-bottom:30px}.actions{display:flex;gap:16px;flex-wrap:wrap}.button{min-height:49px;padding:13px 23px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid transparent;font-size:14px}.lime{background:#d5eb88}.outline{border-color:#143e35;background:#f6f7f2}.arrow{display:inline-block;position:relative;width:23px;height:12px;flex-shrink:0}.arrow:before{content:'';position:absolute;top:5px;width:23px;border-top:1.5px solid currentColor}.arrow:after{content:'';position:absolute;right:0;top:1px;width:9px;height:9px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg)}.hero-note{font-size:10px;letter-spacing:2px;text-transform:uppercase;line-height:1.9;margin-top:55px}.hero-note>span{display:block;width:30px;border-top:1px solid;margin-bottom:12px}.terrain{position:absolute;width:52%;height:100%;right:-6%;top:0;opacity:.65;mask-image:linear-gradient(90deg,transparent,black 35%);pointer-events:none}.terrain svg{width:100%;height:100%}.place{position:absolute;right:30%;bottom:26%;font-family:HomeSerif,Georgia,serif;font-size:26px;background:#f6f7f2;padding:12px 20px;border:1px solid #c4cec4;border-radius:14px;transform:rotate(-5deg)}.place small{display:block;font:9px Poppins;margin-top:5px;letter-spacing:1px}.place-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#47785a;margin-right:8px}.services{background:#143e35;color:#f6f7f2;padding:35px 0 40px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2.4px;text-transform:uppercase;color:#bdd0c6;padding-bottom:18px}.service{display:flex;align-items:center;gap:35px;text-align:left;background:none;border:0;border-top:1px solid #59776c;width:100%;padding:24px 0;transition:padding .2s,color .2s}.service:hover{padding-left:10px;color:#d5eb88}.number{font:48px HomeSerif,Georgia,serif;color:#d5eb88;min-width:85px;border-right:1px solid #59776c}.service strong{font:29px HomeSerif,Georgia,serif}.service small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:9px;color:#bdd0c6}.service>.arrow{margin-left:auto;width:30px}.footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:20px;font-size:11px}.footer button{font-size:11px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}.status{font-size:11px;min-height:20px;color:#527067}.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:15px;background:#d5eb88}.skip:focus{top:10px}.gate{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 40%,#215847,#0b3029 75%);color:#f6f7f2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px 24px 25px;overflow:auto;isolation:isolate;min-height:100dvh}.gate-brand{align-self:flex-start;margin-left:max(0px,calc((100vw - 1250px)/2))}.gate-center{text-align:center;padding:30px 0}.finger{display:block;position:relative;width:170px;height:180px;margin:0 auto 28px;border-radius:48px;border:2px solid #d5eb88;background:#d5eb880b;box-shadow:0 0 55px #b3e87515,inset 0 0 30px #b3e87512;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;transition:box-shadow .2s,transform .2s}.finger svg{width:104px;height:115px;stroke:#d5eb88;stroke-width:3.4;stroke-linecap:round;position:relative;z-index:1}.finger.holding{box-shadow:0 0 65px #b3e87555,inset 0 0 50px #b3e87525;transform:scale(.97)}.scan-line{display:none;position:absolute;left:12%;right:12%;height:1px;background:#ecffb9;box-shadow:0 0 12px #d5eb88;top:15%}.holding .scan-line{display:block;animation:scan 1.1s ease-in-out infinite alternate}@keyframes scan{to{top:85%}}.gate h2{font:42px/1.12 HomeSerif,Georgia,serif;letter-spacing:-.5px;margin:0 0 20px}.gate-center p{font-size:14px;color:#d0e1d6}.progress{width:120px;height:3px;border-radius:5px;background:#d5eb8822;margin:20px auto 0;overflow:hidden}.progress span{display:block;background:#d5eb88;width:0;height:100%}.gate-bottom{max-width:390px;text-align:center}.gate-skip{color:#f6f7f2;background:none;border:1px solid #9bbcad;min-width:250px}.gate-bottom p{font-size:10px;line-height:1.8;color:#b0c8bb;margin:20px 0 0}.binary{position:absolute;inset:0;z-index:-1;display:flex;justify-content:space-around;overflow:hidden;opacity:.2}.binary span{font:13px/2.2 monospace;color:#98be96;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:12px;white-space:nowrap;transition:transform 1.3s cubic-bezier(.7,0,.2,1),opacity 1.1s;transform:translateY(-7%)}.gate.opening .binary{opacity:.9}.gate.opening .binary span:nth-child(odd){transform:translate(-40vw,-110%);opacity:0}.gate.opening .binary span:nth-child(even){transform:translate(40vw,110%);opacity:0}.gate.opening .gate-center,.gate.opening .gate-brand,.gate.opening .gate-bottom{opacity:0;transform:scale(1.08);transition:.6s}.gate.opening{background-color:transparent;animation:portal 1.35s forwards}@keyframes portal{70%{opacity:1}100%{opacity:0}}dialog{border:1px solid #c4cec4;border-radius:24px;background:#f6f7f2;color:#143e35;padding:40px;max-width:620px;width:calc(100% - 32px);max-height:85dvh;overflow:auto}dialog::backdrop{background:#082920aa;backdrop-filter:blur(6px)}dialog h2{font:36px/1.15 Georgia;margin:18px 0}dialog p{font-size:14px;line-height:1.8}.close{position:absolute;right:17px;top:10px;background:none;border:0;font-size:32px}.detail-kicker{letter-spacing:2px;font-size:10px!important}.detail-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c4cec4;padding:18px 0;gap:16px}.detail-link small{display:block;font-size:11px;color:#58776b;margin-top:6px}.dummy{background:#e6ebdf;padding:15px;border-radius:12px;font-size:12px!important}
@media(min-width:1600px){.hero{min-height:610px}}@media(max-width:800px){.wrap{padding-left:26px;padding-right:26px}.header{height:auto;min-height:106px;flex-wrap:wrap;gap:18px;padding-top:20px;padding-bottom:15px}.brand span{font-size:24px}.brand img{width:37px;height:45px}.brand small{font-size:10px}.sound{margin-left:auto}.sound span{display:none}nav{order:3;width:100%;margin:0;justify-content:center;gap:40px;font-size:12px}.hero{padding-top:45px;padding-bottom:38px;min-height:535px;align-items:flex-start}h1{font-size:clamp(38px,7.2vw,56px);letter-spacing:-1.7px}.hero-copy>p{font-size:14px;max-width:300px}.hero-copy{width:100%}.actions{gap:10px}.button{font-size:12px;padding:12px 17px;gap:14px}.place{display:none}.terrain{width:90%;height:70%;top:auto;bottom:-20%;right:-25%;opacity:.32}.hero-note{margin-top:50px;font-size:9px}.section-label{font-size:8px;letter-spacing:1.5px}.section-label span:last-child{display:none}.service{gap:19px;padding:25px 0}.number{font-size:34px;min-width:56px}.service strong{font-size:23px}.service small{font-size:8px;letter-spacing:1px;line-height:1.7}.footer{flex-wrap:wrap;font-size:10px}.footer span:last-child{width:100%;opacity:.65}.gate{padding-top:22px}.gate-brand span{font-size:24px}.gate-center{padding:28px 0 12px}.gate h2{font-size:36px}.finger{width:145px;height:155px;border-radius:42px;margin-bottom:25px}.finger svg{width:92px;height:102px}.gate-bottom p{font-size:9px}.gate-center p{font-size:13px}dialog{padding:30px 24px}dialog h2{font-size:30px}}@media(max-height:650px){.gate-brand{display:none}.gate-center{padding:12px 0}.finger{width:115px;height:120px;border-radius:32px;margin-bottom:15px}.finger svg{height:83px}.gate h2{font-size:28px;margin-bottom:10px}.gate-center p{margin:8px}.progress{margin-top:10px}.gate-bottom p{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gate.opening{opacity:0}}


/* Home v1.1.0: full-width covers, sticky navigation and independent playlist. */
html{scroll-padding-top:120px}.header{position:sticky;top:0;z-index:10;height:100px;max-width:none;margin-bottom:-100px;padding-left:max(32px,calc((100vw - 1192px)/2));padding-right:max(32px,calc((100vw - 1192px)/2));color:white;background:transparent;transition:background .35s,color .35s,box-shadow .35s;text-shadow:0 1px 12px #092c25aa}.header.scrolled{background:#f6f7f2f5;color:#143e35;backdrop-filter:blur(18px);box-shadow:0 2px 18px #092c2512;text-shadow:none}.header .sound{border-color:currentColor;background:#143e3520}.header.scrolled .sound{background:transparent}.cover-stage{position:relative;aspect-ratio:1933/813;width:100%;overflow:hidden;background:#173f35;isolation:isolate}.cover-stage:after{content:'';position:absolute;inset:0 0 auto;height:170px;background:linear-gradient(#071d2bbb,transparent);pointer-events:none}.cover-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.cover-slide.is-active{opacity:1;z-index:1}.cover-slide img,.cover-slide video{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.cover-stage:after{z-index:2}.cover-controls{position:absolute;bottom:25px;right:max(32px,calc((100vw - 1192px)/2));z-index:3;display:flex;align-items:center;gap:18px;color:white;background:#102e2ba6;border:1px solid #ffffff45;border-radius:40px;padding:7px;backdrop-filter:blur(14px)}.cover-controls button{width:43px;height:43px;border:0;background:transparent;color:white;border-radius:50%;display:grid;place-items:center}.cover-controls button:hover{background:#ffffff26}.cover-controls button:disabled{opacity:.4}.cover-controls span#cover-count{font-size:12px;min-width:48px;text-align:center}.cover-controls #cover-prev .arrow{transform:rotate(180deg)}.cover-failed,#cover-error{color:white;position:absolute;top:45%;width:100%;text-align:center;padding:20px}.hero{min-height:unset;padding-top:65px;padding-bottom:55px}.hero-copy{max-width:none;width:100%;display:grid;grid-template-columns:1.35fr 1fr;column-gap:50px;align-items:center}.hero h1{grid-row:1/4;font-size:clamp(38px,3.5vw,52px);letter-spacing:-1.7px;margin:0}.hero-copy>p{font-size:15px;margin:0 0 20px}.hero-note{grid-column:2;margin-top:25px;font-size:8px}.hero-note>span{display:none}.actions{gap:10px}.actions .button{font-size:12px;padding:12px 18px;gap:15px}.footer{display:block;background:#eef1e8;padding:0;font-size:12px}.footer-main{display:flex;justify-content:space-between;gap:35px;padding-top:55px;padding-bottom:40px}.footer-main h2{font:32px HomeSerif,Georgia,serif;margin:0 0 16px}.footer-main p{color:#55736a;line-height:1.7;margin:6px 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #ced8ca;padding-top:22px;padding-bottom:25px;font-size:10px}.footer-bottom span:last-child{width:auto;opacity:.8}.binary{justify-content:space-between;gap:0;opacity:.25;mask-image:radial-gradient(ellipse at center,transparent 4%,black 75%)}.binary span{flex:1;min-width:0;font:12px/1 monospace;letter-spacing:3px;text-align:center;animation:binary-flow var(--drift) linear infinite;animation-delay:var(--delay);color:#c5ef9d;transform:translateY(-25%)}@keyframes binary-flow{to{transform:translateY(0)}}.gate.opening .binary{mask-image:none;opacity:1}.gate.opening .binary span{animation:none}.gate.opening .binary span:nth-child(odd){transform:translate(-55vw,-110%) rotate(-12deg);opacity:0}.gate.opening .binary span:nth-child(even){transform:translate(55vw,110%) rotate(12deg);opacity:0}.gate.opening{animation-duration:1.6s}.gate-bottom{margin-bottom:20px}.gate-center{padding-bottom:35px}.gate-skip{display:none}#music-player{max-width:570px}#playlist-audio{width:100%;margin:15px 0}#track-title{font-size:17px;margin-bottom:0}.player-actions{display:flex;gap:12px;justify-content:space-between}#playlist{padding:0;list-style:none;margin:22px 0 0}#playlist button{border:0;border-top:1px solid #cfdbcb;background:none;width:100%;padding:15px 10px;display:flex;gap:18px;text-align:left;font-size:13px;border-radius:6px}#playlist button span:first-child{color:#52755e;font-size:11px;min-width:20px}#playlist button[aria-current=true]{background:#d5eb88}#player-status{font-size:12px;line-height:1.5}#music-player h2{font-size:32px}.status:empty{display:none}
@media(max-width:800px){html{scroll-padding-top:142px}.header{height:132px;min-height:132px;margin-bottom:-132px;padding:16px 22px 8px;gap:10px}.header nav{gap:35px}.header .brand span{font-size:23px}.header .brand small{font-size:9px}.header .sound{min-height:43px;width:43px;padding:10px}.cover-stage{aspect-ratio:auto;height:72svh;min-height:470px;max-height:800px}.cover-slide img,.cover-slide video{object-fit:cover;object-position:right center}.cover-controls{bottom:22px;right:22px}.hero{padding-top:40px;padding-bottom:38px}.hero-copy{display:block}.hero h1{font-size:40px;margin-bottom:22px}.hero-copy>p{font-size:14px;max-width:none}.hero-note{margin-top:25px}.footer-main{flex-direction:column;padding-top:35px;padding-bottom:28px;gap:22px}.footer-links{flex-direction:row;flex-wrap:wrap;gap:20px}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.footer-bottom span:last-child{width:auto}.binary span{font-size:10px;letter-spacing:3px}.binary span:nth-child(3n){display:none}.gate-bottom{margin-bottom:15px}#music-player{padding-top:35px}.player-actions .button{font-size:11px}.service strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.binary span{animation:none!important}.cover-slide{transition:none}.gate.opening{animation:none!important}}

/* Home v1.2.0: edge navigation, compact player, village head greeting. */
.cover-controls{inset:0;display:block;border:0;border-radius:0;background:none;padding:0;backdrop-filter:none;pointer-events:none}.cover-controls button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:48px;height:64px;border:1px solid #ffffff35;border-radius:18px;background:#0c292c40;backdrop-filter:blur(10px);opacity:.65;transition:opacity .2s,background .2s}.cover-controls button:hover,.cover-controls button:focus-visible{opacity:1;background:#0c292c9c}.cover-controls #cover-prev{left:25px}.cover-controls #cover-next{right:25px}.cover-controls span#cover-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:20px;background:#0c292c70;backdrop-filter:blur(10px);font-size:11px}.greeting-section{padding-top:0;padding-bottom:65px}.greeting-card{display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;background:#edf1e7;border:1px solid #d9e2d3;border-radius:28px;padding:48px;align-items:start}.greeting-profile{text-align:center;padding-top:14px}.avatar-circle{width:220px;height:220px;border-radius:50%;overflow:hidden;border:7px solid #f6f7f2;box-shadow:0 0 0 1px #becdb9,0 15px 35px #21493112;margin:0 auto 18px;background:#d7e3cd}.avatar-circle img,.avatar-circle video{display:block;width:100%;height:100%;object-fit:cover}.greeting-profile>#avatar-caption{display:block;font-size:10px;letter-spacing:1px;color:#58735e;margin-bottom:20px}.greeting-profile .button{font-size:12px}.greeting-copy h2{font:400 clamp(25px,2.2vw,32px)/1.35 HomeSerif,Georgia,serif;letter-spacing:-.8px;margin:0 0 12px}.head-name{font:600 13px Poppins,sans-serif;letter-spacing:2.6px;margin:0 0 30px;color:#507157}.greeting-message{font-size:13px;line-height:1.95;color:#365549}.greeting-message p{margin:0 0 18px}.greeting-message p:last-child{margin-bottom:0}.greeting-message strong{font-weight:700;color:#244637}#speech-status{font-size:11px;line-height:1.65;color:#52715e}#music-player.music-widget{position:fixed;right:24px;bottom:24px;z-index:15;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);overflow:auto;margin:0;padding:19px;border:1px solid #d2ddca;border-radius:22px;background:#f6f7f2;box-shadow:0 14px 60px #102d2938;color:#143e35}.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:2px}.widget-heading button{width:30px;height:30px;background:none;border:0;font-size:25px;color:#57745d}.music-widget #track-title{font-size:14px;font-weight:600;line-height:1.5;margin:10px 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-controls{display:flex;align-items:center;gap:10px}.mini-controls button{flex-shrink:0;border:0;background:none;width:32px;height:34px;font-size:10px;padding:0}.mini-controls #track-toggle{width:42px;height:42px;border-radius:50%;background:#d5eb88;font-size:15px}.volume-label{font-size:9px;display:flex;flex-direction:column;gap:4px;margin-left:auto;width:90px}.music-widget input[type=range]{accent-color:#315b46;min-width:0;width:100%;height:14px;margin:0}.track-timeline{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:9px}.track-timeline span{min-width:26px}.music-widget #player-status{font-size:10px;margin:10px 0 0;line-height:1.5}.music-widget #player-status:empty{display:none}.mini-playlist{margin-top:14px;border-top:1px solid #d6e0cf;padding-top:12px}.mini-playlist summary{font-size:11px;cursor:pointer;list-style-position:inside}.mini-playlist #playlist{margin:8px 0 0;max-height:180px;overflow:auto}.mini-playlist #playlist button{font-size:11px;gap:12px;padding:12px 7px}.mini-playlist #playlist button span:first-child{font-size:9px}.hero h1{font-size:clamp(32px,3.1vw,47px)}
@media(max-width:1000px){.greeting-card{grid-template-columns:195px minmax(0,1fr);gap:28px;padding:32px}.avatar-circle{width:180px;height:180px}.hero-copy{column-gap:25px}}
@media(max-width:800px){.cover-controls button{width:37px;height:52px;border-radius:14px}.cover-controls #cover-prev{left:12px}.cover-controls #cover-next{right:12px}.cover-controls span#cover-count{bottom:18px}.greeting-section{padding-bottom:38px}.greeting-card{display:flex;flex-direction:column;gap:20px;padding:28px 23px;border-radius:24px}.greeting-profile{width:100%;padding-top:0}.avatar-circle{width:170px;height:170px;margin-bottom:14px}.greeting-profile>#avatar-caption{margin-bottom:12px;font-size:9px}.greeting-copy h2{font-size:25px;line-height:1.4;text-align:center}.head-name{text-align:center;font-size:12px;letter-spacing:2px;margin-bottom:26px}.greeting-message{font-size:12px;line-height:1.95}.greeting-profile #speech-status:empty{display:none}#music-player.music-widget{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:320px;padding:16px;max-height:calc(100dvh - 32px)}.hero h1{font-size:34px}.brand span,.gate-brand span{font-size:21px}}

/* Home cover controls use supplied artwork without duplicating assets. */
.cover-controls button img{display:block;width:48px;height:32px;object-fit:contain;pointer-events:none}.cover-controls button{width:52px;min-height:44px}.cover-controls button:focus-visible{outline:3px solid #d4ed91;outline-offset:3px}