:root{
  --bg:#f6faf7;--surface:#fff;--soft:#edf7f1;--text:#15342a;--muted:#64766f;--primary:#0f7a4f;--primary-dark:#0a5d3d;--accent:#d8a229;--border:#dbe8e1;--shadow:0 22px 70px rgba(13,72,52,.12);--radius:26px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,232,225,.85)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand img{width:48px;height:48px}.brand strong{display:block;line-height:1.15;font-size:16px}.brand small{color:var(--primary);font-weight:800}.nav-menu{display:flex;align-items:center;gap:6px}.nav-menu a{padding:10px 13px;border-radius:999px;color:#29443b;font-size:14px;font-weight:800}.nav-menu a:hover,.nav-menu a.active{background:var(--soft);color:var(--primary)}.nav-menu .btn-nav{background:var(--primary);color:#fff;padding-inline:17px;box-shadow:0 10px 26px rgba(15,122,79,.22)}.nav-toggle{display:none;border:0;border-radius:15px;background:var(--soft);color:var(--primary);font-weight:900;padding:10px 14px}.hero{position:relative;overflow:hidden;padding:86px 0 58px;background:radial-gradient(circle at 18% 18%,rgba(216,162,41,.2),transparent 28%),linear-gradient(135deg,#fff 0%,#eff9f3 58%,#eaf6ff 100%)}.hero:after{content:"";position:absolute;right:-90px;top:120px;width:320px;height:320px;border-radius:50%;background:rgba(15,122,79,.08)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#e8f7ee;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.04;margin:16px 0 18px;letter-spacing:-.055em}.hero p,.page-hero p,.section-heading p{font-size:18px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 22px;font-weight:900}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 14px 30px rgba(15,122,79,.25)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--primary);border:1px solid var(--border)}.hero-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-stats div{min-width:112px;background:rgba(255,255,255,.76);border:1px solid var(--border);border-radius:20px;padding:14px 16px}.hero-stats strong{display:block;color:var(--primary);font-size:28px;line-height:1}.hero-stats span{font-size:13px;color:var(--muted);font-weight:800}.hero-media{position:relative;min-height:520px}.slide{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.98);transition:.55s ease}.slide.active{opacity:1;transform:none}.slide-image{height:100%;min-height:520px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#dceee5}.slide-image img,.photo-card img,.article-image img,.map-box iframe{width:100%;height:100%;object-fit:cover}.slide-caption{position:absolute;left:26px;right:26px;bottom:26px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:20px}.slide-caption span,.news-body span,.gallery-card span{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.slide-caption h3{margin:7px 0 5px;font-size:24px;line-height:1.2}.slide-caption p{margin:0 0 10px;color:var(--muted)}.slide-caption a{color:var(--primary);font-weight:900}.image-placeholder{width:100%;height:100%;min-height:240px;display:grid;place-items:center;text-align:center;padding:28px;background:linear-gradient(135deg,#0f7a4f,#09251d);color:#fff}.image-placeholder span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;background:rgba(255,255,255,.14);font-weight:900;font-size:26px}.image-placeholder strong{display:block;margin-top:12px;font-size:18px}.section{padding:78px 0}.soft-section{background:#edf7f1}.section-heading{text-align:center;margin-bottom:34px}.row-heading{display:flex;align-items:end;justify-content:space-between;text-align:left;gap:20px}.section-heading h2,.split h2,.content-card h2,.cta-box h2{font-size:clamp(30px,4vw,46px);line-height:1.13;margin:14px 0 12px;letter-spacing:-.04em}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px}.align-center{align-items:center}.align-start{align-items:start}.feature-list{display:grid;gap:14px}.feature-list div,.mission-box,.content-card,.contact-card,.cta-box,.program-card,.education-card,.news-card,.gallery-card,.photo-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-list div{padding:22px}.feature-list strong{display:block;font-size:20px;color:var(--primary)}.feature-list span{color:var(--muted)}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.program-card{padding:28px}.program-card h3{font-size:24px;margin:18px 0 8px}.program-card p{color:var(--muted);margin:0}.icon-badge{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-weight:900;font-size:22px}.mission-box,.content-card{padding:28px}.mission-box h3{margin:0 0 12px;font-size:24px}.mission-box li,.check-list li,.public-steps li,.education-card li{margin:9px 0;color:var(--muted)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listing-grid{grid-template-columns:repeat(3,1fr)}.news-card{overflow:hidden}.news-image{height:210px}.news-body{padding:22px}.news-body h3{font-size:22px;line-height:1.25;margin:8px 0}.news-body p{color:var(--muted)}.news-body a{color:var(--primary);font-weight:900}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{overflow:hidden}.gallery-card>img,.gallery-card>.image-placeholder{height:260px;object-fit:cover}.gallery-card div:not(.image-placeholder){padding:18px}.gallery-card strong{display:block;font-size:18px;margin-top:4px}.gallery-card p{color:var(--muted);margin:6px 0 0}.preview-grid .gallery-card>img,.preview-grid .gallery-card>.image-placeholder{height:220px}.cta-box{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-hero{padding:74px 0;background:radial-gradient(circle at 18% 20%,rgba(216,162,41,.18),transparent 28%),linear-gradient(135deg,#fff,#eff8f2)}.content-card p{color:var(--muted)}.photo-card{overflow:hidden;min-height:420px}.info-list{display:grid;gap:12px}.info-list div{padding:14px;border-radius:16px;background:#f8fbf9;border:1px solid var(--border)}.info-list span{display:block;font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:900}.info-list strong{display:block;margin-top:4px}.education-list{display:grid;gap:18px}.education-card{padding:28px;display:grid;grid-template-columns:86px 1fr;gap:20px}.education-card>span{width:68px;height:68px;border-radius:22px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-size:24px;font-weight:900}.education-card h2{margin:0 0 8px;font-size:32px}.education-card p{color:var(--muted)}.article-wrap{max-width:920px}.article-image{height:430px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px}.article-content{background:#fff;border:1px solid var(--border);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.article-content p{white-space:pre-line;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{padding:26px}.contact-card h3{font-size:24px;line-height:1.2;margin:10px 0}.contact-card p{color:var(--muted)}.map-box{min-height:360px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff}.map-box iframe{border:0;min-height:360px}.empty-public{grid-column:1/-1;text-align:center;background:#fff;border:1px solid var(--border);border-radius:26px;padding:50px;color:var(--muted)}.site-footer{background:#09251d;color:#fff;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.footer-grid p{color:rgba(255,255,255,.68)}.footer-grid h4{margin:0 0 12px;color:#fff}.footer-grid a{display:block;color:rgba(255,255,255,.72);margin:8px 0}.footer-grid a:hover{color:#fff}.social-row{display:flex;gap:8px;flex-wrap:wrap}.social-row a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:900}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:rgba(255,255,255,.6);font-size:14px}.check-list,.public-steps{padding-left:20px}.about-section{background:#fff}
@media(max-width:980px){.nav-toggle{display:block}.nav-menu{position:absolute;top:84px;left:4%;right:4%;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu a{text-align:center}.brand{min-width:auto}.hero-grid,.split{grid-template-columns:1fr}.hero-media,.slide-image{min-height:420px}.program-grid,.news-grid,.gallery-grid,.contact-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.row-heading{align-items:flex-start}}
@media(max-width:620px){.nav-wrap{height:76px}.nav-menu{top:76px}.brand strong{font-size:14px}.brand small{font-size:12px}.hero{padding:54px 0 38px}.hero h1,.page-hero h1{font-size:38px}.hero-actions a{width:100%}.hero-media,.slide-image{min-height:390px}.slide-caption{left:14px;right:14px;bottom:14px;padding:16px}.program-grid,.news-grid,.gallery-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.section{padding:56px 0}.content-card,.mission-box,.program-card,.news-card,.gallery-card,.contact-card,.cta-box,.education-card{border-radius:21px}.education-card{grid-template-columns:1fr}.cta-box,.footer-bottom,.row-heading{flex-direction:column;align-items:flex-start}.hero-stats div{flex:1 1 30%}}


/* Update landscape foto website dan lebar konten */
.container{width:min(1280px,94%)}
.hero-grid{grid-template-columns:1fr 1fr}.hero-media{min-height:500px}.slide-image{height:500px;min-height:0;aspect-ratio:16/9}.news-image,.article-image,.photo-card,.map-box{aspect-ratio:16/9;height:auto;min-height:0}.news-image img,.article-image img,.photo-card img,.gallery-card>img,.gallery-card>.image-placeholder,.preview-grid .gallery-card>img,.preview-grid .gallery-card>.image-placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.gallery-card>img,.gallery-card>.image-placeholder{height:auto;min-height:0}.listing-grid,.news-grid,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-wide-section .container{width:min(1360px,95%)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-media{min-height:360px}.slide-image{height:360px}.listing-grid,.news-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.container{width:min(100% - 28px,1280px)}.listing-grid,.news-grid,.gallery-grid{grid-template-columns:1fr}.hero-media{min-height:260px}.slide-image{height:260px}.article-image,.photo-card{aspect-ratio:16/9}}

/* === Update 2026-05-21: perbaikan banner mobile/desktop dan alignment foto === */
.hero{overflow:hidden!important}
.hero-grid{max-width:1280px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:32px!important}
.hero-copy,.hero-media{min-width:0!important}.hero-media{width:100%!important;justify-self:stretch!important;overflow:hidden!important}.slide{left:0!important;right:0!important}.slide-image{width:100%!important;border-radius:30px!important;overflow:hidden!important}.slide-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.slide-caption{max-width:calc(100% - 44px)!important;left:22px!important;right:22px!important;bottom:22px!important}.about-section .split,.section .container.split{align-items:center!important}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr!important;gap:26px!important}.hero-media{max-width:100%!important}.slide-image{height:390px!important}.slide-caption{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;max-width:none!important}
}
@media(max-width:620px){
  .site-header{background:rgba(255,255,255,.96)!important}.nav-wrap{height:82px!important;align-items:center!important}.brand{gap:10px!important;min-width:0!important;max-width:calc(100% - 104px)!important}.brand img{width:56px!important;height:56px!important}.brand strong{font-size:20px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.brand small{font-size:15px!important;color:var(--primary)!important}.nav-toggle{padding:12px 19px!important;border-radius:22px!important;font-size:18px!important;background:#e7f7ee!important}
  .hero{padding:30px 0 44px!important}.hero-grid{gap:20px!important}.hero-copy{order:1!important}.hero-media{order:2!important;min-height:auto!important}.hero h1{font-size:36px!important;line-height:1.05!important;letter-spacing:-.04em!important}.hero p{font-size:16px!important}.hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important}.hero-stats div{min-width:0!important;padding:12px 8px!important;text-align:center!important}.hero-stats strong{font-size:24px!important}.hero-stats span{font-size:11px!important;line-height:1.2!important}
  .slide{position:relative!important;display:none!important;opacity:1!important;transform:none!important}.slide.active{display:block!important}.slide-image{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:22px!important;box-shadow:0 14px 38px rgba(13,72,52,.12)!important}.slide-caption{position:static!important;max-width:none!important;margin:12px 0 0!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:20px!important;padding:14px 16px!important;box-shadow:0 12px 26px rgba(13,72,52,.08)!important;backdrop-filter:none!important}.slide-caption h3{font-size:22px!important;line-height:1.15!important;margin:5px 0!important}.slide-caption p{font-size:14px!important;line-height:1.45!important}.section{padding:48px 0!important}.about-section{padding-top:52px!important}
}

/* === Update 2026-05-22: banner landscape rapi, address muat satu baris === */
.dynamic-hero .hero-grid{display:grid!important;width:min(1280px,94%)!important;margin-inline:auto!important}.dynamic-hero .hero-media{justify-self:stretch!important;max-width:100%!important}.dynamic-hero .slide-image{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}.dynamic-hero .slide-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.dynamic-hero .slide-caption{max-height:180px!important;overflow:hidden!important}.dynamic-hero .slide-caption h3{font-size:clamp(22px,2.35vw,42px)!important;line-height:1.08!important}.dynamic-hero .slide-caption p{font-size:clamp(13px,1vw,16px)!important;line-height:1.35!important}.cta-box h2{font-size:clamp(22px,2.3vw,33px)!important;line-height:1.12!important;white-space:nowrap!important;letter-spacing:-.035em!important}.cta-box p{font-size:15px!important;line-height:1.45!important}.cta-box{align-items:center!important}.site-header .brand small{white-space:nowrap!important}
@media(max-width:980px){.dynamic-hero .hero-grid{grid-template-columns:1fr!important}.dynamic-hero .slide-caption{max-height:none!important}}
@media(max-width:620px){.dynamic-hero .hero-copy{order:1!important}.dynamic-hero .hero-media{order:2!important}.dynamic-hero .slide{position:relative!important;display:none!important}.dynamic-hero .slide.active{display:block!important}.dynamic-hero .slide-image{height:auto!important;aspect-ratio:16/9!important;border-radius:22px!important;overflow:hidden!important}.dynamic-hero .slide-caption{position:static!important;margin:10px 0 0!important;max-height:none!important;padding:10px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--border)!important;box-shadow:0 8px 20px rgba(13,72,52,.08)!important}.dynamic-hero .slide-caption span{font-size:11px!important}.dynamic-hero .slide-caption h3{font-size:20px!important;line-height:1.12!important;margin:3px 0!important}.dynamic-hero .slide-caption p{font-size:13px!important;line-height:1.3!important;margin:0!important}.cta-box h2{font-size:24px!important;white-space:normal!important}.cta-box p{font-size:14px!important}.cta-box{gap:14px!important}.brand strong{max-width:210px!important}.brand small{font-size:13px!important}}

/* === FINAL FIX 2026-05-22: banner landscape sejajar dan caption tidak menutup foto === */
@media(min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:38px!important;align-items:center!important}
  .hero-media{width:100%!important;max-width:560px!important;min-height:430px!important;margin-inline:auto!important}
  .slide-image{height:430px!important;min-height:430px!important;border-radius:30px!important}
  .slide-caption{left:22px!important;right:22px!important;bottom:20px!important;padding:14px 18px!important;border-radius:20px!important;max-height:154px!important;overflow:hidden!important}
  .slide-caption h3{font-size:20px!important;line-height:1.14!important;margin:5px 0 4px!important;letter-spacing:-.02em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .slide-caption p{font-size:13.5px!important;line-height:1.35!important;margin:0 0 6px!important;max-height:38px!important;overflow:hidden!important}
}
@media(max-width:620px){
  .hero{padding:36px 0 44px!important;overflow:hidden!important}
  .hero-grid{display:block!important}
  .hero-media{min-height:0!important;margin-top:26px!important;width:100%!important}
  .hero-media .slide{position:absolute!important;inset:0!important;display:none!important;opacity:0!important;transform:none!important}
  .hero-media .slide.active{position:relative!important;inset:auto!important;display:block!important;opacity:1!important}
  .slide-image{height:auto!important;min-height:0!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(7,44,30,.14)!important}
  .slide-image img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
  .slide-caption{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px 4px 0!important;padding:12px 14px!important;border-radius:18px!important;max-height:none!important;background:#fff!important;box-shadow:0 8px 22px rgba(7,44,30,.08)!important;backdrop-filter:none!important}
  .slide-caption h3{font-size:20px!important;line-height:1.14!important;margin:5px 0 4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .slide-caption p{font-size:13px!important;line-height:1.35!important;margin:0!important;max-height:38px!important;overflow:hidden!important}
  .brand small{font-size:12px!important;line-height:1.1!important;white-space:nowrap!important}
}

/* === REVISI 2026-05-23: judul/keterangan banner website diperkecil agar tidak terpotong === */
.dynamic-hero .hero-copy h1{
  font-size:clamp(30px,4.4vw,52px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin-bottom:14px!important;
}
.dynamic-hero .hero-copy p{
  font-size:clamp(14px,1.35vw,16px)!important;
  line-height:1.45!important;
  max-width:680px!important;
}
.dynamic-hero .slide-caption{
  max-height:none!important;
  overflow:visible!important;
  padding:12px 16px!important;
}
.dynamic-hero .slide-caption h3{
  font-size:clamp(18px,1.7vw,26px)!important;
  line-height:1.12!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
}
.dynamic-hero .slide-caption p{
  font-size:clamp(12px,.95vw,14px)!important;
  line-height:1.32!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:620px){
  .dynamic-hero .hero-copy h1{
    font-size:28px!important;
    line-height:1.12!important;
  }
  .dynamic-hero .hero-copy p{
    font-size:13.5px!important;
    line-height:1.4!important;
  }
  .dynamic-hero .slide-caption h3{
    font-size:17px!important;
    line-height:1.15!important;
  }
  .dynamic-hero .slide-caption p{
    font-size:12.5px!important;
    line-height:1.35!important;
  }
}


/* === REVISI 2026-05-25: foto galeri website format landscape === */
.gallery-card>img,
.gallery-card>.image-placeholder,
.gallery-grid .gallery-card>img,
.gallery-grid .gallery-card>.image-placeholder{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.gallery-card{overflow:hidden!important}
.gallery-card>div{padding:18px!important}


/* === REVISI 2026-05-25: banner bergeser halus ke kanan === */
.hero-media.slider-animate{position:relative!important;overflow:hidden!important}
.hero-media.slider-animate .slide{position:absolute!important;inset:0!important;display:block!important;opacity:0!important;transform:translateX(-100%)!important;transition:transform .75s ease,opacity .75s ease!important;z-index:1!important;pointer-events:none!important}
.hero-media.slider-animate .slide.active{position:relative!important;inset:auto!important;opacity:1!important;transform:translateX(0)!important;z-index:3!important;pointer-events:auto!important}
.hero-media.slider-animate .slide.leaving{position:absolute!important;inset:0!important;opacity:1!important;transform:translateX(100%)!important;z-index:2!important;pointer-events:none!important}
@media(max-width:620px){
  .hero-media.slider-animate .slide{display:block!important;position:absolute!important;inset:0!important;opacity:0!important;transform:translateX(-100%)!important}
  .hero-media.slider-animate .slide.active{position:relative!important;inset:auto!important;opacity:1!important;transform:translateX(0)!important}
  .hero-media.slider-animate .slide.leaving{position:absolute!important;inset:0!important;opacity:1!important;transform:translateX(100%)!important}
}


/* === REVISI 2026-05-25: posisi caption banner setengah masuk banner dan setengah turun === */
@media(min-width:621px){
  .dynamic-hero .hero-media,
  .dynamic-hero .hero-media.slider-animate{
    overflow:visible!important;
    padding-bottom:88px!important;
  }
  .dynamic-hero .slide-caption{
    bottom:-64px!important;
    left:34px!important;
    right:34px!important;
    z-index:5!important;
    box-shadow:0 18px 42px rgba(13,72,52,.16)!important;
  }
  .dynamic-hero .slide-image{
    box-shadow:0 16px 46px rgba(13,72,52,.11)!important;
  }
}

/* === REVISI 2026-05-26: header website mobile tidak terpotong === */
@media(max-width:620px){
  .site-header{overflow:visible!important}
  .nav-wrap{
    height:auto!important;
    min-height:74px!important;
    padding:8px 0!important;
    gap:8px!important;
  }
  .brand{
    max-width:calc(100% - 72px)!important;
    min-width:0!important;
    gap:8px!important;
    align-items:center!important;
  }
  .brand img{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }
  .brand span{min-width:0!important;display:block!important;overflow:visible!important}
  .brand strong{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.16!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  .brand small{
    display:block!important;
    font-size:11px!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .nav-toggle{
    flex:0 0 auto!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    font-size:13px!important;
    min-height:38px!important;
  }
  .nav-menu{
    top:calc(100% + 8px)!important;
    left:14px!important;
    right:14px!important;
    z-index:80!important;
  }
}