/*
Theme Name: Pusat Industri
Theme URI: https://pusatindustri.com/
Author: ipang
Author URI: https://ipang.net/
Description: Pusat Industri. Generated by ipang OS from the approved design for pusatindustri.com; edit the design, not this file.
Version: 1.0.11864226
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
License: Proprietary
Text Domain: pusatindustri
*/


:root{
  --ground:#eef1f5;
  --paper:#ffffff;
  --ink:#0f172a;
  --mute:#4b5563;
  --line:#cfd6df;
  --cta:#0e7c86;
  --radius:3px;
  --display:'Geologica',sans-serif;
  --body:'Golos Text',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-0.01em;margin:0}
h1{font-size:38px}
h2{font-size:30px}
h3{font-size:20px}
p{margin:0}
p,dd,figcaption{max-width:60ch}
.lead{font-size:19px;line-height:1.55;color:var(--mute)}
.cap{font-size:14px;color:var(--mute);max-width:64ch}
.shell{width:min(1180px,100%);margin-inline:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cta);outline-offset:3px}
.btn{display:inline-block;background:var(--cta);color:var(--paper);font-family:var(--display);font-weight:700;font-size:16px;text-decoration:none;padding:15px 22px;border:0;border-radius:var(--radius);line-height:1.3;cursor:pointer}
.btn.ghost{background:var(--paper);color:var(--ink);border:1px solid var(--line)}

header{padding:0 20px;background:var(--paper);border-bottom:1px solid var(--line)}
header .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:700;font-size:20px}
.brand svg{width:28px;height:28px}
nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;font-weight:600;font-size:15px}
nav a{text-decoration:none}
@media (max-width:860px){nav{display:none}}

section{padding:56px 20px}
.hero{padding-top:56px;padding-bottom:56px}
.hero .grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:40px;align-items:start}
.hero .grid > div{min-width:0}
.hero h1{max-width:18ch}
.hero .lead{max-width:44ch;margin-top:18px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero .note{font-size:14px;color:var(--mute);margin-top:12px;max-width:50ch}
@media (max-width:900px){.hero .grid{grid-template-columns:1fr}}

/* the signature: the identification table is the hero */
.kenali{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px;overflow-x:auto;min-width:0}
.kenali table{width:100%;border-collapse:collapse;font-size:15px}
.kenali th,.kenali td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.kenali th{font-family:var(--display);font-size:14px;background:var(--ground);white-space:nowrap}
.kenali tbody tr:last-child td{border-bottom:0}
.kenali td:first-child{font-family:var(--display);font-weight:700;white-space:nowrap}
.kenali td b{font-family:var(--display);white-space:nowrap}
.kenali caption{text-align:left;font-family:var(--display);font-size:18px;padding:12px 12px 10px}
@media (max-width:640px){
  .kenali thead{display:none}
  .kenali tr,.kenali td{display:block;white-space:normal}
  .kenali td:first-child{white-space:normal;padding-top:14px;font-size:17px}
  .kenali tr{border-bottom:1px solid var(--line)}
  .kenali td{border-bottom:0;padding:6px 12px}
  .kenali td[data-k]::before{content:attr(data-k);display:block;font-size:14px;color:var(--mute);font-weight:600}
  .kenali td:last-child{padding-bottom:14px}
}

.head{max-width:56ch;margin-bottom:24px}
.head h2{max-width:24ch}
.head p{margin-top:12px;color:var(--mute)}

.silang{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.silang dl{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.silang dl > div{background:var(--ground);padding:14px 16px}
.silang dt{font-size:14px;color:var(--mute)}
.silang dd{margin:2px 0 0;font-family:var(--display);font-size:17px;line-height:1.3}
.silang dd small{display:block;font-family:var(--body);font-weight:400;font-size:14px;color:var(--mute);margin-top:4px}
@media (max-width:900px){.silang dl{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.silang dl{grid-template-columns:1fr}}

.kelompok ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kelompok li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:10px;align-content:start}
.kelompok img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:var(--paper)}
.kelompok h3{font-size:18px}
.kelompok p{font-size:15px;color:var(--mute)}
.kelompok dl{margin:0;font-size:14px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}
.kelompok dt{color:var(--mute)}
.kelompok dd{margin:0;font-weight:600}
@media (max-width:1000px){.kelompok ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.kelompok ul{grid-template-columns:1fr}}

.pitch .grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.pitch .tscroll{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:4px}
.pitch table{width:100%;border-collapse:collapse;font-size:15px}
.pitch th,.pitch td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}
.pitch td:first-child,.pitch th:first-child{white-space:nowrap}
.pitch th{font-family:var(--display);font-size:14px;background:var(--ground)}
.pitch tbody tr:last-child td{border-bottom:0}
.pitch .num{text-align:right;font-variant-numeric:tabular-nums}
.pitch td:first-child{font-weight:600}
.pitch figure{margin:20px 0 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}
.pitch img{width:100%;height:auto;display:block}
.pitch figcaption{font-size:14px;color:var(--mute)}
@media (max-width:860px){.pitch .grid{grid-template-columns:1fr}}

.tentang{background:var(--ink);color:var(--paper)}
.tentang .head p{color:var(--line)}
.tentang .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.tentang dl{margin:0;display:grid;gap:16px}
.tentang dt{font-family:var(--display);font-size:18px}
.tentang dd{margin:4px 0 0;color:var(--line)}
.tentang .rail{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tentang .rail li{border-top:1px solid var(--mute);padding-top:10px}
.tentang .rail b{display:block;font-family:var(--display);font-size:30px;line-height:1.1}
.tentang .rail span{display:block;font-size:14px;color:var(--line);margin-top:4px}
@media (max-width:760px){.tentang .grid{grid-template-columns:1fr;gap:16px}}

.pesan ol{list-style:none;margin:0;padding:0;counter-reset:n;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pesan li{counter-increment:n;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.pesan li::before{content:counter(n);font-family:var(--display);font-size:30px;font-weight:700;display:block;margin-bottom:6px;color:var(--cta)}
.pesan li strong{display:block;font-size:18px;margin-bottom:6px}
.pesan li span{color:var(--mute);font-size:15px}
@media (max-width:760px){.pesan ol{grid-template-columns:1fr}}

.faq dl{margin:0;max-width:760px}
.faq dt{font-family:var(--display);font-size:19px;line-height:1.3;padding:18px 0 6px;border-top:1px solid var(--ink)}
.faq dd{margin:0;padding:0 0 18px;color:var(--mute)}

.kirim{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kirim .grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.kirim form{display:grid;gap:14px;background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.kirim .dua{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kirim label,.kirim .field{display:grid;gap:6px;font-weight:600;font-size:15px}
.kirim input,.kirim select,.kirim textarea{font-family:inherit;font-size:16px;line-height:1.5;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);width:100%}
.kirim textarea{resize:vertical}
.kirim .status{font-size:14px;color:var(--mute);max-width:52ch}
@media (max-width:760px){.kirim .grid{grid-template-columns:1fr}.kirim .dua{grid-template-columns:1fr}}

.lokasi .grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lokasi table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.lokasi th{font-family:var(--display);font-size:18px;text-align:left;padding:16px 16px 8px}
.lokasi td{padding:10px 16px;border-top:1px solid var(--line)}
.lokasi td:first-child{color:var(--mute);width:34%}
@media (max-width:760px){.lokasi .grid{grid-template-columns:1fr}.lokasi td{display:block}.lokasi td:first-child{width:auto;padding-bottom:0;font-size:14px}.lokasi td:last-child{padding-top:2px;border-top:0}}

.akhir{background:var(--paper);border-top:1px solid var(--line);padding-block:80px}
.akhir h2{max-width:22ch}
.akhir .lead{max-width:46ch;margin-top:12px}
.akhir .actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.akhir .cap{margin:0}

footer{background:var(--ink);color:var(--line);padding:40px 20px;font-size:15px}
footer .shell{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px}
footer .brand{color:var(--paper)}
footer p{margin-top:10px}
footer strong{color:var(--paper)}
footer ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
footer a{color:var(--paper)}
@media (max-width:760px){footer .shell{grid-template-columns:1fr}}

@media (width >= 861px){h1{font-size:52px}h2{font-size:36px}section{padding-block:80px}.hero{padding-top:80px;padding-bottom:80px}.akhir{padding-block:112px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@font-face{font-family:'Geologica';font-style:normal;font-weight:700;font-display:swap;src:url(https://pusatindustri.com/wp-content/uploads/2026/09/font-geologica-eiuFp0lH6n-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Geologica';font-style:normal;font-weight:700;font-display:swap;src:url(https://pusatindustri.com/wp-content/uploads/2026/09/font-geologica-AFeiuFp0lA-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 600;font-display:swap;src:url(https://pusatindustri.com/wp-content/uploads/2026/09/font-golos-text-hK5SAMqbpw-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 600;font-display:swap;src:url(https://pusatindustri.com/wp-content/uploads/2026/09/font-golos-text-xN8hK5SAMo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Jumping to a section from the menu used to teleport. Smooth is the whole
   difference between "the page moved" and "I moved down the page", and
   scroll-padding keeps the heading clear of the sticky header instead of
   landing underneath it. Anyone who has asked their system for less motion
   gets the jump back, because for some people the glide is what hurts. */
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* A grid or flex track takes its minimum from its content, so one wide table
   stretches its column past the screen and the page goes with it. A scroll
   container contributes nothing, which is why this one line is the fix.
   It was scoped to .entry-content, and the front page is not inside that. */
.table-scroll{overflow-x:auto;max-width:100%;min-width:0}
img,video,iframe,table,pre{max-width:100%}

/* A grid or flex child's automatic minimum is its own min-content, so one
   table asking for 560px made its whole column 560px wide inside a 362px
   phone, and jualchain.com clipped its sentences with no way to scroll to
   the rest. Letting these shrink is what lets the table scroll in its own
   box instead. Measured live: 576px wide became 390px. */
section, article, aside, figure, .table-scroll { min-width: 0; }

/* ---- Content written in the editor -------------------------------------- */
/* The design styles the elements it happens to contain. An article arrives as
   plain h2, p, ul, blockquote and table, so those are given the same scale
   here, scoped so they can never reach the front page's own markup. */

.site-main--content { padding: clamp(40px, 6vw, 88px) 0 clamp(56px, 8vw, 112px); }
.entry-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.entry-header { margin-bottom: clamp(28px, 4vw, 48px); }
.entry-title {
  font-family: var(--display);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.05;
  margin: 0 0 12px;
  color: #0f172a;
  max-width: 20ch;
}
.entry-meta { color: #5b5b55; font-size: 'Golos Text',sans-serif; margin: 0; }

.entry-content { max-width: 68ch; color: #0f172a; font-size: 'Golos Text',sans-serif; line-height: 1.7; }
.entry-content > * + * { margin-top: 1.15em; }
.entry-content h2, .entry-content h3, .entry-content h4 {
  font-family: var(--display);
  color: #0f172a;
  line-height: 1.15;
  margin-top: 1.8em;
  margin-bottom: .5em;
}
.entry-content h2 { font-size: 26px; }
.entry-content h3 { font-size: calc('Golos Text',sans-serif * 1.28); }
.entry-content h4 { font-size: calc('Golos Text',sans-serif * 1.1); }
.entry-content p { margin: 0; color: #0f172a; font-size: 'Golos Text',sans-serif; }
.entry-content a { color: #0f172a; text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { text-decoration-thickness: 2px; }
.entry-content strong { font-weight: 600; }
.entry-content ul, .entry-content ol { margin: 0; padding-left: 1.35em; }
.entry-content li + li { margin-top: .45em; }
.entry-content ul { list-style: none; padding-left: 1.6em; }
.entry-content ul > li { position: relative; }
.entry-content ul > li::before {
  content: ""; position: absolute; left: -1.6em; top: .62em;
  width: 8px; height: 8px; background: #0e7c86;
}
.entry-content blockquote {
  margin: 1.6em 0; padding: 18px 22px;
  background: #ffffff; border-radius: 4px;
  font-size: calc('Golos Text',sans-serif * 1.06);
}
.entry-content blockquote p { margin: 0; }
.entry-content img, .entry-content figure { max-width: 100%; height: auto; border-radius: 4px; }
.entry-content figure { margin: 1.8em 0; }
.entry-content figcaption { color: #5b5b55; font-size: calc('Golos Text',sans-serif * .88); margin-top: 8px; }
.entry-content code {
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: .92em; background: #ffffff; padding: 2px 5px; border-radius: 3px;
}
.entry-content pre { background: #ffffff; padding: 16px 18px; border-radius: 4px; overflow-x: auto; }
.entry-content pre code { background: none; padding: 0; }
.entry-content hr { border: 0; border-top: 1px solid #cfd6df; margin: 2.4em 0; }
/* a wide table scrolls inside its own box; the page never scrolls sideways */
.entry-content .table-scroll { overflow-x: auto; }
.entry-content table { width: 100%; border-collapse: collapse; font-size: calc('Golos Text',sans-serif * .96); }
.entry-content th, .entry-content td {
  text-align: left; padding: 11px 14px; border-bottom: 1px solid #cfd6df; vertical-align: top;
}
.entry-content th { font-weight: 600; }

.entry-list { display: grid; gap: clamp(20px, 3vw, 34px); max-width: 68ch; }
.entry-card { padding-bottom: clamp(20px, 3vw, 34px); border-bottom: 1px solid #cfd6df; }
.entry-card:last-child { border-bottom: 0; }
.entry-card h2 { font-family: var(--display); font-size: 26px; line-height: 1.15; margin: 0 0 8px; }
.entry-card h2 a { color: #0f172a; text-decoration: none; }
.entry-card h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.entry-card p { margin: 0; color: #5b5b55; }

.entry-nav { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 40px; }
.entry-nav a { color: #0f172a; }
.entry-empty { color: #5b5b55; max-width: 60ch; }

.skip-link {
  position: absolute; left: -9999px; top: 0; background: #0f172a; color: #ffffff;
  padding: 10px 16px; z-index: 100;
}
.skip-link:focus { left: 8px; top: 8px; }