@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500&family=Black+Ops+One&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

:root {
  --white: #ffffff;
  --off: #f7f6f2;
  --ink: #0d0d0d;
  --muted: #777770;
  --lime: #c8ff00;
  --pink: #ff3cac;
  --sky: #00d4ff;
  --orange: #ff6b00;
  --purple: #7b2fff;
  --yellow: #ffe600;
  --green: #00e676;
  --border: #e0dfd8;
  --font-black: 'Black Ops One', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-heavy: 'Archivo Black', sans-serif;
}

body {
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-body);
  overflow-x: hidden;
  cursor: none;
}

/* ── CURSOR ── */
#pp-cursor { position:fixed; width:12px; height:12px; background:var(--ink); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:width .15s,height .15s,background .15s; }
#pp-cursor.h { width:8px; height:8px; background:var(--pink); }
#pp-cursor-ring { position:fixed; width:40px; height:40px; border:2px solid var(--ink); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .3s,height .3s,border-color .3s; }
#pp-cursor-ring.h { width:56px; height:56px; border-color:var(--pink); }

/* ── NAV ── */
#masthead {
  position: fixed; top:0; left:0; right:0; z-index:200;
  background: var(--white);
  border-bottom: 2px solid var(--ink);
  display: flex; align-items:center; justify-content:space-between;
  padding: 0 2.5rem; height: 64px;
}
.site-branding { display:flex; align-items:center; gap:10px; text-decoration:none; }
.logo-px { display:grid; grid-template-columns:repeat(3,8px); gap:3px; }
.logo-px span { display:block; width:8px; height:8px; }
.logo-px span:nth-child(1){ background:var(--lime); }
.logo-px span:nth-child(2){ background:var(--pink); }
.logo-px span:nth-child(3){ background:var(--sky); }
.logo-px span:nth-child(4){ background:var(--sky); }
.logo-px span:nth-child(5){ background:var(--lime); }
.logo-px span:nth-child(6){ background:var(--orange); }
.logo-px span:nth-child(7){ background:var(--pink); }
.logo-px span:nth-child(8){ background:var(--orange); }
.logo-px span:nth-child(9){ background:var(--lime); }
.site-title { font-family:var(--font-black); font-size:1.1rem; letter-spacing:0.04em; color:var(--ink); text-decoration:none; }
.site-title span { color:var(--pink); }

#primary-navigation ul { display:flex; gap:2rem; list-style:none; }
#primary-navigation a { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
#primary-navigation a:hover,
#primary-navigation .current-menu-item a { color:var(--ink); }

.nav-subscribe-btn { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; background:var(--ink); color:var(--white); border:none; padding:0.5rem 1.2rem; cursor:none; transition:background .2s,transform .2s; text-decoration:none; display:inline-block; }
.nav-subscribe-btn:hover { background:var(--pink); transform:translateY(-2px); color:var(--white); }

/* ── TICKER ── */
.pp-ticker { background:var(--ink); color:var(--white); overflow:hidden; padding:0.7rem 0; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); }
.pp-ticker-inner { display:flex; gap:0; white-space:nowrap; animation:ppTick 30s linear infinite; }
.pp-tick-item { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; padding:0 2rem; display:flex; align-items:center; gap:0.75rem; flex-shrink:0; }
.pp-tick-dot { width:5px; height:5px; border-radius:50%; flex-shrink:0; display:inline-block; }
@keyframes ppTick { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ── HERO ── */
.pp-hero {
  min-height: 100vh;
  background: var(--white);
  display:flex; flex-direction:column;
  justify-content:center; align-items:flex-start;
  padding: 7rem 2.5rem 4rem;
  position:relative; overflow:hidden;
}
.pp-blob { position:absolute; border-radius:50%; pointer-events:none; animation:ppBlobFloat 8s ease-in-out infinite; }
.pp-blob-1 { width:180px; height:180px; background:var(--lime); top:8%; right:8%; }
.pp-blob-2 { width:120px; height:120px; background:var(--pink); top:22%; right:22%; animation-delay:1.5s; border-radius:30% 70% 70% 30%/30% 30% 70% 70%; }
.pp-blob-3 { width:90px; height:90px; background:var(--sky); bottom:18%; right:12%; animation-delay:3s; }
.pp-blob-4 { width:60px; height:60px; background:var(--orange); bottom:30%; right:30%; animation-delay:2s; border-radius:20% 80% 50% 50%/40% 40% 60% 60%; }
.pp-blob-5 { width:200px; height:200px; background:var(--yellow); opacity:0.5; bottom:5%; left:5%; animation-delay:1s; border-radius:60% 40% 30% 70%/60% 30% 70% 40%; }
@keyframes ppBlobFloat { 0%,100%{transform:translateY(0) rotate(0deg)} 33%{transform:translateY(-18px) rotate(5deg)} 66%{transform:translateY(10px) rotate(-3deg)} }

.pp-hero-tag { font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.2em; text-transform:uppercase; background:var(--lime); color:var(--ink); padding:0.3rem 0.8rem; display:inline-block; margin-bottom:2rem; }
.pp-hero-h1 { font-family:var(--font-black); font-size:clamp(4.5rem,12vw,11rem); line-height:0.9; color:var(--ink); margin-bottom:0.5rem; position:relative; z-index:2; }
.pp-hero-h1 .stroke { -webkit-text-stroke:3px var(--ink); color:transparent; }
.pp-hero-h1 .fill-pink { color:var(--pink); }
.pp-hero-sub { font-family:var(--font-heavy); font-size:clamp(1.2rem,3vw,2.2rem); color:var(--muted); margin-bottom:2.5rem; position:relative; z-index:2; }
.pp-hero-desc { font-size:1rem; color:var(--muted); line-height:1.7; max-width:480px; margin-bottom:2.5rem; position:relative; z-index:2; }

.pp-hero-btns { display:flex; gap:1rem; flex-wrap:wrap; position:relative; z-index:2; }
.pp-btn-solid { font-family:var(--font-mono); font-size:0.75rem; letter-spacing:0.1em; text-transform:uppercase; background:var(--ink); color:var(--white); padding:0.9rem 2rem; border:2px solid var(--ink); cursor:none; transition:all .2s; text-decoration:none; display:inline-block; }
.pp-btn-solid:hover { background:var(--pink); border-color:var(--pink); transform:translate(-3px,-3px); box-shadow:3px 3px 0 var(--ink); color:var(--white); }
.pp-btn-outline { font-family:var(--font-mono); font-size:0.75rem; letter-spacing:0.1em; text-transform:uppercase; background:transparent; color:var(--ink); padding:0.9rem 2rem; border:2px solid var(--ink); cursor:none; transition:all .2s; text-decoration:none; display:inline-block; }
.pp-btn-outline:hover { background:var(--lime); transform:translate(-3px,-3px); box-shadow:3px 3px 0 var(--ink); }

.pp-hero-counter { position:absolute; right:2.5rem; bottom:4rem; display:flex; flex-direction:column; align-items:flex-end; gap:1rem; z-index:2; }
.pp-counter-num { font-family:var(--font-black); font-size:3rem; line-height:1; }
.pp-counter-label { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); }
.pp-counter-div { width:40px; height:2px; background:var(--border); margin-left:auto; }

/* ── LAYOUT ── */
.pp-wrap { max-width:1320px; margin:0 auto; padding:0 2.5rem; }
.pp-sec { padding:7rem 0; }

/* ── CATEGORY TILES ── */
.pp-cat-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; border:2px solid var(--ink); background:var(--ink); margin-bottom:5rem; }
.pp-cat-tile { background:var(--white); padding:2rem 1.5rem; border-right:2px solid var(--ink); transition:background .2s; cursor:none; text-decoration:none; color:inherit; display:block; position:relative; overflow:hidden; }
.pp-cat-tile:last-child { border-right:none; }
.pp-cat-tile::after { content:''; position:absolute; bottom:0; left:0; right:0; height:0; transition:height .3s; }
.pp-cat-tile:hover::after { height:5px; }
.pp-cat-tile:nth-child(1)::after { background:var(--lime); }
.pp-cat-tile:nth-child(2)::after { background:var(--pink); }
.pp-cat-tile:nth-child(3)::after { background:var(--sky); }
.pp-cat-tile:nth-child(4)::after { background:var(--orange); }
.pp-cat-tile:nth-child(5)::after { background:var(--purple); }
.pp-cat-tile:hover { background:var(--off); }
.pp-cat-num { font-family:var(--font-black); font-size:3rem; color:var(--border); position:absolute; bottom:0.75rem; right:0.75rem; line-height:1; }
.pp-cat-icon { font-size:1.6rem; margin-bottom:0.75rem; display:block; }
.pp-cat-name { font-family:var(--font-heavy); font-size:0.9rem; color:var(--ink); margin-bottom:0.25rem; }
.pp-cat-count { font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }

/* ── SECTION HEADER ── */
.pp-sec-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:2.5rem; padding-bottom:1rem; border-bottom:2px solid var(--ink); }
.pp-sec-eyebrow { font-family:var(--font-mono); font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); margin-bottom:0.4rem; }
.pp-sec-title { font-family:var(--font-black); font-size:clamp(2rem,4vw,3.5rem); line-height:0.92; color:var(--ink); }
.pp-sec-title .stroke2 { -webkit-text-stroke:2.5px var(--ink); color:transparent; }
.pp-sec-more { font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
.pp-sec-more:hover { color:var(--pink); }

/* ── FEATURED POST ── */
.pp-featured { display:grid; grid-template-columns:1fr 1fr; border:2px solid var(--ink); background:var(--ink); gap:2px; margin-bottom:2px; }
.pp-feat-vis { background:var(--off); min-height:380px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.pp-feat-canvas { width:100%; height:100%; position:absolute; top:0; left:0; }
.pp-feat-thumbnail { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; }
.pp-feat-info { background:var(--white); padding:3rem 2.5rem; display:flex; flex-direction:column; justify-content:center; }
.pp-feat-label { display:inline-block; font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.15em; text-transform:uppercase; background:var(--sky); color:var(--ink); padding:0.2rem 0.6rem; margin-bottom:1.25rem; }
.pp-feat-title { font-family:var(--font-black); font-size:2.4rem; line-height:0.95; color:var(--ink); margin-bottom:0.75rem; text-decoration:none; display:block; }
.pp-feat-title:hover { color:var(--pink); }
.pp-feat-excerpt { font-size:0.9rem; color:var(--muted); line-height:1.7; margin-bottom:1.25rem; }
.pp-feat-meta { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); display:flex; gap:1.5rem; margin-top:1.5rem; flex-wrap:wrap; }

/* ── VERDICT BADGE ── */
.pp-verdict { font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.6rem; border:1.5px solid; display:inline-block; margin-bottom:1rem; }
.pp-verdict-must { color:var(--ink); border-color:var(--lime); background:var(--lime); }
.pp-verdict-solid { color:var(--ink); border-color:var(--yellow); background:var(--yellow); }
.pp-verdict-slop { color:var(--white); border-color:var(--ink); background:var(--ink); }

/* ── TAGS ── */
.pp-tags { display:flex; flex-wrap:wrap; gap:0.35rem; margin-bottom:1.25rem; }
.pp-tag { font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.08em; text-transform:uppercase; border:1.5px solid var(--border); padding:0.18rem 0.5rem; color:var(--muted); cursor:none; transition:all .2s; text-decoration:none; }
.pp-tag:hover { border-color:var(--ink); color:var(--ink); }

/* ── POST CARDS GRID ── */
.pp-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--ink); border:2px solid var(--ink); }
.pp-grid2 { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--ink); border:2px solid var(--ink); }

.pp-card { background:var(--white); padding:2rem; transition:background .2s; cursor:none; position:relative; display:flex; flex-direction:column; }
.pp-card:hover { background:var(--off); }
.pp-card.pp-lime:hover { background:#f5ffb8; }
.pp-card.pp-pink:hover { background:#fff0f7; }
.pp-card.pp-sky:hover { background:#eafaff; }
.pp-card.pp-orange:hover { background:#fff4ec; }
.pp-card.pp-purple:hover { background:#f5eeff; }

.pp-card-accent { width:100%; height:4px; margin-bottom:1.5rem; flex-shrink:0; }
.pp-card-emoji { font-size:2rem; margin-bottom:0.75rem; display:block; }
.pp-card-cat { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.15em; text-transform:uppercase; margin-bottom:0.6rem; }
.pp-card-title { font-family:var(--font-heavy); font-size:1.1rem; color:var(--ink); margin-bottom:0.6rem; line-height:1.25; text-decoration:none; display:block; flex:1; }
.pp-card-title:hover { color:var(--pink); }
.pp-card-excerpt { font-size:0.83rem; color:var(--muted); line-height:1.65; margin-bottom:1.25rem; }
.pp-card-foot { display:flex; justify-content:space-between; align-items:center; margin-top:auto; }
.pp-card-date { font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); }

/* ── ALT BG SECTIONS ── */
.pp-bg-off { background:var(--off); border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); }

/* ── GRID BG (AI section) ── */
.pp-grid-bg-wrap { position:relative; }
.pp-grid-bg-wrap::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(0,212,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.06) 1px,transparent 1px); background-size:32px 32px; pointer-events:none; z-index:0; }
.pp-grid-bg-wrap > * { position:relative; z-index:1; }

/* ── STATS ── */
.pp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--ink); border:2px solid var(--ink); margin:5rem 0; }
.pp-stat { background:var(--white); padding:2.5rem 2rem; }
.pp-stat-n { font-family:var(--font-black); font-size:4rem; line-height:1; }
.pp-stat-l { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); margin-top:0.4rem; }

/* ── NEWSLETTER ── */
.pp-newsletter { background:var(--ink); color:var(--white); padding:5rem 2.5rem; display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; position:relative; overflow:hidden; }
.pp-nl-blob1 { position:absolute; width:300px; height:300px; background:var(--lime); top:-80px; right:-80px; border-radius:50%; opacity:0.12; pointer-events:none; }
.pp-nl-blob2 { position:absolute; width:200px; height:200px; background:var(--pink); bottom:-60px; right:40%; border-radius:50%; opacity:0.12; pointer-events:none; }
.pp-nl-title { font-family:var(--font-black); font-size:clamp(3rem,5vw,5rem); line-height:0.9; position:relative; z-index:1; }
.pp-nl-title .hl { color:var(--lime); }
.pp-nl-sub { font-size:0.9rem; color:rgba(255,255,255,0.6); line-height:1.7; margin:1.25rem 0 2rem; position:relative; z-index:1; }
.pp-nl-form { display:flex; gap:0; position:relative; z-index:1; }
.pp-nl-input { flex:1; background:var(--white); color:var(--ink); border:none; padding:0.9rem 1rem; font-family:var(--font-mono); font-size:0.8rem; outline:none; }
.pp-nl-input::placeholder { color:#aaa; }
.pp-nl-btn { font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; background:var(--lime); color:var(--ink); border:none; padding:0.9rem 1.5rem; cursor:none; font-weight:700; transition:background .2s; white-space:nowrap; }
.pp-nl-btn:hover { background:#d4ff1a; }
.pp-nl-art { position:relative; z-index:1; display:grid; grid-template-columns:repeat(16,1fr); gap:4px; }
.pp-nl-px { aspect-ratio:1; border-radius:2px; }
.pp-nl-success { font-family:var(--font-mono); font-size:0.8rem; color:var(--lime); letter-spacing:0.1em; }

/* ── MANIFESTO ── */
.pp-manifesto { padding:7rem 0; }
.pp-manifesto-inner { display:grid; grid-template-columns:1fr 1.6fr; gap:5rem; }
.pp-mani-left { position:sticky; top:100px; }
.pp-mani-tag { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase; background:var(--pink); color:var(--white); padding:0.2rem 0.6rem; display:inline-block; margin-bottom:1rem; }
.pp-mani-title { font-family:var(--font-black); font-size:3rem; line-height:0.9; color:var(--ink); }
.pp-mani-body p { font-size:1.05rem; color:var(--muted); line-height:1.85; margin-bottom:1.5rem; }
.pp-mani-body strong { color:var(--ink); }
.pp-mani-body .hl { background:var(--lime); color:var(--ink); padding:0 0.2em; }

/* ── SINGLE POST ── */
.pp-single-hero { padding:8rem 2.5rem 4rem; background:var(--white); border-bottom:2px solid var(--ink); position:relative; overflow:hidden; }
.pp-single-hero .pp-blob { opacity:0.4; }
.pp-single-kicker { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.pp-single-title { font-family:var(--font-black); font-size:clamp(2.5rem,6vw,6rem); line-height:0.92; color:var(--ink); margin-bottom:1.5rem; max-width:900px; position:relative; z-index:2; }
.pp-single-meta { font-family:var(--font-mono); font-size:0.65rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); display:flex; gap:2rem; flex-wrap:wrap; position:relative; z-index:2; }
.pp-single-thumbnail { width:100%; max-height:500px; object-fit:cover; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); display:block; }

.pp-single-body { max-width:740px; margin:0 auto; padding:5rem 2.5rem; }
.pp-single-body h2 { font-family:var(--font-black); font-size:2rem; color:var(--ink); margin:2.5rem 0 1rem; }
.pp-single-body h3 { font-family:var(--font-heavy); font-size:1.4rem; color:var(--ink); margin:2rem 0 0.75rem; }
.pp-single-body p { font-size:1.05rem; color:#333; line-height:1.85; margin-bottom:1.5rem; }
.pp-single-body a { color:var(--pink); text-decoration:underline; }
.pp-single-body ul, .pp-single-body ol { margin:0 0 1.5rem 1.5rem; }
.pp-single-body li { font-size:1.05rem; color:#333; line-height:1.8; margin-bottom:0.5rem; }
.pp-single-body blockquote { border-left:4px solid var(--lime); padding:1rem 1.5rem; margin:2rem 0; background:var(--off); }
.pp-single-body blockquote p { color:var(--ink); font-family:var(--font-heavy); font-size:1.1rem; margin:0; }
.pp-single-body img { width:100%; border:2px solid var(--ink); margin:2rem 0; display:block; }
.pp-single-body code { font-family:var(--font-mono); background:var(--off); padding:0.1em 0.4em; font-size:0.9em; border:1px solid var(--border); }
.pp-single-body pre { background:var(--ink); color:var(--lime); padding:1.5rem; margin:2rem 0; overflow-x:auto; }
.pp-single-body pre code { background:none; border:none; color:inherit; padding:0; }

.pp-single-verdict-box { border:2px solid var(--ink); padding:2rem; margin:3rem 0; background:var(--off); }
.pp-single-verdict-box h4 { font-family:var(--font-mono); font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); margin-bottom:0.75rem; }
.pp-single-verdict-box .big-verdict { font-family:var(--font-black); font-size:2.5rem; }

.pp-related { border-top:2px solid var(--ink); padding:5rem 2.5rem; background:var(--off); }
.pp-related-title { font-family:var(--font-black); font-size:2rem; margin-bottom:2rem; }

/* ── ARCHIVE / CATEGORY ── */
.pp-archive-header { padding:8rem 2.5rem 4rem; border-bottom:2px solid var(--ink); background:var(--white); }
.pp-archive-eyebrow { font-family:var(--font-mono); font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); margin-bottom:0.5rem; }
.pp-archive-title { font-family:var(--font-black); font-size:clamp(3rem,8vw,7rem); line-height:0.9; }
.pp-archive-desc { font-size:1rem; color:var(--muted); line-height:1.7; max-width:500px; margin-top:1rem; }
.pp-archive-grid { padding:4rem 2.5rem; }

/* ── PAGINATION ── */
.pp-pagination { display:flex; gap:2px; justify-content:center; margin:4rem 0; }
.pp-pagination a, .pp-pagination span { font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.6rem 1rem; border:2px solid var(--ink); text-decoration:none; color:var(--ink); transition:all .2s; }
.pp-pagination a:hover { background:var(--lime); }
.pp-pagination .current { background:var(--ink); color:var(--white); }

/* ── FOOTER ── */
#colophon { background:var(--white); border-top:2px solid var(--ink); padding:4rem 2.5rem 2rem; }
.pp-foot-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
.pp-foot-brand p { font-size:0.85rem; color:var(--muted); line-height:1.7; margin-top:1rem; max-width:260px; }
.pp-foot-col h4 { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink); margin-bottom:1.25rem; }
.pp-foot-col ul { list-style:none; }
.pp-foot-col li { margin-bottom:0.6rem; }
.pp-foot-col a { font-size:0.85rem; color:var(--muted); text-decoration:none; transition:color .2s; }
.pp-foot-col a:hover { color:var(--ink); }
.pp-foot-bottom { border-top:2px solid var(--ink); padding-top:2rem; display:flex; justify-content:space-between; align-items:center; }
.pp-foot-bottom p { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
.pp-foot-pixels { display:flex; gap:5px; }
.pp-foot-px { width:10px; height:10px; }

/* ── SCROLL REVEAL ── */
.pp-rev { opacity:0; transform:translateY(32px); transition:opacity .65s ease, transform .65s ease; }
.pp-rev.on { opacity:1; transform:none; }
.pp-rev.d1 { transition-delay:.1s; }
.pp-rev.d2 { transition-delay:.2s; }
.pp-rev.d3 { transition-delay:.3s; }

/* ── RESPONSIVE ── */
@media(max-width:1024px) {
  .pp-cat-grid { grid-template-columns:repeat(3,1fr); }
  .pp-grid3 { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px) {
  #primary-navigation { display:none; }
  .pp-grid3, .pp-grid2, .pp-cat-grid, .pp-stats, .pp-foot-grid { grid-template-columns:1fr; }
  .pp-featured, .pp-newsletter, .pp-manifesto-inner { grid-template-columns:1fr; }
  .pp-hero-h1 { font-size:4rem; }
  .pp-hero-counter { display:none; }
  .pp-single-title { font-size:2.5rem; }
}

/* ── WORDPRESS ADMIN BAR FIX ── */
.admin-bar #masthead { top:32px; }
@media screen and (max-width:782px) { .admin-bar #masthead { top:46px; } }

/* ── COMMENTS ── */
.pp-comments { max-width:740px; margin:0 auto; padding:0 2.5rem 5rem; }
.pp-comments h2 { font-family:var(--font-black); font-size:2rem; margin-bottom:2rem; }
.comment-body { border:2px solid var(--border); padding:1.5rem; margin-bottom:1rem; }
.comment-author { font-family:var(--font-heavy); font-size:0.9rem; }
.comment-metadata { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.06em; color:var(--muted); margin-bottom:0.75rem; }
.comment-content p { font-size:0.9rem; color:#444; line-height:1.7; }

/* ── CUSTOM FIELDS DISPLAY ── */
.pp-custom-meta { display:flex; gap:0.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1rem; }