/* Pig Man, Inc. Corporate Brand Toolkit v1.0 — approved visual specifications.
   Scoped to presentation only. Source: corporate adoption record dated 2026-08-23.
   The newly added logo image is a faithful WEB source crop of Appendix A, not a redrawn symbol.
   Story canon, voting, software behavior and release claims are NOT changed by this stylesheet. */
:root{
  --pm-black:#010000;--pm-burgundy:#640101;--pm-brown:#5B1F00;
  --pm-mist:#A39D9D;--pm-bone:#D1CECE;
  --black:var(--pm-black);--black-2:#140909;--bone:var(--pm-bone);
  --paper:var(--pm-bone);--blood:var(--pm-burgundy);
  --blood-light:var(--pm-burgundy);--brass:var(--pm-mist);
  --muted:var(--pm-mist);--line:rgba(209,206,206,.2);
}
body{background:var(--pm-black);color:var(--pm-bone);font-family:Arial,Helvetica,sans-serif}
.site-header,.game-header,.vote-header{background:rgba(1,0,0,.95);border-color:var(--line)}
.site-header nav a,.game-header nav a,.vote-header nav a{color:var(--pm-bone)}
.brand img,.game-brand img,.vote-brand img{
  width:clamp(165px,20vw,250px);height:auto;max-height:74px;object-fit:contain;
  filter:drop-shadow(0 3px 8px #000);
}
.brand span,.vote-brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brand{gap:0}.game-brand{gap:16px}.game-brand span{color:var(--pm-bone)}
.nav-tv{border-color:var(--pm-mist)}
.eyebrow,.cards b,.tv-brand{color:var(--pm-mist)!important}
h1,h2,h3{color:inherit}
.hero{background:radial-gradient(circle at 78% 42%,rgba(100,1,1,.31),transparent 32%),linear-gradient(120deg,#010000,#220809 53%,#010000)}
.hero-mark img{width:min(44vw,620px);max-height:50vh;opacity:1}
.audience{background:linear-gradient(145deg,#260708,#010000 68%)}
.direction-grid article,.cards article{background:#160607}
.first-vote,.universe{background:#010000}
.vote-preview article,.ballot-card{background:linear-gradient(145deg,#23080a,#090203)}
.statement,.partners,.vote-instructions{background:var(--pm-bone);color:var(--pm-black)}
.statement>p:last-child,.partners p:not(.eyebrow),.vote-instructions li{color:#231010}
.feature,.story-rule{background:linear-gradient(135deg,#29090b,#010000)}
.button.primary,.game-overlay button,.game-link,.vote-instructions button{background:var(--pm-burgundy);border-color:var(--pm-burgundy);color:var(--pm-bone)}
.button.primary:hover,.button.primary:focus-visible,.game-overlay button:hover,.vote-instructions button:hover{background:var(--pm-brown);border-color:var(--pm-mist)}
.button.ghost{border-color:var(--pm-mist)}
.text-link{color:var(--pm-burgundy)}
.direction-grid span,.cards article>span{color:var(--pm-bone)}
.vote-preview span,.ballot-letter{background:var(--pm-burgundy);color:var(--pm-bone)}
.vote-instructions aside{background:#c5c0c0;border-color:var(--pm-burgundy)}
.status-line{background:#210608;border-color:var(--pm-burgundy)}
.game-overlay{background:radial-gradient(circle at 50% 40%,#30090bdd,#010000f7 68%)}
.game-overlay button,.route-buttons button,.touch-controls button{color:var(--pm-bone)}
.route-buttons button.selected{border-color:var(--pm-mist);background:#29090b}
.tv-shell,html:has(.tv-shell) body{background:var(--pm-black)!important}
.tv-shell .slide:before,.tv-shell .slide.woods:before,.tv-shell .slide.ember:before,
.tv-shell .slide.steel:before,.tv-shell .slide.brass:before{
 background:radial-gradient(circle at 76% 48%,rgba(100,1,1,.32),transparent 36%),
 linear-gradient(118deg,#010000,#22090b 58%,#010000)!important
}
.tv-shell .progress{background:var(--pm-burgundy)}
.tv-shell .controls button:hover,.tv-shell .controls a:hover{border-color:var(--pm-mist)}
a:focus-visible,button:focus-visible{outline:3px solid var(--pm-bone);outline-offset:3px}
@media(max-width:820px){
 .brand img,.game-brand img,.vote-brand img{width:clamp(145px,40vw,205px);height:auto}
 .site-header .brand{max-width:55vw}
 .hero-mark{right:-60px;bottom:8%;opacity:.24}
 .hero-mark img{width:390px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}