body.tape { --bg:#171310; --panel:#261d16; --line:#5c4636; --ink:#fff1d5; --muted:#ddc9ab; --accent:#f9ac58; --on-accent:#29170b; --radius:6px; --display:Arial,sans-serif; }
.tape .site-header { max-width:1040px; }
.tape-deck { border:1px solid #705340; background:#30251f; padding:12px; border-radius:20px; box-shadow:0 16px 52px #0008; }
.tape-top,.tape-bottom { display:flex; justify-content:space-between; gap:7px; padding:10px 13px; font:700 12px var(--mono); letter-spacing:.1em; color:#ffb36f; }
.tape-top span:first-child { color:#ff8f78; }
.tape-screen { min-height:480px; display:grid; place-items:end start; position:relative; overflow:hidden; isolation:isolate; border-radius:24px 24px 16px 16px; border:1px solid #705340; }
.tape-screen > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-position:center 36%; }
.tape-screen::after { content:""; position:absolute; z-index:-1; inset:0; background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 4px),linear-gradient(90deg,#1c110ef5, #1c110e26 85%); }
.tape-overlay { max-width:640px; padding:clamp(20px,5vw,65px); }
.tape-overlay .wordmark { transform:scaleX(.92); transform-origin:left; color:#ffd790; text-shadow:4px 3px #a54b20; }
.tape .tape-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:20px; margin-top:24px; }
.tape .editorial { margin-top:15px; }
@media(max-width:720px){.tape-screen{min-height:390px}.tape .tape-grid{grid-template-columns:1fr}.tape-top,.tape-bottom{font-size:9px}.tape-deck{padding:6px}}