:root{
  --dossier-paper:#f4efe4;
  --dossier-ink:#121212;
  --dossier-muted:#4d4a43;
  --dossier-line:rgba(18,18,18,.22);
  --dossier-accent:#1f4ed8;
  --dossier-stamp:#d02c2c;
  --dossier-font:"Courier New",Consolas,"Liberation Mono",monospace;
}


/* Shared typewriter dossier treatment for every public PINKI-LAB section. */
.retro-play,
.retro-hardware,
.retro-legal,
.retro-coming-soon,
.retro-confirm{
  --retro-paper:#f4efe4;
  --retro-sheet:#fffaf0;
  --retro-ink:#171714;
  --retro-muted:#575249;
  --retro-blue:#244db8;
  --retro-red:#bd2929;
  --retro-line:rgba(23,23,20,.24);
  background:
    linear-gradient(rgba(23,23,20,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,23,20,.035) 1px,transparent 1px),
    linear-gradient(180deg,#fbf7ed,#eee5d3)!important;
  background-size:24px 24px,24px 24px,100% 100%!important;
  color:var(--retro-ink)!important;
  font-family:"Courier New",Consolas,monospace!important;
}

.retro-play::after,
.retro-hardware::after,
.retro-legal::after,
.retro-coming-soon::after,
.retro-confirm::after{
  content:"PINKI-LAB / ARCHIVE COPY";
  position:fixed;
  right:14px;
  bottom:10px;
  z-index:50;
  color:rgba(23,23,20,.34);
  font:10px "Courier New",monospace;
  letter-spacing:.22em;
  pointer-events:none;
}

.retro-play *,
.retro-hardware *,
.retro-legal *,
.retro-coming-soon *,
.retro-confirm *{border-radius:0!important;text-shadow:none!important}

.retro-play h1,.retro-play h2,.retro-play h3,.retro-play h4,
.retro-hardware h1,.retro-hardware h2,.retro-hardware h3,
.retro-legal h1,.retro-legal h2,.retro-legal h3,
.retro-coming-soon h1,.retro-coming-soon h2,.retro-confirm h1{
  color:var(--retro-ink)!important;
  font-family:"Courier New",Consolas,monospace!important;
  font-weight:700!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase;
}

.retro-play h1 em,.retro-play h2 em,.retro-play h3 em,
.retro-hardware h1 em,.retro-hardware h2 em,.retro-hardware h3 em,
.retro-legal h1 em,.retro-coming-soon h1 em,.retro-confirm h1 em{
  color:var(--retro-red)!important;
  font-style:normal;
}

.retro-play p,.retro-play li,.retro-play small,.retro-play span,
.retro-hardware p,.retro-hardware li,.retro-hardware small,.retro-hardware span,
.retro-legal p,.retro-legal li,.retro-legal dd,.retro-legal dt,
.retro-coming-soon p,.retro-coming-soon span,.retro-confirm p,
.retro-play a,.retro-play button,.retro-play input,.retro-play select,
.retro-hardware a,.retro-hardware button,.retro-hardware input,.retro-hardware select,
.retro-legal a,.retro-coming-soon a,.retro-confirm a{
  font-family:"Courier New",Consolas,monospace!important;
}

.retro-play .site-header,.retro-hardware .hw-header,
.retro-coming-soon>header,.retro-legal>header{
  background:rgba(248,243,232,.97)!important;
  color:var(--retro-ink)!important;
  border:0!important;
  border-bottom:3px double var(--retro-ink)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.retro-play .brand,.retro-hardware .hw-brand,.retro-coming-soon .logo{color:var(--retro-ink)!important}
.retro-play .brand-mark,.retro-hardware .hw-brand span,.retro-coming-soon .logo span{
  background:var(--retro-ink)!important;
  color:var(--retro-paper)!important;
  border:1px solid var(--retro-ink)!important;
  box-shadow:none!important;
  transform:rotate(-2deg);
}
.retro-play .desktop-nav a,.retro-play .mobile-nav a,
.retro-hardware .hw-header a,.retro-coming-soon header{color:var(--retro-ink)!important}
.retro-play .desktop-nav a.active::after{height:2px!important;background:var(--retro-red)!important}

.retro-play .hero,.retro-hardware .hw-hero{
  margin-top:28px;
  background:rgba(255,250,240,.75)!important;
  color:var(--retro-ink)!important;
  border:1px solid var(--retro-line)!important;
  border-top:6px solid var(--retro-ink)!important;
  box-shadow:8px 8px 0 rgba(23,23,20,.10)!important;
}
.retro-play .hero::before,.retro-hardware .hw-hero::before{
  content:"FILE 01 / EDITORIAL COPY";
  position:absolute;top:14px;right:16px;z-index:4;
  color:rgba(23,23,20,.45);
  font:9px "Courier New",monospace;
  letter-spacing:.18em;
  background:none!important;
}
.retro-play .hero::after,.retro-hardware .hw-hero::after{
  content:"";inset:12px!important;
  border:1px dashed rgba(23,23,20,.18)!important;
  background:none!important;
}
.retro-play .hero-copy,.retro-hardware .hw-hero-copy{color:var(--retro-ink)!important}
.retro-play .hero-deck,.retro-hardware .hw-hero-copy>p{color:var(--retro-muted)!important}
.retro-play .hero-art,.retro-hardware .case-stage,
.retro-hardware .luxury-image,.retro-hardware .product-art{
  background:#ded8ca!important;
  border-left:1px dashed var(--retro-line)!important;
  filter:grayscale(1) sepia(.18) contrast(1.12);
  box-shadow:none!important;
}

.retro-play .primary-link,.retro-play .mc-actions a,.retro-play .mc-secondary,
.retro-play .filter,.retro-play .mc-tab,.retro-play .newsletter button,
.retro-hardware .hw-hero a,.retro-hardware .interest,.retro-hardware .studio button,
.retro-hardware .hw-news a,.retro-hardware .hw-ad button,.retro-confirm .primary-link{
  background:rgba(255,250,240,.8)!important;
  color:var(--retro-ink)!important;
  border:1px solid var(--retro-ink)!important;
  box-shadow:3px 3px 0 rgba(23,23,20,.16)!important;
  text-transform:uppercase;
}
.retro-play .filter.active,.retro-play .mc-tab.active{background:var(--retro-ink)!important;color:var(--retro-paper)!important}

.retro-play .ticker{
  margin-top:18px;
  background:var(--retro-ink)!important;
  color:var(--retro-paper)!important;
  border:0!important;
  border-top:2px solid var(--retro-ink)!important;
  border-bottom:2px solid var(--retro-ink)!important;
  box-shadow:none!important;
}
.retro-play .ticker strong{background:var(--retro-red)!important;color:white!important}

.retro-play .news-section,.retro-play .reviews,.retro-play .release-section,
.retro-play .deals-section,.retro-play .sim-ads,.retro-play .newsletter,
.retro-play .minecraft-section,.retro-play .gwg-crosspromo,
.retro-hardware .manifest,.retro-hardware .catalog,.retro-hardware .luxury-lab,
.retro-hardware .drop-banner,.retro-hardware .studio,.retro-hardware .hw-news,
.retro-hardware .hw-inline-ad,.retro-hardware .hw-crosspromo,.retro-hardware .hw-legal{
  background:transparent!important;
  color:var(--retro-ink)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.retro-play .story-card,.retro-play .live-item,.retro-play .featured-review,
.retro-play .deal-card,.retro-play .mc-editions article,.retro-play .mc-feature,
.retro-play .seed-card,.retro-play .seed-tips,.retro-play .build-grid article,
.retro-play .mc-guide-list a,.retro-play .release-list>div,.retro-play .sim-ad,
.retro-play .gwg-crosspromo-grid a,
.retro-hardware .product,.retro-hardware .luxury-card,.retro-hardware .hw-crosspromo a{
  background:rgba(255,250,240,.78)!important;
  color:var(--retro-ink)!important;
  border:1px solid var(--retro-line)!important;
  border-left:4px solid var(--retro-blue)!important;
  box-shadow:none!important;
}
.retro-play .story-card:nth-child(2n),.retro-play .deal-card:nth-child(2n),
.retro-play .mc-editions article:nth-child(2n),.retro-hardware .product:nth-child(2n){
  border-left-color:var(--retro-red)!important;
}
.retro-play .story-card:hover,.retro-hardware .product:hover{
  transform:translate(-2px,-2px)!important;
  box-shadow:5px 5px 0 rgba(23,23,20,.12)!important;
}
.retro-play .card-body,.retro-play .review-copy,.retro-play .deal-card,
.retro-play .minecraft-copy,.retro-hardware .product-copy{color:var(--retro-ink)!important}
.retro-play .card-body p,.retro-play .review-copy p,.retro-play .deal-card p,
.retro-play .feed-status,.retro-play .mc-content p,.retro-play .release-list small,
.retro-hardware .product p,.retro-hardware .hw-news p,.retro-hardware .hw-legal p{
  color:var(--retro-muted)!important;
}

.retro-play .minecraft-section{
  border-top:3px double var(--retro-ink)!important;
  border-bottom:3px double var(--retro-ink)!important;
}
.retro-play .minecraft-world,.retro-play .review-art,.retro-play .card-visual,
.retro-play .live-image,.retro-hardware .product-art{
  filter:grayscale(1) sepia(.22) contrast(1.1);
  border:1px dashed var(--retro-line)!important;
}
.retro-play .mc-label,.retro-play .eyebrow,.retro-hardware .micro,
.retro-hardware .eyebrow,.retro-legal .hero>p:first-child{
  color:var(--retro-red)!important;
  letter-spacing:.18em!important;
}
.retro-play .review-score{background:var(--retro-red)!important;color:white!important;border:2px solid var(--retro-ink)!important}
.retro-play .meter i{background:#c8c0b0!important}
.retro-play .meter i b{background:var(--retro-blue)!important}

.retro-play .ad-slot>div,.retro-play .demo-banner,.retro-play .sim-ad,
.retro-hardware .hw-ad,.retro-hardware .drop-banner{
  background:rgba(255,250,240,.72)!important;
  color:var(--retro-ink)!important;
  border:1px dashed var(--retro-ink)!important;
  box-shadow:none!important;
}
.retro-play .ad-slot>div::after{border-color:rgba(189,41,41,.35)!important}
.retro-play .sim-ad-label,.retro-play .ad-slot>span{color:var(--retro-red)!important}

.retro-play .newsletter{
  border-top:3px double var(--retro-ink)!important;
  border-bottom:3px double var(--retro-ink)!important;
}
.retro-play .newsletter-fields{border-bottom:2px solid var(--retro-ink)!important}
.retro-play input,.retro-play select,.retro-hardware input,.retro-hardware select{
  background:rgba(255,250,240,.8)!important;
  color:var(--retro-ink)!important;
  border:1px solid var(--retro-line)!important;
  font-family:"Courier New",Consolas,monospace!important;
}
.retro-play input::placeholder{color:#777064!important}

.retro-play footer,.retro-hardware footer{
  background:var(--retro-ink)!important;
  color:var(--retro-paper)!important;
  border:0!important;
  border-top:5px double var(--retro-paper)!important;
  box-shadow:none!important;
}
.retro-play footer a,.retro-play footer p,.retro-play footer small,
.retro-hardware footer a,.retro-hardware footer p,.retro-hardware footer small{color:var(--retro-paper)!important}

.retro-hardware .grain{opacity:.04!important;filter:grayscale(1)}
.retro-hardware .warning,.retro-hardware .hw-legal{
  background:rgba(255,250,240,.75)!important;
  color:var(--retro-ink)!important;
  border:1px dashed var(--retro-line)!important;
}
.retro-hardware .gold-orb,.retro-hardware .gem,.retro-hardware .crystal{filter:grayscale(1) sepia(.25)!important}

.retro-legal>header{position:sticky;top:0;z-index:20}
.retro-legal>header a,.retro-legal>header nav a{color:var(--retro-ink)!important}
.retro-legal main{width:min(980px,calc(100% - 36px));margin:28px auto 80px}
.retro-legal main section{
  margin:0 0 24px!important;padding:28px!important;
  background:rgba(255,250,240,.78)!important;
  color:var(--retro-ink)!important;
  border:1px solid var(--retro-line)!important;
  border-left:5px solid var(--retro-blue)!important;
  box-shadow:6px 6px 0 rgba(23,23,20,.08)!important;
}
.retro-legal main section:nth-child(2n){border-left-color:var(--retro-red)!important}
.retro-legal .hero{border-top:6px solid var(--retro-ink)!important}
.retro-legal h2{border-bottom:2px solid var(--retro-ink);padding-bottom:10px}
.retro-legal dt{color:var(--retro-red)!important;text-transform:uppercase;letter-spacing:.12em}
.retro-legal a{color:var(--retro-blue)!important;text-decoration:underline!important}
.retro-legal>footer{background:var(--retro-ink)!important;border:0!important}
.retro-legal>footer a{color:var(--retro-paper)!important}

.retro-coming-soon .scanlines,.retro-coming-soon .cursor-glow{display:none!important}
.retro-coming-soon main{color:var(--retro-ink)!important}
.retro-coming-soon .copy,.retro-coming-soon .pc-scene{
  background:rgba(255,250,240,.78)!important;
  border:1px solid var(--retro-line)!important;
  border-top:5px solid var(--retro-ink)!important;
  box-shadow:7px 7px 0 rgba(23,23,20,.10)!important;
}
.retro-coming-soon .pc-scene{filter:grayscale(1) sepia(.2)}
.retro-coming-soon .status,.retro-coming-soon .kicker{color:var(--retro-red)!important}
.retro-coming-soon .track{background:#cec5b4!important;border:1px solid var(--retro-ink)}
.retro-coming-soon .track i{background:var(--retro-blue)!important}
.retro-coming-soon .launch-tags span{background:transparent!important;color:var(--retro-ink)!important;border:1px solid var(--retro-ink)!important}

.retro-confirm{min-height:100vh!important}
.retro-confirm main{
  background:rgba(255,250,240,.90)!important;
  color:var(--retro-ink)!important;
  border:2px solid var(--retro-ink)!important;
  border-top:8px solid var(--retro-red)!important;
  box-shadow:12px 12px 0 rgba(23,23,20,.18)!important;
}
.retro-confirm .eyebrow{color:var(--retro-red)!important}

@media(max-width:760px){
  .retro-play .hero,.retro-hardware .hw-hero{margin-top:14px;box-shadow:4px 4px 0 rgba(23,23,20,.10)!important}
  .retro-play .site-header,.retro-hardware .hw-header{height:auto;min-height:70px}
  .retro-play .mobile-nav.open{background:var(--retro-sheet)!important;border-bottom:2px solid var(--retro-ink)}
  .retro-legal main{width:min(100% - 22px,980px)}
  .retro-legal main section{padding:20px!important}
}

body{
  background:
    linear-gradient(rgba(18,18,18,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,18,18,.03) 1px,transparent 1px),
    linear-gradient(180deg,#fbf7ee 0%,#f4efe4 45%,#efe7d7 100%)!important;
  background-size:28px 28px,28px 28px,100% 100%!important;
  color:var(--dossier-ink)!important;
  font-family:var(--dossier-font)!important;
}

body::before{
  background:
    linear-gradient(rgba(18,18,18,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,18,18,.03) 1px,transparent 1px),
    radial-gradient(circle at 14% 18%,rgba(208,44,44,.08),transparent 20%),
    radial-gradient(circle at 84% 6%,rgba(31,78,216,.10),transparent 24%);
  background-size:20px 20px,20px 20px,100% 100%,100% 100%;
  opacity:.45;
  mix-blend-mode:multiply;
}

body::after{
  content:"HARDCORE PRICE DOSSIER / RETRO TYPEWRITER MODE";
  position:fixed;
  right:18px;
  bottom:14px;
  z-index:0;
  font-size:10px;
  letter-spacing:.28em;
  color:rgba(18,18,18,.38);
  pointer-events:none;
}

a{
  color:var(--dossier-accent)!important;
}

header,
footer,
.pg-header,
.pg-hero,
.pg-board,
.pg-ad,
.pg-network-ad,
.pg-systems,
.pg-cross{
  background:rgba(255,255,255,.72)!important;
  border:1px solid var(--dossier-line)!important;
  box-shadow:0 18px 40px rgba(18,18,18,.08)!important;
  backdrop-filter:none!important;
}

.pg-header{
  position:sticky;
  top:0;
  z-index:30;
  border-bottom:2px solid rgba(18,18,18,.28)!important;
  background:rgba(247,242,232,.96)!important;
}

.pg-brand span{
  background:var(--dossier-ink)!important;
  color:var(--dossier-paper)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.pg-header nav a,
.pg-header button,
.pg-brand b,
.pg-hero p,
.pg-board header > p,
.pg-systems p,
.pg-network-ad small,
.pg-network-ad p,
.pg-ad small,
.pg-ad span,
.pg-list-ad small,
.pg-list-ad b,
.pg-row,
.pg-row a,
.pg-table-head,
.pg-systems strong,
.system-card small,
.system-card a,
.pg-note,
.pg-empty,
footer,
footer a{
  font-family:var(--dossier-font)!important;
  letter-spacing:.12em;
}

.pg-header nav a,
.pg-header button{
  color:var(--dossier-ink)!important;
  text-transform:uppercase;
}

.pg-header button{
  border:1px solid rgba(18,18,18,.26)!important;
  background:rgba(255,255,255,.65)!important;
  border-radius:0!important;
}

.pg-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  align-items:end;
  gap:24px;
  min-height:360px;
  padding:42px 0 26px;
  position:relative;
  border-bottom:2px solid rgba(18,18,18,.26)!important;
  overflow:hidden;
}

.pg-hero::before{
  content:"DOSSIER 04 // PENCIL HARDWARE ARCHIVE";
  position:absolute;
  top:18px;
  right:18px;
  color:rgba(18,18,18,.52);
  font-size:10px;
  letter-spacing:.28em;
  text-transform:uppercase;
}

.pg-hero::after{
  content:"";
  inset:14px!important;
  border:1px dashed rgba(18,18,18,.16)!important;
  border-radius:0!important;
  pointer-events:none;
}

.pg-hero > div{
  max-width:680px;
  padding-bottom:8px;
}

.pg-hero p{
  color:var(--dossier-muted)!important;
  text-transform:uppercase;
}

.pg-hero h1{
  color:var(--dossier-ink)!important;
  text-shadow:none!important;
}

.pg-hero h1 em{
  color:var(--dossier-stamp)!important;
}

.pg-hero a,
.pg-network-ad a,
.pg-ad button{
  background:none!important;
  color:var(--dossier-ink)!important;
  border:1px solid var(--dossier-ink)!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-transform:uppercase;
}

.hero-sketch{
  position:relative;
  align-self:stretch;
  min-height:390px;
  margin:0;
  overflow:hidden;
  border-left:1px dashed rgba(18,18,18,.24);
  background:#eee5d4;
  transform:rotate(1deg);
}

.hero-sketch img{
  display:block!important;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.08) saturate(.72) sepia(.12);
  mix-blend-mode:multiply;
}

.hero-sketch::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(18,18,18,.15);
  pointer-events:none;
}

.hero-sketch figcaption{
  position:absolute;
  right:12px;
  bottom:10px;
  padding:5px 7px;
  background:rgba(244,239,228,.88);
  color:var(--dossier-stamp);
  font-size:9px;
  letter-spacing:.16em;
}

.hardware-sketch-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:4px 0 24px;
}

.sketch-crop{
  position:relative;
  aspect-ratio:3/2;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(18,18,18,.2);
  background:#eee5d4;
}

.sketch-crop:nth-child(odd){ transform:rotate(-.6deg); }
.sketch-crop:nth-child(even){ transform:rotate(.6deg); }

.sketch-crop img{
  position:absolute;
  width:200%;
  height:200%;
  max-width:none;
  object-fit:cover;
  filter:grayscale(.2) contrast(1.08) sepia(.12);
  mix-blend-mode:multiply;
}

.sketch-gpu img{ left:0; top:0; }
.sketch-cpu img{ left:-100%; top:0; }
.sketch-board img{ left:0; top:-100%; }
.sketch-keyboard img{ left:-100%; top:-100%; }

.sketch-crop figcaption{
  position:absolute;
  left:7px;
  bottom:7px;
  padding:4px 6px;
  background:rgba(244,239,228,.88);
  border-left:2px solid var(--dossier-stamp);
  color:var(--dossier-ink);
  font-size:8px;
  letter-spacing:.12em;
}

.pg-ad,
.pg-network-ad,
.pg-systems,
.pg-cross,
.pg-board{
  border-radius:0!important;
}

.pg-ad,
.pg-network-ad{
  padding:18px 20px!important;
}

.pg-ad{
  margin:20px 0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.55)),
    repeating-linear-gradient(90deg,transparent 0 12px,rgba(208,44,44,.04) 12px 13px)!important;
  border-left:4px solid var(--dossier-stamp)!important;
}

.pg-ad b,
.pg-ad p{
  color:var(--dossier-ink)!important;
  text-shadow:none!important;
}

.pg-ad small,
.pg-ad > span{
  color:var(--dossier-stamp)!important;
}

.affiliate-disclosure{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  margin:18px 0 20px;
  padding:14px 16px;
  background:rgba(255,251,236,.88);
  border:1px solid rgba(18,18,18,.28);
  border-left:5px solid var(--dossier-stamp);
}

.affiliate-disclosure strong{
  color:var(--dossier-stamp);
  font-size:10px;
  letter-spacing:.13em;
}

.affiliate-disclosure p{
  margin:0;
  color:var(--dossier-muted);
  font-size:11px;
  line-height:1.55;
}

.amazon-link{
  border-color:var(--dossier-stamp)!important;
  color:var(--dossier-stamp)!important;
}

.demo-ads{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(220px,.7fr) minmax(220px,.7fr);
  gap:14px;
  margin:20px 0 28px;
}

.demo-banner{
  position:relative;
  min-height:250px;
  padding:24px 20px 18px;
  overflow:hidden;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(18,18,18,.24);
  box-shadow:5px 6px 0 rgba(18,18,18,.08);
}

.demo-banner::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px dashed rgba(18,18,18,.18);
  pointer-events:none;
}

.demo-ad-label{
  position:absolute;
  top:0;
  right:0;
  padding:5px 8px;
  background:var(--dossier-ink);
  color:var(--dossier-paper);
  font-size:8px;
  letter-spacing:.16em;
}

.demo-banner small{
  position:relative;
  color:var(--dossier-stamp);
  letter-spacing:.16em;
}

.demo-banner h2,
.demo-banner h3{
  position:relative;
  margin:18px 0 10px;
  color:var(--dossier-ink);
  line-height:.92;
}

.demo-banner h2{ font-size:clamp(34px,4vw,62px); }
.demo-banner h3{ font-size:clamp(23px,2.4vw,34px); }

.demo-banner em{
  color:var(--dossier-stamp);
  font-style:normal;
}

.demo-banner p{
  position:relative;
  max-width:520px;
  color:var(--dossier-muted);
}

.demo-banner button{
  position:absolute;
  left:20px;
  bottom:18px;
  z-index:1;
  padding:9px 12px;
  border:1px solid var(--dossier-ink);
  border-radius:0;
  background:rgba(244,239,228,.86);
  color:var(--dossier-ink);
  font-family:var(--dossier-font);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.demo-banner-wide{
  background:
    linear-gradient(90deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.88) 38%,rgba(5,7,10,.18) 72%),
    url("assets/ads/simulated-case-banner.png") center/cover no-repeat;
  border-left:5px solid var(--dossier-stamp);
}

.demo-banner-wide h2,
.demo-banner-wide p{
  color:var(--dossier-paper);
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}

.demo-banner-square{
  background:
    linear-gradient(180deg,rgba(5,7,10,.18),rgba(5,7,10,.94)),
    url("assets/ads/simulated-psu-banner.png") center/cover no-repeat;
  border-left:5px solid var(--dossier-accent);
}

.demo-banner-square::before{ border-color:rgba(244,239,228,.2); }
.demo-banner-square h3{ color:var(--dossier-paper); }
.demo-banner-square .demo-ad-label{ background:var(--dossier-accent); }

.demo-meter{
  position:relative;
  width:86px;
  height:86px;
  margin-top:16px;
  display:grid;
  place-items:center;
  border:7px solid rgba(244,239,228,.18);
  border-top-color:var(--dossier-stamp);
  border-right-color:var(--dossier-stamp);
  border-radius:50%;
  transform:rotate(14deg);
}

.demo-meter i{
  color:var(--dossier-paper);
  font-style:normal;
  transform:rotate(-14deg);
}

.demo-banner-news{
  background:
    linear-gradient(90deg,rgba(244,239,228,.94),rgba(244,239,228,.66)),
    url("assets/sketches/hardware-pencil-sheet.png") 72% 50%/cover no-repeat;
  border-left:5px solid var(--dossier-accent);
}

.pg-cart{
  margin-top:22px;
  padding:28px 0 8px;
  border-top:2px solid rgba(18,18,18,.26)!important;
}

.cart-shell{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) 320px;
  gap:18px;
  margin-top:18px;
}

.cart-items{
  display:grid;
  gap:12px;
}

.cart-empty{
  margin:0;
  padding:18px 20px;
  background:rgba(255,255,255,.72);
  border:1px dashed rgba(18,18,18,.22);
  color:var(--dossier-muted)!important;
}

.cart-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:16px;
  align-items:center;
  padding:16px 18px;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(18,18,18,.18)!important;
}

.cart-item small,
.cart-item p{
  margin:0;
  color:var(--dossier-muted)!important;
}

.cart-item h3{
  margin:4px 0 6px;
  color:var(--dossier-ink)!important;
}

.cart-item-meta{
  text-align:right;
}

.cart-item-meta span{
  display:block;
  color:var(--dossier-stamp)!important;
  font-size:20px;
}

.cart-item button{
  border:1px solid rgba(18,18,18,.26);
  background:rgba(255,255,255,.8);
  color:var(--dossier-ink);
  padding:8px 10px;
  font-family:var(--dossier-font);
  text-transform:uppercase;
  letter-spacing:.14em;
}

.cart-item-actions{
  display:grid;
  gap:8px;
}

.cart-item-actions a{
  border:1px solid rgba(18,18,18,.26);
  background:rgba(255,255,255,.84);
  color:var(--dossier-ink)!important;
  padding:8px 10px;
  text-decoration:none;
  font-family:var(--dossier-font);
  text-transform:uppercase;
  letter-spacing:.12em;
}

.cart-summary{
  position:sticky;
  top:92px;
  align-self:start;
  display:grid;
  gap:10px;
  padding:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(18,18,18,.2)!important;
}

.cart-summary p,
.cart-summary small{
  margin:0;
  color:var(--dossier-muted)!important;
}

.cart-summary strong{
  font-size:28px;
  color:var(--dossier-ink)!important;
}

.cart-summary button{
  margin-top:6px;
  border:1px solid rgba(18,18,18,.26);
  background:rgba(255,255,255,.84);
  color:var(--dossier-ink);
  padding:10px 12px;
  font-family:var(--dossier-font);
  text-transform:uppercase;
  letter-spacing:.12em;
}

.pg-network-ad{
  margin:20px 0;
  border-left:4px solid var(--dossier-accent)!important;
}

.pg-board{
  padding:30px 0 24px;
  margin-top:24px;
}

.pg-board header{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0 0 18px;
}

.pg-board header > div > p,
.pg-systems > header > p{
  color:var(--dossier-stamp)!important;
  font-size:11px;
  text-transform:uppercase;
}

.pg-board h2,
.pg-systems h2{
  color:var(--dossier-ink)!important;
  text-shadow:none!important;
}

.pg-board h2 em,
.pg-systems h2 em{
  color:var(--dossier-accent)!important;
}

.pg-controls{
  gap:16px;
  margin:16px 0 18px;
}

.pg-controls label{
  color:var(--dossier-muted)!important;
  text-transform:uppercase;
  letter-spacing:.16em;
}

.pg-controls select{
  background:rgba(255,255,255,.8)!important;
  border:1px solid rgba(18,18,18,.22)!important;
  border-radius:0!important;
  color:var(--dossier-ink)!important;
  font-family:var(--dossier-font)!important;
}

.pg-table-head{
  display:grid;
  grid-template-columns:minmax(0,1.8fr) .8fr .8fr 1fr .9fr;
  gap:14px;
  padding:12px 0 10px;
  border-top:2px solid rgba(18,18,18,.62);
  border-bottom:2px solid rgba(18,18,18,.62);
  color:var(--dossier-ink)!important;
  text-transform:uppercase;
}

#offerList{
  margin-top:6px;
}

.pg-row{
  display:grid;
  grid-template-columns:minmax(0,1.8fr) .8fr .8fr 1fr .9fr;
  gap:14px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid rgba(18,18,18,.16)!important;
  background:none!important;
  border-radius:0!important;
  color:var(--dossier-ink)!important;
}

.pg-actions{
  display:grid;
  gap:8px;
  justify-items:start;
}

.pg-actions a{
  border:1px solid rgba(18,18,18,.26)!important;
  background:rgba(255,255,255,.84)!important;
  color:var(--dossier-ink)!important;
  padding:8px 10px;
  text-decoration:none;
}

.cart-add{
  padding:8px 10px;
  border:1px solid rgba(18,18,18,.26);
  background:rgba(255,255,255,.84);
  color:var(--dossier-ink);
  font-family:var(--dossier-font);
  text-transform:uppercase;
  letter-spacing:.12em;
}

.pg-product{
  display:flex;
  align-items:center;
  gap:12px;
}

.pg-product i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  background:var(--dossier-ink)!important;
  color:var(--dossier-paper)!important;
  border-radius:0!important;
  font-size:12px;
  box-shadow:none!important;
}

.pg-product b{
  color:var(--dossier-ink)!important;
}

.pg-product small,
.pg-row span{
  color:var(--dossier-muted)!important;
  text-transform:uppercase;
}

.pg-price{
  color:var(--dossier-stamp)!important;
  font-size:18px;
}

.pg-row a{
  justify-self:start;
  padding:9px 12px;
  color:var(--dossier-ink)!important;
  background:rgba(255,255,255,.6)!important;
  border:1px solid rgba(18,18,18,.28)!important;
}

.pg-list-ad{
  margin:14px 0;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:rgba(255,251,236,.85)!important;
  border:1px dashed rgba(18,18,18,.32)!important;
}

.pg-list-ad b{
  color:var(--dossier-stamp)!important;
}

.pg-list-ad a{
  color:var(--dossier-ink)!important;
}

.pg-retro{
  margin-top:28px;
  padding:28px 0 10px;
  border-top:2px solid rgba(18,18,18,.26)!important;
}

#retroGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.retro-card{
  position:relative;
  padding:20px 18px 18px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.64))!important;
  border:1px solid rgba(18,18,18,.2)!important;
  border-left:4px solid var(--dossier-accent)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.retro-card:nth-child(2n){
  border-left-color:var(--dossier-stamp)!important;
}

.retro-card::before{
  content:"ARCHIVE ENTRY";
  position:absolute;
  top:10px;
  right:12px;
  font-size:9px;
  letter-spacing:.24em;
  color:rgba(18,18,18,.34);
}

.retro-card small{
  display:block;
  margin-bottom:10px;
  color:var(--dossier-stamp)!important;
  font-family:var(--dossier-font)!important;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.retro-card h3{
  margin:0 0 8px;
  color:var(--dossier-ink)!important;
}

.retro-tag,
.retro-detail{
  margin:0 0 10px;
  color:var(--dossier-muted)!important;
}

.retro-tag{
  text-transform:uppercase;
  letter-spacing:.12em;
}

.retro-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
  padding-top:12px;
  border-top:1px dashed rgba(18,18,18,.22);
}

.retro-meta span{
  color:var(--dossier-accent)!important;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.retro-meta a{
  color:var(--dossier-ink)!important;
  border:1px solid rgba(18,18,18,.28);
  padding:8px 10px;
  text-decoration:none;
}

.retro-actions,
.system-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.system-actions a{
  border:1px solid rgba(18,18,18,.28);
  background:rgba(255,255,255,.84);
  color:var(--dossier-ink)!important;
  padding:8px 10px;
  text-decoration:none;
}

.retro-actions .cart-add,
.system-actions .cart-add{
  align-self:flex-start;
}

.pg-systems{
  margin-top:28px;
  padding:28px 0 10px;
}

#systemGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.system-card{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(18,18,18,.2)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:18px;
}

.pg-systems > header{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  column-gap:42px;
  align-items:end;
}

.pg-systems > header > p{
  grid-column:1 / -1;
}

.system-intro{
  display:block;
  padding:18px;
  border:1px solid currentColor;
  font:600 11px/1.7 "Courier New",monospace;
  transform:rotate(-.35deg);
}

.system-badge{
  display:inline-block;
  align-self:flex-start;
  margin-bottom:18px;
  padding:6px 9px;
  border:2px solid var(--dossier-stamp);
  color:var(--dossier-stamp);
  font:700 9px/1 "Courier New",monospace;
  letter-spacing:1.4px;
  transform:rotate(-1.5deg);
}

.system-card small{
  color:var(--dossier-stamp)!important;
}

.system-card h3{
  color:var(--dossier-ink)!important;
}

.system-card ul{
  margin:16px 0 18px;
  padding-left:18px;
  color:var(--dossier-muted)!important;
}

.system-card strong{
  color:var(--dossier-accent)!important;
}

.system-card a{
  display:inline-flex;
  margin-top:12px;
  border:1px solid rgba(18,18,18,.28)!important;
  padding:8px 10px;
  color:var(--dossier-ink)!important;
  background:rgba(255,255,255,.58)!important;
}

.pg-cross{
  margin-top:30px;
  padding:18px 20px;
  border-top:2px solid rgba(18,18,18,.26)!important;
}

.price-method{
  margin:28px 0;
  padding:42px 6vw;
  border-top:2px solid var(--dossier-ink);
  border-bottom:2px solid var(--dossier-ink);
  background:rgba(255,255,255,.34);
}

.price-method header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
}

.price-method header p{
  color:var(--dossier-stamp);
  font:700 9px/1.4 "Courier New",monospace;
  letter-spacing:1.6px;
}

.price-method h2{
  margin:10px 0 22px;
  font:700 clamp(42px,6vw,76px)/.86 "Courier New",monospace;
  letter-spacing:-4px;
}

.price-method h2 em{
  color:var(--dossier-accent);
  font-style:normal;
}

.price-method > div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--dossier-line);
}

.price-method article{
  min-height:210px;
  padding:20px;
  border-right:1px solid var(--dossier-line);
}

.price-method article:last-child{
  border-right:0;
}

.price-method article span{
  color:var(--dossier-stamp);
  font:700 24px/1 "Courier New",monospace;
}

.price-method h3{
  margin:28px 0 12px;
  font:700 15px/1.2 "Courier New",monospace;
  text-transform:uppercase;
}

.price-method article p{
  margin:0;
  color:var(--dossier-muted);
  font:500 11px/1.65 "Courier New",monospace;
}

.engineering-plate{
  position:relative;
  margin:34px 0 46px;
  border:1px solid var(--dossier-ink);
  background:#eee7d7;
  overflow:hidden;
}

.engineering-plate img{
  display:block;
  width:100%;
  height:auto;
  filter:grayscale(.08) contrast(1.04) sepia(.08);
}

.engineering-plate > div{
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  width:min(390px,calc(100% - 36px));
  padding:14px 16px;
  border:1px solid rgba(18,18,18,.7);
  background:rgba(242,237,223,.91);
  box-shadow:7px 7px 0 rgba(18,18,18,.14);
}

.engineering-plate span,
.engineering-plate b,
.engineering-plate small{
  display:block;
  font-family:"Courier New",monospace;
}

.engineering-plate span{
  color:var(--dossier-stamp);
  font-size:9px;
  font-weight:700;
  letter-spacing:1.2px;
}

.engineering-plate b{
  margin:8px 0;
  font-size:19px;
  line-height:1;
}

.engineering-plate small{
  color:var(--dossier-muted);
  font-size:10px;
  line-height:1.45;
}

.plate-psu{
  transform:rotate(.18deg);
}

.plate-cases{
  transform:rotate(-.16deg);
}

.pg-cross a{
  background:none!important;
  color:var(--dossier-ink)!important;
}

.pg-newsletter{
  position:relative;
  margin:34px 0 20px;
  padding:34px 28px;
  background:rgba(255,250,240,.82);
  border:2px solid var(--dossier-ink);
  border-top:8px solid var(--dossier-stamp);
  box-shadow:8px 8px 0 rgba(18,18,18,.10);
}

.pg-newsletter::after{
  content:"SUBSCRIPTION FILE / DOI";
  position:absolute;
  top:12px;
  right:16px;
  color:rgba(18,18,18,.38);
  font-size:9px;
  letter-spacing:.22em;
}

.pg-newsletter>p:first-child,
.pg-newsletter label{
  color:var(--dossier-stamp);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.pg-newsletter h2{
  margin:18px 0 12px;
  color:var(--dossier-ink);
  font:700 clamp(42px,7vw,78px)/.88 var(--dossier-font);
  letter-spacing:-.07em;
}

.pg-newsletter h2 em{color:var(--dossier-stamp);font-style:normal}
.pg-newsletter>p:not(:first-child){max-width:720px;color:var(--dossier-muted)}
.pg-newsletter form{position:relative;margin-top:24px}
.pg-newsletter form>div{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;border-top:2px solid var(--dossier-ink);border-bottom:2px solid var(--dossier-ink)}
.pg-newsletter form>div label{padding:0 14px;color:var(--dossier-ink)}
.pg-newsletter input{min-width:0;padding:14px;border:0!important;border-left:1px solid var(--dossier-line)!important;background:rgba(255,255,255,.55)!important;color:var(--dossier-ink)!important;font:14px var(--dossier-font)!important}
.pg-newsletter button{height:100%;padding:13px 18px;border:0;border-left:2px solid var(--dossier-ink);background:var(--dossier-ink);color:var(--dossier-paper);font:700 11px var(--dossier-font);letter-spacing:.12em}
.pg-newsletter button:disabled{opacity:.55}
.pg-newsletter-consent{display:flex;align-items:flex-start;gap:10px;margin-top:13px;color:var(--dossier-muted)!important;letter-spacing:.04em!important;text-transform:none!important}
.pg-newsletter-consent input{flex:0 0 auto;width:16px;height:16px;padding:0!important;accent-color:var(--dossier-stamp)}
.pg-newsletter-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.pg-newsletter #formMessage{min-height:20px;margin-top:14px;color:var(--dossier-accent);font-size:11px}

footer{
  margin-top:26px;
  padding:26px 0!important;
  border-top:2px solid rgba(18,18,18,.26)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--dossier-muted)!important;
}

footer a{
  color:var(--dossier-ink)!important;
}

@media (max-width: 960px){
  .pg-systems > header{
    grid-template-columns:1fr;
  }

  .system-intro{
    margin-bottom:24px;
  }

  .price-method > div{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .price-method article:nth-child(2){
    border-right:0;
  }

  .price-method article:nth-child(-n+2){
    border-bottom:1px solid var(--dossier-line);
  }
  .demo-ads{
    grid-template-columns:1fr 1fr;
  }

  .demo-banner-wide{
    grid-column:1/-1;
  }

  .pg-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .hero-sketch{
    min-height:330px;
    border-left:0;
    border-top:1px dashed rgba(18,18,18,.24);
  }

  .hardware-sketch-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pg-table-head,
  .pg-row{
    grid-template-columns:1.5fr .9fr .8fr 1fr;
  }

  .pg-table-head span:nth-child(2),
  .pg-row span:nth-child(2),
  .pg-table-head span:nth-child(5),
  .pg-row a{
    display:none;
  }

  #retroGrid{
    grid-template-columns:1fr;
  }

  .cart-shell{
    grid-template-columns:1fr;
  }

  .cart-summary{
    position:static;
  }

  #systemGrid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .price-method{
    padding:32px 20px;
  }

  .price-method > div{
    grid-template-columns:1fr;
  }

  .price-method article,
  .price-method article:nth-child(2){
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--dossier-line);
  }

  .price-method article:last-child{
    border-bottom:0;
  }

  .engineering-plate{
    display:flex;
    flex-direction:column;
  }

  .engineering-plate > div{
    position:static;
    width:auto;
    border:0;
    border-bottom:1px solid var(--dossier-ink);
    box-shadow:none;
  }
  .pg-newsletter{padding:28px 18px}
  .pg-newsletter form>div{grid-template-columns:1fr}
  .pg-newsletter form>div label{padding:10px 0}
  .pg-newsletter input,.pg-newsletter button{border:0!important;border-top:1px solid var(--dossier-line)!important}

  .affiliate-disclosure{
    grid-template-columns:1fr;
    gap:7px;
  }

  .demo-ads{
    grid-template-columns:1fr;
  }

  .demo-banner-wide{
    grid-column:auto;
  }

  .pg-header nav{
    display:none;
  }

  .pg-hero h1{
    font-size:clamp(52px,18vw,82px);
    letter-spacing:-4px;
  }

  .hero-sketch{
    min-height:240px;
  }

  .pg-table-head,
  .pg-row{
    grid-template-columns:1fr;
  }

  .pg-board header{
    display:block;
  }

  .pg-board header > p{
    max-width:none;
    margin:20px 0 0;
  }

  .pg-board h2{
    font-size:clamp(48px,15vw,68px);
    letter-spacing:-4px;
  }

  .pg-row .pg-actions a{
    display:inline-flex;
  }

  .pg-actions{
    width:100%;
    grid-template-columns:1fr;
  }

  .pg-actions a,
  .pg-actions .cart-add{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .pg-product{
    margin-bottom:4px;
  }

  .retro-meta{
    flex-direction:column;
    align-items:flex-start;
  }

  .cart-item{
    grid-template-columns:1fr;
  }

  .cart-item-meta{
    text-align:left;
  }

  .pg-list-ad{
    flex-direction:column;
    align-items:flex-start;
  }
}