
body.pelangi-shell #wpadminbar { display:none !important; }
html:has(body.pelangi-shell) { margin-top:0 !important; }
body.pelangi-shell { margin:0 !important; padding:0 !important; background:#0F1113 !important; overflow-x:hidden; }
body.pelangi-shell .wp-site-blocks, body.pelangi-shell .entry-content, body.pelangi-shell main { padding:0 !important; margin:0 !important; max-width:none !important; }
body.pelangi-shell .wp-block-post-content > * { max-width:none !important; margin:0 !important; }
.pb { --bg:#0F1113; --bg2:#16191C; --bg3:#1D2125; --bone:#ECE6D9; --bone2:#CFC8B9; --steel:#8B9097; --line:rgba(236,230,217,.12); --hot:#E0872B;
  --r:#C8412F; --o:#E0872B; --y:#E3C046; --g:#3F9160; --b:#2F6FA8; --v:#6B4B9A;
  --livery:linear-gradient(90deg,var(--r) 0 16.66%,var(--o) 0 33.33%,var(--y) 0 50%,var(--g) 0 66.66%,var(--b) 0 83.33%,var(--v) 0);
  font-family:'Archivo',system-ui,sans-serif; font-stretch:100%; color:var(--bone); background:var(--bg); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:clip; }
.pb *, .pb *::before, .pb *::after { box-sizing:border-box; }
.pb a { color:inherit; text-decoration:none; }
.pb img { display:block; max-width:100%; }
.pb p { margin:0; }
.pb h1, .pb h2, .pb h3, .pb .pb-slogan { margin:0; font-family:'Archivo',sans-serif; font-stretch:125%; font-weight:800; text-transform:uppercase; line-height:.95; letter-spacing:-.01em; color:var(--bone); }
.pb-wrap { max-width:1280px; margin:0 auto; padding:0 36px; }
.pb-mono { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--steel); }
.pb-tag { display:inline-flex; align-items:center; gap:12px; }
.pb-tag::before { content:""; width:36px; height:6px; background:var(--livery); }
.pb-livery { height:10px; background:var(--livery); }
.pb-btn { display:inline-flex; align-items:center; gap:12px; padding:17px 28px; font-stretch:112%; font-weight:700; font-size:14px; letter-spacing:.06em; text-transform:uppercase; clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%); transition:background .2s, color .2s, transform .2s; }
.pb-btn:hover { transform:translateY(-2px); }
.pb-btn-hot { background:var(--bone); color:var(--bg) !important; }
.pb-btn-hot:hover { background:var(--y); }
.pb-btn-ghost { background:rgba(236,230,217,.08); color:var(--bone) !important; box-shadow:inset 0 0 0 1px rgba(236,230,217,.35); }
.pb-btn-ghost:hover { background:rgba(236,230,217,.18); }
/* NAV */
.pb-nav { position:sticky; top:0; z-index:50; background:rgba(15,17,19,.86); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.pb-nav .pb-wrap { display:flex; align-items:center; justify-content:space-between; height:72px; gap:24px; }
.pb-brand { display:flex; align-items:center; gap:14px; }
.pb-brand img { width:67px; height:44px; display:block; flex:none; }
.pb-brand b { display:block; white-space:nowrap; font-stretch:125%; font-weight:900; font-size:17px; letter-spacing:.02em; text-transform:uppercase; }
.pb-brand small { display:block; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.14em; color:var(--steel); margin-top:1px; }
.pb-links { display:flex; gap:32px; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--bone2); }
.pb-links a:hover { color:var(--y); }
.pb-nav .pb-btn { padding:12px 22px; font-size:12px; white-space:nowrap; }
/* HERO */
.pb-hero { position:relative; min-height:calc(100vh - 72px); min-height:calc(100svh - 72px); display:flex; flex-direction:column; justify-content:flex-end; background:#0a0b0c url('https://pelangiauto.com.my/wp-content/uploads/2026/09/pelangi-hero.jpg') 70% 40%/cover no-repeat; overflow:hidden; }
.pb-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(15,17,19,.94) 0%,rgba(15,17,19,.7) 45%,rgba(15,17,19,.15) 100%),linear-gradient(0deg,rgba(15,17,19,1) 0%,rgba(15,17,19,0) 40%); }
.pb-hero .stripes { position:absolute; right:-10%; top:-2%; width:50%; height:100px; background:var(--livery); transform:rotate(-14deg); opacity:.92; box-shadow:0 20px 60px rgba(0,0,0,.4); }
.pb-hero .stripes::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(0,0,0,.12) 22px 24px); }
.pb-hero > .pb-wrap { position:relative; z-index:1; width:100%; padding-top:120px; padding-bottom:0; }
.pb-hero h1.pb-tag { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; font-weight:400; font-stretch:100%; letter-spacing:.08em; line-height:1.4; color:var(--steel); }
.pb-hero .pb-slogan { font-size:clamp(52px,9.2vw,148px); margin:26px 0 30px; }
.pb-hero .pb-slogan span { display:block; color:transparent; -webkit-text-stroke:1.5px var(--bone); }
.pb-hero .lead { max-width:520px; font-size:18px; color:var(--bone2); }
.pb-hero .ctas { display:flex; gap:14px; flex-wrap:wrap; margin-top:36px; }
.pb-spec { position:relative; z-index:1; margin-top:80px; border-top:1px solid var(--line); background:rgba(15,17,19,.7); }
.pb-spec .pb-wrap { display:grid; grid-template-columns:repeat(4,1fr); padding-top:0; }
.pb-spec div > div { padding:24px 24px 24px 0; border-right:1px solid var(--line); }
.pb-spec div > div:last-child { border-right:none; }
.pb-spec div > div + div { padding-left:24px; }
.pb-spec b { display:block; font-stretch:112%; font-weight:700; font-size:16px; text-transform:uppercase; letter-spacing:.02em; margin-top:6px; }
/* TICKER */
.pb-ticker { background:var(--bone); color:var(--bg); overflow:hidden; white-space:nowrap; border-block:1px solid var(--bone); }
.pb-ticker .track { display:inline-flex; animation:pbtick 40s linear infinite; }
.pb-ticker span { font-stretch:125%; font-weight:800; font-size:22px; text-transform:uppercase; padding:16px 0; display:inline-flex; align-items:center; }
.pb-ticker span::after { content:""; width:28px; height:8px; margin:0 28px; background:var(--livery); transform:skewX(-20deg); }
@keyframes pbtick { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .pb-ticker .track { animation:none; } }
/* SECTION HEAD */
.pb-sec { padding:130px 0; }
.pb-head { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:end; margin-bottom:64px; }
.pb-head h2 { font-size:clamp(40px,5.6vw,84px); margin-top:22px; }
.pb-head p { color:var(--bone2); max-width:460px; font-size:17px; }
/* SERVICES TABLE */
.pb-table { border-top:1px solid var(--bone); }
.pb-row { position:relative; display:grid; grid-template-columns:110px 1.05fr 1.4fr 150px; gap:32px; align-items:center; padding:30px 0; border-bottom:1px solid var(--line); transition:background .25s, padding .25s; }
.pb-row::before { content:""; position:absolute; left:0; top:-1px; bottom:-1px; width:0; background:var(--livery); transition:width .3s ease; }
.pb-row:hover { background:var(--bg2); padding-left:22px; }
.pb-row:hover::before { width:6px; }
.pb-row h3 { font-size:clamp(22px,2.2vw,30px); line-height:1; }
.pb-row p { color:var(--bone2); font-size:15px; }
.pb-row .go { justify-self:end; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.1em; color:var(--steel); text-transform:uppercase; transition:color .2s; padding-right:12px; }
.pb-row:hover .go { color:var(--y); }
/* DIAG SPLIT */
.pb-diag { background:var(--bg2); border-block:1px solid var(--line); }
.pb-diag .pb-wrap { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; }
.pb-hud { position:relative; aspect-ratio:4/3; }
.pb-hud img { width:100%; height:100%; object-fit:cover; filter:grayscale(.35) contrast(1.05); clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%); }
.pb-hud .c { position:absolute; width:34px; height:34px; border:2px solid var(--y); }
.pb-hud .c1 { top:-12px; left:-12px; border-right:none; border-bottom:none; }
.pb-hud .c2 { top:-12px; right:-12px; border-left:none; border-bottom:none; }
.pb-hud .c3 { bottom:-12px; left:-12px; border-right:none; border-top:none; }
.pb-hud .readout { position:absolute; left:20px; bottom:20px; background:rgba(15,17,19,.88); padding:14px 18px; border-left:4px solid var(--g); font-family:'JetBrains Mono',monospace; font-size:12px; line-height:1.7; color:var(--bone2); }
.pb-hud .readout b { color:var(--bone); font-weight:500; }
.pb-diag h2 { font-size:clamp(38px,4.6vw,68px); margin:22px 0 24px; }
.pb-diag p.lead { color:var(--bone2); font-size:17px; }
.pb-checks { list-style:none; margin:34px 0 0; padding:0; }
.pb-checks li { display:flex; gap:16px; padding:16px 0; border-top:1px solid var(--line); font-size:16px; }
.pb-checks li::before { content:"✓"; flex:none; width:24px; height:24px; display:grid; place-items:center; background:var(--g); color:#fff; font-size:13px; font-weight:700; }
/* JOB CARD */
.pb-job { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.pb-job .intro h2 { font-size:clamp(40px,5vw,76px); margin:22px 0 24px; }
.pb-job .intro p { color:var(--bone2); font-size:17px; max-width:420px; }
.pb-card { background:var(--bone); color:#1B1E21; padding:40px 44px 36px; position:relative; box-shadow:0 40px 80px -30px rgba(0,0,0,.7); transform:rotate(-1.2deg); }
.pb-card::before { content:""; position:absolute; top:0; left:0; right:0; height:10px; background:var(--livery); }
.pb-card .top { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom:18px; border-bottom:2px solid #1B1E21; }
.pb-card .top b { font-stretch:125%; font-weight:900; font-size:26px; text-transform:uppercase; line-height:1; }
.pb-card .top .pb-mono { color:#5B5E62; text-align:right; line-height:1.6; }
.pb-card ol { list-style:none; margin:0; padding:0; counter-reset:j; }
.pb-card li { counter-increment:j; display:grid; grid-template-columns:44px 1fr 30px; gap:18px; align-items:start; padding:20px 0; border-bottom:1px dashed #A9A395; }
.pb-card li::before { content:"0" counter(j); font-family:'JetBrains Mono',monospace; font-size:13px; color:#5B5E62; padding-top:4px; }
.pb-card li h3 { font-size:21px; color:#1B1E21; margin-bottom:5px; }
.pb-card li p { font-size:14px; color:#44474B; }
.pb-card li i { width:26px; height:26px; border:2px solid #1B1E21; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:15px; }
.pb-card li:nth-child(-n+3) i::after { content:"✓"; color:var(--r); }
.pb-card .sign { display:flex; justify-content:space-between; margin-top:26px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#5B5E62; }
.pb-card .sign span { border-top:1px solid #1B1E21; padding-top:8px; width:44%; }
/* GALLERY */
.pb-gal { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:14px; height:520px; }
.pb-gal figure { margin:0; position:relative; overflow:hidden; background:#222; clip-path:polygon(8% 0,100% 0,92% 100%,0 100%); }
.pb-gal figure:first-child { clip-path:polygon(0 0,100% 0,92% 100%,0 100%); }
.pb-gal figure:last-child { clip-path:polygon(8% 0,100% 0,100% 100%,0 100%); }
.pb-gal img { width:100%; height:100%; object-fit:cover; object-position:center 75%; transition:transform .8s ease; }
.pb-gal figure:hover img { transform:scale(1.05); }
.pb-gal figcaption { position:absolute; left:14%; bottom:22px; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.1em; text-transform:uppercase; background:rgba(15,17,19,.85); padding:8px 12px; }
.pb-gal figure:first-child figcaption { left:22px; }
/* MAKES */
.pb-makes { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.pb-makes div { border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:26px 20px; min-height:112px; display:flex; flex-direction:column; justify-content:space-between; transition:background .2s; }
.pb-makes div:hover { background:var(--bg3); }
.pb-makes b { font-stretch:118%; font-weight:700; font-size:17px; text-transform:uppercase; letter-spacing:.01em; }
.pb-makes small { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--steel); letter-spacing:.1em; }
.pb-note { margin-top:24px; color:var(--steel); font-size:15px; }
/* FAQ */
.pb-faq { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.pb-faq h2 { font-size:clamp(40px,5vw,76px); margin-top:22px; }
.pb-faq details { border-top:1px solid var(--line); }
.pb-faq details:last-child { border-bottom:1px solid var(--line); }
.pb-faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:26px 0; font-stretch:110%; font-weight:600; font-size:20px; }
.pb-faq summary::-webkit-details-marker { display:none; }
.pb-faq summary::after { content:"+"; flex:none; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); font-weight:400; font-size:20px; transition:transform .25s, background .25s; }
.pb-faq details[open] summary::after { transform:rotate(45deg); background:var(--bone); color:var(--bg); }
.pb-faq details p { padding:0 60px 26px 0; color:var(--bone2); }
/* VISIT */
.pb-visit { background:var(--bone); color:#1B1E21; position:relative; overflow:hidden; }
.pb-visit .band { position:absolute; left:-10%; right:-10%; top:70px; height:64px; background:var(--livery); transform:rotate(-3deg); }
.pb-visit .pb-wrap { position:relative; padding-top:200px; padding-bottom:110px; display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:end; }
.pb-visit h2 { color:#1B1E21; font-size:clamp(48px,7.4vw,118px); }
.pb-visit .lead { margin-top:26px; font-size:18px; color:#3A3D41; max-width:520px; }
.pb-visit .ctas { margin-top:34px; display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.pb-visit .pb-btn-hot { background:#1B1E21; color:var(--bone) !important; }
.pb-visit .pb-btn-hot:hover { background:#000; }
.pb-visit .lang { font-family:'JetBrains Mono',monospace; font-size:12px; color:#5B5E62; letter-spacing:.04em; }
.pb-info div { display:grid; grid-template-columns:120px 1fr; gap:20px; padding:18px 0; border-top:1.5px solid #1B1E21; }
.pb-info div:last-child { border-bottom:1.5px solid #1B1E21; }
.pb-info span { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#5B5E62; padding-top:3px; }
.pb-info p { font-size:17px; font-weight:500; }
.pb-info a:hover { text-decoration:underline; text-underline-offset:4px; }
.pb-foot { background:var(--bg); }
.pb-foot .pb-wrap { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding-top:30px; padding-bottom:30px; }
.pb-foot b { font-stretch:125%; font-weight:900; font-size:18px; text-transform:uppercase; }
/* FLOAT */
.pb-float { position:fixed; right:18px; bottom:18px; z-index:60; width:58px; height:58px; border-radius:50%; background:#25D366; display:none; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(0,0,0,.45); }
.pb-float svg { width:28px; height:28px; fill:#fff; }
.pb-local { display:grid; grid-template-columns:1fr 1fr; gap:48px 80px; }
.pb-local h3 { font-size:22px; line-height:1.15; letter-spacing:0; margin-bottom:14px; }
.pb-local p { color:var(--bone2); font-size:17px; }
@media (max-width: 1240px) { .pb-brand b { font-size:15px; } }
@media (max-width: 1280px) {
  .pb-nav .pb-wrap { flex-wrap:wrap; height:auto; gap:0 24px; padding-top:10px; padding-bottom:0; }
  .pb-links { order:3; width:100%; gap:24px; overflow-x:auto; white-space:nowrap; padding:12px 0; scrollbar-width:none; }
  .pb-links::-webkit-scrollbar { display:none; }
  .pb [id] { scroll-margin-top:120px; }
}
@media (max-width: 1080px) {
  .pb-local { grid-template-columns:1fr; gap:36px; }
  .pb-head, .pb-diag .pb-wrap, .pb-job, .pb-faq, .pb-visit .pb-wrap { grid-template-columns:1fr; gap:48px; }
  .pb-row { grid-template-columns:90px 1fr 1.2fr; }
  .pb-row .go { display:none; }
  .pb-makes { grid-template-columns:repeat(3,1fr); }
  .pb-spec .pb-wrap { grid-template-columns:1fr 1fr; }
  .pb-spec div > div:nth-child(2) { border-right:none; }
  .pb-spec div > div:nth-child(3) { padding-left:0; }
  .pb-spec div > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .pb-card { transform:none; }
}
@media (max-width: 680px) {
  .pb-wrap { padding:0 20px; }
  .pb-nav .pb-btn { display:none; }
  .pb-foot .pb-mono { display:block; padding-right:72px; }
  .pb-links a:nth-child(2), .pb-links a:nth-child(3) { display:none; }
  .pb-brand { gap:10px; }
  .pb-brand img { width:55px; height:36px; }
  .pb-brand b { font-size:clamp(9.5px, 3vw, 13px); }
  .pb-brand small { font-size:9px; letter-spacing:.06em; }
  .pb-float { display:flex; }
  .pb-hero { min-height:auto; }
  .pb-hero > .pb-wrap { padding-top:130px; }
  .pb-hero .stripes { width:90%; right:-32%; top:14px; height:52px; }
  .pb-hero .pb-slogan { font-size:clamp(40px,13vw,64px); }
  .pb-hero .pb-slogan span { -webkit-text-stroke:1px var(--bone); }
  .pb-hero .lead { font-size:16px; }
  .pb-hero .ctas .pb-btn { flex:1 1 auto; justify-content:center; }
  .pb-spec { margin-top:56px; }
  .pb-spec div > div { padding:18px 12px 18px 0 !important; }
  .pb-spec div > div:nth-child(even) { padding-left:14px !important; }
  .pb-spec b { font-size:14px; }
  .pb-ticker span { font-size:17px; padding:12px 0; }
  .pb-sec { padding:84px 0; }
  .pb-head { margin-bottom:40px; gap:20px; }
  .pb-row { grid-template-columns:1fr; gap:8px; padding:24px 0; }
  .pb-row:hover { padding-left:16px; }
  .pb-hud .readout { left:10px; bottom:10px; font-size:11px; }
  .pb-card { padding:34px 22px 28px; }
  .pb-card li { grid-template-columns:34px 1fr 26px; gap:12px; }
  .pb-card .top b { font-size:20px; }
  .pb-gal { grid-template-columns:1fr; height:auto; }
  .pb-gal figure, .pb-gal figure:first-child, .pb-gal figure:last-child { height:240px; clip-path:polygon(0 0,100% 0,100% 86%,90% 100%,0 100%); }
  .pb-gal figcaption, .pb-gal figure:first-child figcaption { left:14px; bottom:18px; }
  .pb-makes { grid-template-columns:1fr 1fr; }
  .pb-makes div { min-height:88px; padding:18px 14px; }
  .pb-makes b { font-size:14px; }
  .pb-faq summary { font-size:17px; }
  .pb-faq details p { padding-right:0; }
  .pb-visit .band { top:40px; height:40px; }
  .pb-visit .pb-wrap { padding-top:130px; padding-bottom:80px; }
  .pb-info div { grid-template-columns:1fr; gap:4px; }
}

.pb-subhero { position:relative; background:#0a0b0c; border-bottom:1px solid var(--line); overflow:hidden; }
.pb-subhero .stripes { position:absolute; right:-10%; top:-2%; width:44%; height:80px; background:var(--livery); transform:rotate(-14deg); opacity:.92; }
.pb-subhero .pb-wrap { position:relative; padding-top:90px; padding-bottom:70px; }
.pb-subhero h1.pb-tag { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; font-weight:400; font-stretch:100%; letter-spacing:.08em; line-height:1.4; color:var(--steel); }
.pb-subhero .pb-slogan { font-size:clamp(40px,7vw,104px); margin:24px 0 26px; }
.pb-subhero .pb-slogan span { display:block; color:transparent; -webkit-text-stroke:1.5px var(--bone); }
.pb-subhero .lead { max-width:620px; font-size:18px; color:var(--bone2); }
.pb-subhero .ctas { margin-top:30px; display:flex; flex-wrap:wrap; gap:14px; }
.pb-crumb { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.04em; color:var(--steel); margin-bottom:34px; }
.pb-crumb a:hover { color:var(--y); }
.pb-prose { max-width:780px; }
.pb-prose section { margin-bottom:64px; }
.pb-prose h2 { font-size:clamp(28px,3.6vw,46px); line-height:1.05; margin-bottom:24px; }
.pb-prose p { color:var(--bone2); font-size:17px; line-height:1.7; margin:0 0 18px; }
.pb-prose ul { margin:0 0 18px; padding:0; list-style:none; }
.pb-prose li { position:relative; padding:0 0 10px 26px; color:var(--bone2); font-size:17px; line-height:1.6; }
.pb-prose li::before { content:""; position:absolute; left:0; top:.65em; width:14px; height:4px; background:var(--livery); }
.pb-prose strong { color:var(--bone); }
.pb-prose a { color:var(--bone); text-decoration:underline; text-underline-offset:4px; }
.pb-prose a:hover { color:var(--y); }
.pb-prose figure { margin:0 0 64px; }
.pb-prose figure img { width:100%; aspect-ratio:16/9; object-fit:cover; height:auto; display:block; }
.pb-related { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:12px; }
.pb-related a { display:block; padding:22px; border:1px solid var(--line); font-weight:700; color:var(--bone); }
.pb-related a:hover { background:var(--bg3); color:var(--y); }
@media (max-width: 1080px) { .pb-related { grid-template-columns:1fr 1fr; } }
@media (max-width: 680px) { .pb-subhero .pb-wrap { padding-top:90px; padding-bottom:50px; } .pb-subhero .pb-slogan span { -webkit-text-stroke:1px var(--bone); } .pb-related { grid-template-columns:1fr; } }

.pb h1.pb-post-title { font-size:clamp(34px,5.4vw,72px); line-height:1; margin:0 0 22px; }
.pb .pb-post-title, .pb-blog-title { line-height:1; }
.pb-meta { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.06em; color:var(--steel); text-transform:uppercase; }
.pb-prose h3 { font-size:22px; line-height:1.15; letter-spacing:0; margin:30px 0 14px; }
.pb-prose .wp-block-image { margin:0 0 30px; }
.pb-prose > img.wp-post-image, .pb-prose .wp-block-image img { width:100%; aspect-ratio:16/9; object-fit:cover; height:auto; display:block; margin:0 0 30px; }
.pb-prose .wp-block-image img { margin:0; }
.pb-cta { margin-top:20px; padding:30px; background:var(--bg3); border-left:4px solid var(--y); }
.pb-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.pb-card-post { display:flex; flex-direction:column; border:1px solid var(--line); }
.pb-card-post:hover { background:var(--bg3); }
.pb-card-post img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }
.pb-card-post div { padding:24px; }
.pb-card-post h2 { font-size:22px; line-height:1.15; letter-spacing:0; margin:12px 0; }
.pb-card-post p { color:var(--bone2); font-size:16px; margin:0; }
.pb-pager { margin-top:40px; display:flex; gap:20px; font-family:'JetBrains Mono',monospace; font-size:13px; }
@media (max-width: 1080px) { .pb-cards { grid-template-columns:1fr 1fr; } }
@media (max-width: 680px) { .pb-cards { grid-template-columns:1fr; } }
