/* ==========================================================================
   Theme: Poster Studio - oversized campaign typography and color fields.
   ========================================================================== */

[data-theme="poster"] {
  --bg: #f2ff45;
  --bg-soft: #ff5c35;
  --surface: #f7f4eb;
  --ink: #111111;
  --muted: #4e4b40;
  --accent: #f2ff45;
  --accent-ink: #111111;
  --accent-2: #5e5bff;
  --line: #111111;
  --border-w: 3px;
  --radius: 0;
  --radius-lg: 0;
  --shadow: 7px 7px 0 #111111;
  --shadow-strong: 12px 12px 0 #111111;
  --font-display: "Archivo Black", Impact, sans-serif;
  --h-weight: 800;
  --h-tracking: -0.055em;
  --h-transform: uppercase;
  --kicker-font: "IBM Plex Mono", monospace;
  --btn-radius: 0;
  --container-max: 1240px;
  --section-space: clamp(4rem, 8vw, 6.5rem);
  --tk-speed: 90;
}

[data-theme="poster"] body { background: var(--surface); }
[data-theme="poster"] .site-header { border-bottom: 4px solid var(--ink); background: var(--accent); backdrop-filter: none; }
[data-theme="poster"] .brand-name i { color: var(--accent-2); }
[data-theme="poster"] .nav-link { color: var(--ink); text-transform: uppercase; font-family: var(--kicker-font); font-size: 0.67rem; }
[data-theme="poster"] .nav-link:hover { background: var(--ink); color: var(--accent); }

[data-theme="poster"] .hero {
  background:
    linear-gradient(118deg, var(--accent) 0 56%, var(--surface) 56% 100%);
  border-bottom: 4px solid var(--ink);
}
[data-theme="poster"] .hero-title { font-size: clamp(3rem, 8vw, 6.7rem); line-height: 0.86; }
[data-theme="poster"] .hero-title em { color: var(--accent-2); -webkit-text-stroke: 2px var(--ink); }
[data-theme="poster"] .hero-sub { color: var(--ink); font-weight: 600; }
[data-theme="poster"] .kicker { display: inline-block; padding: 0.3rem 0.5rem; background: var(--ink); color: var(--accent); }
[data-theme="poster"] .hp { border: 3px solid var(--ink); background: var(--surface); font-family: var(--kicker-font); text-transform: uppercase; }

[data-theme="poster"] .btn { border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); text-transform: uppercase; }
[data-theme="poster"] .btn--primary { background: var(--accent-2); color: #fff; }
[data-theme="poster"] .btn--ghost { background: var(--surface); }
[data-theme="poster"] .btn:hover { transform: translate(3px, 3px); box-shadow: 2px 2px 0 var(--ink); background: var(--bg-soft); color: var(--ink); }

[data-theme="poster"] .ticker { border-block: 4px solid var(--ink); background: var(--ink); }
[data-theme="poster"] .tk-item { color: var(--surface); font-weight: 700; }
[data-theme="poster"] .tk-sep::before { content: "///"; color: var(--accent); }

[data-theme="poster"] .section { border-bottom: 3px solid var(--ink); }
[data-theme="poster"] .section--alt { background: var(--bg-soft); color: var(--ink); }
[data-theme="poster"] .section:nth-of-type(4n) { background: var(--accent-2); color: #fff; }
[data-theme="poster"] .section:nth-of-type(4n) .section-intro,
[data-theme="poster"] .section:nth-of-type(4n) p { color: rgba(255,255,255,0.78); }

[data-theme="poster"] .svc-card,
[data-theme="poster"] .why-card,
[data-theme="poster"] .demo-card,
[data-theme="poster"] .step,
[data-theme="poster"] .price-card,
[data-theme="poster"] .form,
[data-theme="poster"] .mode-panel,
[data-theme="poster"] .win--admin {
  border: 3px solid var(--ink);
  background: var(--surface);
  color: var(--ink);
  box-shadow: var(--shadow);
}
[data-theme="poster"] .svc-card:hover,
[data-theme="poster"] .demo-card:hover { transform: translate(4px, 4px); box-shadow: 3px 3px 0 var(--ink); }
[data-theme="poster"] .svc-icon,
[data-theme="poster"] .why-num,
[data-theme="poster"] .demo-cat { color: var(--accent-2); }
[data-theme="poster"] .why-num { font-family: var(--font-display); font-size: 2rem; }
[data-theme="poster"] .step-num { border-radius: 0; background: var(--accent); }
[data-theme="poster"] .demo-thumb { border: 3px solid var(--ink); }
[data-theme="poster"] .demo-status { border-radius: 0; border: 2px solid var(--ink); color: var(--ink); }
[data-theme="poster"] .price-card--featured { background: var(--accent); }
[data-theme="poster"] .price-badge { background: var(--ink); color: var(--accent); }
[data-theme="poster"] .price-list li::before { content: "■"; color: var(--accent-2); }
[data-theme="poster"] .field input,
[data-theme="poster"] .field select,
[data-theme="poster"] .field textarea { border: 3px solid var(--ink); background: #fff; }
[data-theme="poster"] .site-footer { border-top: 0; background: var(--ink); color: var(--surface); }
[data-theme="poster"] .site-footer a,
[data-theme="poster"] .site-footer p { color: var(--surface); }

.mode-card[data-mode="poster"] .mc-prev {
  border: 2px solid #111;
  border-radius: 0;
  background: #f2ff45;
  box-shadow: 3px 3px 0 #111;
}
.mode-card[data-mode="poster"] .mp-a { inset: 0 0 auto 42%; height: 100%; background: #ff5c35; transform: skewX(-12deg); transform-origin: top; }
.mode-card[data-mode="poster"] .mp-b { width: 2.7rem; height: 1rem; left: 0.4rem; bottom: 0.5rem; background: #5e5bff; border: 2px solid #111; }
.mode-card[data-mode="poster"] .mp-c { width: 2rem; height: 2rem; right: 0.55rem; top: 0.5rem; border-radius: 50%; background: #111; }
.mode-card[data-mode="poster"] .mc-aa { left: 0.45rem; top: 0.55rem; color: #111; font: 800 1.1rem/0.9 "Archivo Black", sans-serif; text-transform: uppercase; }