#apnKontak .knt,
#apnKontak .knt *,
#apnKontak .knt *::before,
#apnKontak .knt *::after{box-sizing:border-box}

#apnKontak .knt{
  --navy:#0B2A55;
  --navy-deep:#081D3D;
  --navy-mid:#123B73;
  --blue:#1E63B5;
  --blue-soft:#4D9AE0;
  --gold:#B5842C;
  --gold-deep:#8C651F;
  --ink:#0F2036;
  --muted:#5C6E88;
  --line:#E1E6EF;
  --mist:#F4F6FA;

  --font-head:'ABC Favorit Trial','Space Grotesk','Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  font-family:var(--font-body);
  color:var(--ink);
  background:#fff;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

#apnKontak .knt :where(p){margin:0 0 16px; padding:0; font-family:var(--font-body); font-weight:400; line-height:1.65; color:var(--muted); font-size:15.5px}
#apnKontak .knt :where(p:last-child){margin-bottom:0}
#apnKontak .knt :where(h1,h2,h3,h4){margin:0; padding:0; font-family:var(--font-head); font-weight:600; letter-spacing:-.02em; line-height:1.1; color:var(--navy)}
#apnKontak .knt :where(img){max-width:100%; height:auto; display:block}
#apnKontak .knt :where(a){color:inherit; text-decoration:none}
#apnKontak .knt :where(ul,ol,li){margin:0; padding:0; list-style:none}
#apnKontak .knt :where(button){-webkit-appearance:none; appearance:none; margin:0; padding:0; font:inherit; font-family:var(--font-body); color:inherit; background:none; border:0}

#apnKontak .knt-wrap{max-width:1480px; margin:0 auto; padding-left:24px; padding-right:24px}
#apnKontak .knt-sec{padding:clamp(48px,8vw,112px) 0}

#apnKontak .knt-rv{
  opacity:0; transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.16,.8,.28,1), transform .7s cubic-bezier(.16,.8,.28,1);
}
#apnKontak .knt-rv.is-in{opacity:1; transform:translateY(0)}
#apnKontak .knt-rv--2{transition-delay:.1s}

#apnKontak .knt-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-body); font-size:11.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin-bottom:16px;
}
#apnKontak .knt-eyebrow::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 12px 2px rgba(181,132,44,.25)}

#apnKontak .knt-hero{
  position:relative; overflow:hidden;
  min-height:clamp(220px,32vw,320px);
  display:flex; align-items:center;
  background:
    linear-gradient(100deg, rgba(8,29,61,.84) 0%, rgba(11,42,85,.64) 55%, rgba(18,59,115,.46) 100%),
    url('https://asriprimanusantara.com/wp-content/uploads/2026/09/breadcrumb-image-apn.webp') center/cover no-repeat,
    var(--navy-deep);
}
#apnKontak .knt-hero__inner{position:relative; z-index:1; width:100%}
#apnKontak .knt-hero h1{
  color:#fff; text-align:left;
  font-size:clamp(1.9rem,4.2vw,50px); line-height:1.15;
}

#apnKontak .knt-map{
  width:100%; line-height:0; background:var(--mist); border-top:1px solid var(--line);
}
#apnKontak .knt-map iframe{
  width:100%; height:clamp(280px,32vw,420px); border:0; display:block; filter:grayscale(.15) contrast(1.02);
}

#apnKontak .knt-gi__grid{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,72px); align-items:start;
}
#apnKontak .knt-gi__left h2{
  font-size:clamp(1.7rem,3.4vw,38px); line-height:1.2; max-width:20ch; margin-bottom:20px;
}
#apnKontak .knt-gi__left p{max-width:48ch}

#apnKontak .knt-info{border-top:1px solid var(--line)}
#apnKontak .knt-info__row{
  display:flex; align-items:flex-start; gap:16px;
  padding:clamp(18px,2.4vw,26px) 0;
  border-bottom:1px solid var(--line);
}
#apnKontak .knt-info__icon{
  flex:0 0 auto; width:42px; height:42px; border-radius:50%;
  background:var(--mist); border:1px solid var(--line);
  display:inline-flex; align-items:center; justify-content:center;
}
#apnKontak .knt-info__icon svg{width:18px; height:18px; stroke:var(--navy); fill:none; stroke-width:1.6}
#apnKontak .knt-info__body{flex:1 1 auto; min-width:0}
#apnKontak .knt-info__label{
  display:block; font-family:var(--font-body); font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold-deep); margin-bottom:6px;
}
#apnKontak .knt-info__val{font-family:var(--font-body); font-size:15px; color:var(--ink); line-height:1.55}
#apnKontak .knt-info__val a{transition:color .25s ease}
#apnKontak .knt-info__val a:hover{color:var(--blue)}
#apnKontak .knt-info__val .sep{color:var(--muted); margin:0 4px}

#apnKontak .knt-social{display:flex; flex-wrap:wrap; gap:10px; margin-top:4px}
#apnKontak .knt-social a{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:100px; border:1px solid var(--line);
  background:var(--mist); font-family:var(--font-body); font-size:13.5px; color:var(--ink);
  transition:background .25s ease, border-color .25s ease, color .25s ease;
}
#apnKontak .knt-social a:hover{background:var(--navy); border-color:var(--navy); color:#fff}
#apnKontak .knt-social svg{width:14px; height:14px; flex:none}

@media (max-width:900px){
  #apnKontak .knt-gi__grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  #apnKontak .knt *{transition-duration:.01ms !important}
  #apnKontak .knt-rv{opacity:1 !important; transform:none !important}
}