/* Landing refinements: the supplied mine photograph remains the focal point. */
nav.primary:not(.scrolled) {
  top: 12px;
  left: 20px;
  right: 20px;
  width: auto;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 8px;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 12px 30px rgba(20, 26, 20, .12);
  backdrop-filter: blur(14px);
}
nav.primary.scrolled { background: rgba(255, 255, 255, .97) !important; }
.nav-services{position:relative;display:flex;align-items:center}
.nav-services summary{display:flex;align-items:center;gap:5px;min-height:44px;color:var(--ink-2);font:600 13px "Plus Jakarta Sans",sans-serif;cursor:pointer;list-style:none}
.nav-services summary::-webkit-details-marker{display:none}
.nav-services summary svg{width:15px;height:15px;transition:transform .2s ease}
.nav-services details[open] summary svg{transform:rotate(180deg)}
.nav-services summary:hover,.nav-services details[open] summary{color:#a85116}
.nav-services-menu{position:absolute;top:calc(100% + 14px);left:-14px;z-index:50;min-width:180px;padding:6px;border:1px solid #e3e9df;border-radius:7px;background:#fff;box-shadow:0 14px 32px rgba(19,43,29,.13)}
nav.primary ul .nav-services-menu a{min-height:38px;padding:8px 10px;border-radius:4px;color:#2d4636;font-size:12px;font-weight:650}
nav.primary ul .nav-services-menu a:hover{background:#edf4eb;color:#1e6440!important}
nav.primary ul .nav-services-menu a::after{display:none}
.nav-services summary:focus-visible{outline:2px solid #276245;outline-offset:3px}
@media (min-width: 1160px) and (max-width: 1320px) {
  nav.primary ul { display: flex; gap: 15px; }
  nav.primary #nav-hamburger { display: none; }
  nav.primary #btn-nav-masuk { display: block; }
  nav.primary .wrap { gap: 14px; }
}
.btn-primary, .hero-primary { background: #b85d16 !important; border-color: #b85d16 !important; }
.btn-primary:hover, .hero-primary:hover { background: #93450d !important; border-color: #93450d !important; }
footer { background: #2b1a0e !important; color: #fff2dd !important; }
.hero {
  height: auto;
  min-height: min(760px, 88svh);
  background: #18211d;
}
.hero-bg {
  background-image: url('hero-minerba-panorama.png');
  background-position: center 53%;
  filter: saturate(.94) contrast(1.04);
}
.hero-overlay {
  background: rgba(12, 21, 18, .42);
}
.hero-overlay-b { display: none; }
.hero-hex{
  position:absolute;
  z-index:2;
  right:38px;
  bottom:115px;
  width:184px;
  height:160px;
  background:url("minerba-hex-gold.svg") center / contain no-repeat;
  opacity:.78;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
  pointer-events:none;
  animation:hero-hex-turn 48s linear infinite;
}
.hero-content {
  padding-top: 160px;
  padding-bottom: 140px;
}
.hero-inner { max-width: 730px; }
.hero-meta { color: #fff0d8; }
.hero h1.display {
  max-width: 730px;
  color: #fff !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .26) !important;
}
.hero-lead {
  max-width: 48ch;
  color: #fff7ea !important;
  font-size: clamp(15px, 1.35vw, 18px);
  font-weight: 600;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
}
.hero-secondary { color: #fff !important; }
.hero-play { color: #b85d16 !important; }
.hero-band { background: rgba(43, 26, 14, .92) !important; }

/* Account entry follows the light workspace, while the landing sections keep their own styling. */
.mbg{background:rgba(18,39,27,.55)}
.modal-wrap{border:1px solid #dce8db;border-radius:8px;box-shadow:0 30px 80px rgba(14,36,23,.23)}
.modal-form-panel{background:#fff;border-radius:8px}
.modal-form-panel h4{color:#203628;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:0}
.modal-sub,.mnote{color:#65776a}
.modal-close-btn{border-color:#dce8db;color:#536c59}
.modal-close-btn:hover{background:#eaf3e9;color:#276245;border-color:#b7d0b7}
.fg label{color:#526655;font-family:"Plus Jakarta Sans",sans-serif;font-weight:750;letter-spacing:0;text-transform:none}
.fg label span{color:#b85d16}
.fg input,.fg select{background:#fff;border-color:#d7e4d9;color:#203628;border-radius:6px}
.fg input:focus,.fg select:focus{border-color:#35845a;box-shadow:0 0 0 3px rgba(53,132,90,.14)}
.fg input{caret-color:#276245}
.password-field{position:relative}
.password-field input{padding-right:50px}
.password-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;transform:translateY(-50%);border:0;border-radius:5px;background:transparent;color:#607a68;cursor:pointer}
.password-toggle:hover{background:#edf4eb;color:#276245}
.password-toggle svg{width:18px;height:18px}
.bsub{background:#276245;border-radius:6px;color:#fff;font-weight:750}
.bsub:hover{background:#1e5037}
.mnote a{color:#276245}
@media(max-width:720px){.modal-wrap,.modal-form-panel{border-radius:8px 8px 0 0}}

#peta{position:relative;isolation:isolate;overflow:hidden;padding-bottom:28px;}
#peta::before{content:"";position:absolute;top:32px;right:25px;width:184px;height:160px;background:url("minerba-hex-blue.svg") center / contain no-repeat;opacity:.26;pointer-events:none;animation:hex-drift 16s ease-in-out infinite alternate-reverse;}
#peta>.wrap{position:relative;z-index:1;}
.map-section-head{position:relative;}
.map-section-intro{min-width:0;max-width:760px;}

.services-section{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 100px;background:#fff;border-top:1px solid #eadac5;}
.services-section::before{content:"";position:absolute;left:-25px;top:210px;width:190px;height:180px;background:#6499e9;mask:url("minerba-digital-lines.svg") left center / contain no-repeat;opacity:.27;pointer-events:none;}
.services-section::after{content:"";position:absolute;right:0;bottom:0;width:min(100%,1012px);height:min(440px,100%);background:url("layanan-ornamen.svg") right bottom / contain no-repeat;opacity:.13;pointer-events:none;}
.services-inner{position:relative;z-index:1;}
.services-head{max-width:680px;}
.services-head .lead{margin-top:13px;color:#5d4633;}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px;}
.service-item{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e6daca;border-radius:6px;background:rgba(255,255,255,.94);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.service-item:hover{transform:translateY(-4px);border-color:#d6a36e;box-shadow:0 14px 30px rgba(64,39,18,.1);}
.service-art{position:relative;display:block;height:225px;overflow:hidden;background:#f8faff;border-bottom:1px solid #e7ecf3;}
.service-art img{position:absolute;inset:18px;display:block;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain;}
.service-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 24px 24px;}
.service-index{color:#a85116;font:800 10px/1.4 "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;}
.service-copy h3{margin:7px 0 8px;color:#24170d;font:800 23px/1.2 "Plus Jakarta Sans",sans-serif;}
.service-copy p{min-height:44px;margin:0 0 20px;color:#5d4633;font:500 13px/1.6 "Plus Jakarta Sans",sans-serif;}
.service-copy button{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:0;border:0;background:none;color:#a85116;font:800 12px/1.4 "Plus Jakarta Sans",sans-serif;cursor:pointer;}
.service-copy button svg{width:16px;height:16px;transition:transform .2s ease;}
.service-copy button:hover svg{transform:translate(2px,-2px);}
.service-copy button:focus-visible{outline:3px solid #b85d16;outline-offset:5px;}

.mading{position:relative;isolation:isolate;}
.mading::before{content:"";position:absolute;right:18px;bottom:24px;width:150px;height:132px;background:url("minerba-hex-grid.svg") center / contain no-repeat;opacity:.22;pointer-events:none;animation:hex-drift 15s ease-in-out infinite alternate-reverse;}
.mading::after{content:"";position:absolute;left:0;top:31%;width:232px;height:216px;background:url("minerba-digital-lines.svg") left center / contain no-repeat;opacity:.32;pointer-events:none;animation:digital-drift 9s ease-in-out infinite alternate;}
.mading .wrap,.mading .mading-track{position:relative;z-index:1;}
.mading-arrow{transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.mading-arrow:hover:not(:disabled){transform:translateY(-3px);}
@keyframes hex-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-14px,8px,0)}}
@keyframes hero-hex-turn{to{transform:rotate(360deg)}}
@keyframes digital-drift{from{transform:translate3d(-12px,0,0);opacity:.2}to{transform:translate3d(0,0,0);opacity:.38}}

.mading { background: #fff; color: #24170d; border-top: 3px solid #c7772d; }
.mading .mading-head{border-bottom-color:#e6daca;}
.mading-kicker{color:#a85116;}
.mading h2{color:#24170d;}
.mading-intro{color:#5d4633;}
.mading-arrow{border-color:#cfaa81;background:#fff;color:#72340e;}
.mading-arrow:hover:not(:disabled){background:#fff0dc;border-color:#a85116;}
.mading-arrow:focus-visible,.mading-slide:focus-visible,.mading-track:focus-visible{outline-color:#a85116;}
.mading-slide{border-color:#e6daca;background:#fff;}
.mading-slide:hover{opacity:1;}
.mading-picture img{filter:brightness(.85) saturate(.88);}
.mading-slide.is-active .mading-picture img{filter:none;}
.mading-caption{background:rgba(255,250,242,.96);color:#24170d;}
.mading-caption small{color:#a85116;}
.mading-caption strong{color:#24170d;}
.mading-caption span{color:#5d4633;}
.mading-count{color:#72340e;}
.mading-rule{background:#e6daca;}
.mading-rule span{background:#b85d16;}
.mading-slide {
  transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .55s ease, border-color .4s ease, box-shadow .4s ease;
}
.mading-slide.is-active {
  transform: translateY(-9px) scale(1.025);
  box-shadow: 0 22px 42px rgba(64, 39, 18, .16);
}
.mading-picture img { transition: filter .55s ease, transform 1.1s ease; }
.mading-slide.is-active .mading-picture img { transform: scale(1.035); }
.mading-slide.is-active:hover .mading-picture img { transform: scale(1.065); }
.mading-caption { transition: background .45s ease; }
.mading-slide.is-active .mading-caption { background: rgba(255, 250, 242, .98); }
.mading-slide.is-active .mading-caption strong { color: #24170d; }
.mading-arrow[aria-pressed="true"] { background: #fff0dc; border-color: #a85116; }
.contact-section{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:80px;padding:74px 0;background:#fff;border-top:1px solid #eadac5;}
.contact-section::after{content:"";position:absolute;right:24px;top:32px;width:150px;height:132px;background:url("minerba-hex-grid.svg") center / contain no-repeat;opacity:.18;pointer-events:none;}
.contact-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,90px);}
.contact-portrait{width:100%;height:320px;}
.contact-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;}
.contact-copy{max-width:680px;}
.contact-copy h2{margin:12px 0 14px;max-width:18ch;}
.contact-copy>p:not(.eyebrow){max-width:55ch;margin:0;color:#5d4633;font:500 15px/1.7 "Plus Jakarta Sans",sans-serif;}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;}
.contact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid #b85d16;border-radius:6px;font:700 13px/1.3 "Plus Jakarta Sans",sans-serif;transition:background .2s ease,color .2s ease,transform .2s ease;}
.contact-actions a:hover{transform:translateY(-2px);}
.contact-actions svg{width:17px;height:17px;}
.contact-primary{background:#b85d16;color:#fff;}
.contact-primary:hover{background:#93450d;color:#fff;}
.contact-secondary{background:#fff;color:#93450d;}
.contact-secondary:hover{background:#fff0dc;}
.contact-actions a:focus-visible{outline:3px solid #b85d16;outline-offset:3px;}
.drawer-contact{margin-top:18px;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;}
footer .foot-bottom{margin-top:0;}

@media (max-width: 960px) {
  .wpr-inner { grid-template-columns:1fr;gap:30px; }
  .services-grid{gap:12px;}
}
@media (max-width: 820px) {
  nav.primary:not(.scrolled) { left: 12px; right: 12px; }
  .services-grid{grid-template-columns:1fr;gap:14px;}
  .service-item{flex-direction:row;min-height:170px;}
  .service-art{flex:none;width:180px;height:auto;min-height:170px;border-right:1px solid #e7ecf3;border-bottom:0;}
  .hero { height: auto; min-height: min(710px, 86svh); }
  .hero-bg { background-position: 58% center; }
  .hero-overlay { background: rgba(12, 21, 18, .5); }
  .hero-content { padding-top: 124px; padding-bottom: 130px; }
  .hero h1.display { font-size: clamp(38px, 8vw, 58px); }
  .hero-lead { max-width: 35ch; }
  .hero-hex{right:18px;bottom:116px;width:135px;height:117px;opacity:.7;}
}
@media (max-width: 520px) {
  .hero { min-height: min(690px, 88svh); }
  .hero-bg { background-position: 59% center; }
  .hero-overlay { background: rgba(12, 21, 18, .57); }
  .hero-content { padding-top: 120px; padding-bottom: 130px; }
  .hero h1.display { max-width: 12ch; font-size: clamp(36px, 10vw, 46px); }
  .hero-lead { font-size: 14px; }
  #peta::before{top:14px;right:-42px;width:120px;height:104px;opacity:.22;}
  .services-section{padding:56px 0 64px;}
  .services-section::before{top:170px;width:125px;height:120px;opacity:.18;}
  .services-section::after{height:250px;opacity:.09;}
  .services-grid{grid-template-columns:1fr;gap:14px;margin-top:28px;}
  .service-item{flex-direction:row;min-height:150px;}
  .service-art{flex:none;width:33%;height:auto;min-height:150px;border-right:1px solid #e7ecf3;border-bottom:0;}
  .service-art img{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);}
  .service-copy{padding:16px;}
  .service-copy h3{font-size:18px;}
  .service-copy p{min-height:0;margin-bottom:14px;font-size:11px;}
  .mading::before{right:8px;bottom:22px;width:100px;height:88px;opacity:.17;}
  .mading::after{top:23%;width:140px;height:132px;opacity:.22;}
  .mading .mading-head { align-items: flex-start; flex-direction: column; }
  .mading-controls { align-self: flex-end; }
  .mading-slide.is-active { transform: translateY(-5px) scale(1); }
  .contact-section{padding:52px 0;}
  .contact-section::after{right:-28px;top:14px;width:110px;height:100px;opacity:.14;}
  .contact-inner{grid-template-columns:1fr;gap:26px;}
  .contact-portrait{width:min(100%,230px);height:230px;}
  .contact-copy h2{max-width:20ch;}
}
@media (prefers-reduced-motion: reduce) {
  .mading-slide, .mading-picture img { transition: none; }
  .hero-hex,#peta::before,.mading::before,.mading::after{animation:none;}
  .service-item,.service-copy button svg,.mading-arrow{transition:none;}
  .service-item:hover,.service-copy button:hover svg,.mading-arrow:hover:not(:disabled){transform:none;}
  .contact-actions a{transition:none;}
  .contact-actions a:hover{transform:none;}
}