:root{--home-green:#285745;--home-green-dark:#173c30;--home-cream:#f7f1e2;--home-paper:#fffdf7;--home-gold:#d3a347;--home-blue:#6392a0}
body{background:var(--home-cream)}
.home-hero{min-height:760px}
.home-hero .hero-media:after{background:linear-gradient(90deg,rgba(18,42,34,.95) 0%,rgba(18,42,34,.62) 50%,rgba(18,42,34,.08) 100%),linear-gradient(0deg,rgba(17,32,27,.7),transparent 62%)}
.home-hero .hero-content{max-width:980px}
.home-intro{max-width:900px;margin-inline:auto;text-align:center}.home-intro .eyebrow{justify-content:center}.home-intro .eyebrow:before{display:none}
.home-stats,.home-links,.home-values,.home-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.home-stat{flex:1 1 230px;max-width:310px;min-width:220px;padding:26px;border:1px solid rgba(40,87,69,.12);border-radius:22px;background:#fff;text-align:center}
.home-stat strong{display:block;margin-bottom:8px;font-family:Georgia,"Times New Roman",serif;font-size:1.32rem;color:var(--home-green)}.home-stat span{color:#69736d;line-height:1.55}
.home-link{flex:1 1 310px;max-width:370px;min-width:290px;overflow:hidden;border:1px solid rgba(40,87,69,.12);border-radius:26px;background:#fff;box-shadow:0 17px 45px rgba(31,58,43,.08);transition:transform .25s ease,box-shadow .25s ease}
.home-link:hover{transform:translateY(-5px);box-shadow:0 25px 58px rgba(31,58,43,.14)}.home-link img{width:100%;aspect-ratio:16/10;object-fit:cover}.home-link__body{padding:24px}.home-link__body p{color:#69736d}.home-link__body .btn{margin-top:5px}
.home-step{flex:1 1 260px;max-width:340px;min-width:250px;padding:28px;border-radius:24px;background:var(--home-green-dark);color:#fff}.home-step b{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:50%;background:var(--home-gold);color:#173c30}.home-step h3,.home-step p{color:#fff}.home-step p{margin:0;color:rgba(255,255,255,.78)}
.home-value{flex:1 1 250px;max-width:320px;min-width:235px;padding:26px;border:1px solid #dce2dd;border-radius:22px;background:#fff;text-align:center}.home-value svg{width:56px;height:56px;margin-bottom:16px;color:var(--home-green)}.home-value p{margin:0;color:#68726c}
.home-split{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);gap:clamp(36px,6vw,76px);align-items:center}.home-split__media{overflow:hidden;border-radius:31px;box-shadow:0 22px 58px rgba(31,58,43,.13)}.home-split__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.home-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:52px;border-radius:32px;background:var(--home-green-dark);color:#fff}.home-cta:after{content:"";position:absolute;right:-110px;top:-170px;width:430px;height:430px;border:80px solid rgba(255,255,255,.07);border-radius:50%}.home-cta h2,.home-cta p,.home-cta .button-row{position:relative;z-index:2}.home-cta h2,.home-cta p{color:#fff}.home-cta p{max-width:680px;margin:0;color:rgba(255,255,255,.78)}.home-cta .button-row{flex:none;margin:0}
.error-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#173c30}.error-page__media{position:absolute;inset:0}.error-page__media img{width:100%;height:100%;object-fit:cover}.error-page__media:after{content:"";position:absolute;inset:0;background:rgba(15,36,29,.76)}.error-card{position:relative;z-index:2;width:min(720px,calc(100% - 34px));padding:48px;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);text-align:center;color:#fff}.error-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(6rem,20vw,12rem);line-height:.82;color:#fff}.error-card h1,.error-card p{color:#fff}.error-card p{color:rgba(255,255,255,.8)}
@media(max-width:900px){.home-split{grid-template-columns:1fr}.home-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.home-link,.home-stat,.home-step,.home-value{min-width:100%;max-width:none}.home-hero{min-height:650px}.home-cta{padding:36px 24px}.error-card{padding:38px 22px}}

/* VIDEO DESA WISATA */
.home-video-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 20%,rgba(99,146,160,.12),transparent 29%),
    radial-gradient(circle at 91% 82%,rgba(211,163,71,.12),transparent 28%),
    var(--home-cream);
}
.home-video{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);
  gap:clamp(38px,6vw,78px);
  align-items:center;
}
.home-video__copy{
  max-width:580px;
}
.home-video__copy .lead{
  max-width:560px;
}
.home-video__highlights{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}
.home-video__highlights span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border:1px solid rgba(40,87,69,.14);
  border-radius:999px;
  background:rgba(255,253,247,.82);
  color:var(--home-green-dark);
  font-size:.85rem;
  font-weight:750;
}
.home-video__media{
  position:relative;
}
.home-video__media:before{
  content:"";
  position:absolute;
  left:-20px;
  bottom:-20px;
  width:140px;
  height:140px;
  border-radius:30px;
  background:var(--home-gold);
  opacity:.22;
  transform:rotate(-9deg);
}
.home-video__frame{
  position:relative;
  z-index:2;
  overflow:hidden;
  aspect-ratio:16/9;
  border:1px solid rgba(40,87,69,.15);
  border-radius:28px;
  background:#15271f;
  box-shadow:0 25px 65px rgba(28,56,43,.18);
}
.home-video__frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

@media(max-width:980px){
  .home-video{
    grid-template-columns:1fr;
  }
  .home-video__copy{
    max-width:760px;
    margin-inline:auto;
    text-align:center;
  }
  .home-video__copy .eyebrow{
    justify-content:center;
  }
  .home-video__copy .eyebrow:before{
    display:none;
  }
  .home-video__copy .lead{
    margin-inline:auto;
  }
  .home-video__highlights,
  .home-video__copy .button-row{
    justify-content:center;
  }
}

@media(max-width:640px){
  .home-video__frame{
    border-radius:20px;
  }
  .home-video__media:before{
    left:-8px;
    bottom:-8px;
    width:90px;
    height:90px;
  }
}