/* 7kcartaz.com — mural-cartaz-ocre-b20z. Unique rusty wanted-poster lobby. */
@font-face{font-family:CartazMark;src:url(/fonts/rye.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:CartazSans;src:url(/fonts/source-sans-3-latin-ext.woff2) format("woff2");font-weight:200 900;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:CartazSans;src:url(/fonts/source-sans-3-latin.woff2) format("woff2");font-weight:200 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#120807;--blood:#c41218;--rust:#c45a22;--sepia:#c9a06a;--gold:#ffb028;
  --ocre:#e07a28;--bone:#f3e6d0;--mute:#b89a7a;--line:rgba(224,122,40,.42);
  --deep:#0a0504;--cta:#c41218;--cta-ink:#fff4e4;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--bone);
  font-family:CartazSans,system-ui,sans-serif;font-size:16px;line-height:1.55;font-weight:500}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:#ffe19a}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cz-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.cz-skip:focus{left:8px;top:8px;width:auto;height:auto;padding:8px 12px;background:var(--gold);color:var(--ink);z-index:90}

/* rusty-nail plank header */
.cz-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;
  padding:4px 12px;height:72px;min-height:72px;
  background:
    linear-gradient(180deg,rgba(196,18,24,.28),transparent 55%),
    repeating-linear-gradient(90deg,#1a0c0a 0 28px,#140807 28px 56px);
  border-bottom:2px solid #8a3a14;
  box-shadow:0 8px 28px #000c, inset 0 -1px 0 #ffb02855}
.cz-brand{display:flex;align-items:center;gap:8px;color:var(--gold);white-space:nowrap;flex:none}
.cz-brand img{width:64px;height:64px;flex:none;border-radius:8px;object-fit:cover;
  box-shadow:0 0 0 1px #c9a06a88,0 0 14px #c4121888}
.cz-word{position:relative;font-family:CartazMark,CartazSans,sans-serif;font-weight:400;font-size:56px;line-height:1;
  letter-spacing:.01em;display:inline-flex;align-items:baseline}
.cz-word-back{position:absolute;inset:0;color:#140806;-webkit-text-stroke:4px #140806;paint-order:stroke fill;
  text-shadow:0 2px 0 #000}
.cz-word-front{position:relative;
  background:linear-gradient(180deg,#fff3c0 0%,#ffd56a 28%,#ffb028 68%,#e07a28 100%);
  -webkit-background-clip:text;background-clip:text;color:#ffb028;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 10px rgba(255,176,40,.55))}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .cz-word-front,.cz-h1-front{-webkit-text-fill-color:#ffb028;color:#ffb028;background:none}
}
.cz-pills{display:flex;flex-wrap:nowrap;gap:4px;margin-left:auto;align-items:center}
.cz-pill{display:inline-flex;align-items:center;gap:5px;height:44px;min-height:44px;padding:0 8px;border-radius:6px;
  border:1px solid rgba(201,160,106,.55);background:linear-gradient(180deg,#2a1410,#160a08);
  color:var(--bone);font-weight:700;font-size:13px;box-shadow:inset 0 1px 0 #ffb02833,0 2px 0 #0008}
.cz-pill svg{width:20px;height:20px;flex:none}
.cz-pill[aria-current="page"],.cz-pill:hover{border-color:var(--gold);color:var(--gold);
  box-shadow:0 0 0 1px var(--gold),0 0 12px #c4121866}
.cz-burger{display:none;background:none;border:1px solid var(--gold);color:var(--gold);
  border-radius:8px;padding:8px 10px;font:inherit;min-height:40px}

.cz-go,.cz-go-rec{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:44px;min-height:44px;padding:0 14px;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.04em;
  border:0;cursor:pointer;white-space:nowrap}
.cz-go{background:linear-gradient(180deg,#ff6a4a,#c41218 48%,#8a0c10);color:var(--cta-ink);
  box-shadow:0 0 0 1px #ffd56a,0 0 16px #c4121888,0 4px 0 #5a0808}
.cz-go:hover{color:var(--cta-ink);filter:brightness(1.08)}
.cz-go-rec{background:linear-gradient(180deg,#ffd56a,#e07a28 45%,#a04a10);color:#1a0c08;
  box-shadow:0 0 0 1px #ffe19a,0 0 14px #ffb02866,0 3px 0 #5a2a08}
.cz-go-rec:hover{color:#1a0c08;filter:brightness(1.06)}
.cz-go .cz-arr,.cz-go-rec .cz-arr{width:16px;height:16px}

/* bounty-bulletin ticker */
.cz-tape{height:22px;overflow:hidden;background:#0a0504;border-bottom:1px solid #c45a2266;
  display:flex;align-items:center}
.cz-tape-track{display:flex;gap:64px;white-space:nowrap;animation:cz-marq 32s linear infinite;padding-left:20px;
  font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.cz-tape-track b{color:#ff6a4a;margin:0 6px}
@keyframes cz-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* compact dusty main-street hero — 308px, 72px+ solid H1, posters visible */
.cz-hero{position:relative;height:308px;overflow:hidden;margin:0;
  border-bottom:1px solid var(--line);
  box-shadow:0 0 36px #c4121844}
.cz-hero-art{width:100%;height:308px;object-fit:cover;object-position:center center;display:block;
  filter:brightness(1.06) saturate(1.10) contrast(1.04)}
.cz-hero::before{content:none}
.cz-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    linear-gradient(90deg,rgba(18,8,7,.18) 0 20%,rgba(18,8,7,.08) 40%,transparent 62%),
    linear-gradient(180deg,rgba(18,8,7,.08) 0,transparent 36%,rgba(18,8,7,.16) 100%)}
.cz-hero-box{position:absolute;inset:0;z-index:2;display:grid;
  grid-template-columns:1fr auto;align-items:center;gap:10px;
  max-width:1280px;margin:0 auto;padding:8px 16px;width:100%}
.cz-hero-copy{padding-left:170px}
.cz-hero-copy h1{margin:0 0 10px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.cz-h1-line{position:relative;display:block;font-family:CartazMark,CartazSans,sans-serif;font-weight:400;
  letter-spacing:.01em;text-transform:uppercase;line-height:.92}
.cz-h1-gold{font-size:76px}
.cz-h1-blood{font-size:72px;letter-spacing:0;display:block;transform:scaleX(.91);transform-origin:left center}
.cz-h1-back{position:absolute;left:0;top:0;color:#140806;-webkit-text-stroke:5px #140806;
  text-shadow:0 3px 0 #000,0 0 12px #000;white-space:nowrap;pointer-events:none}
.cz-h1-front{position:relative;white-space:nowrap;
  -webkit-background-clip:text;background-clip:text;color:#ffb028;-webkit-text-fill-color:transparent}
.cz-h1-gold .cz-h1-front{
  background:linear-gradient(180deg,#fff6d0 0%,#ffe19a 18%,#ffc44a 52%,#ff8a1a 100%);
  -webkit-background-clip:text;background-clip:text}
.cz-h1-blood .cz-h1-front{
  background:linear-gradient(180deg,#ffd0a0 0%,#ff7a28 28%,#e01818 70%,#9a0c10 100%);
  -webkit-background-clip:text;background-clip:text;color:#e01818}
.cz-hero-copy .cz-go,.cz-go-hero{height:52px;min-height:52px;padding:0 26px;font-size:18px;font-weight:800;
  letter-spacing:.06em;border-radius:10px}

/* weathered paper RTP badge — fully inside the hero, 24px right inset */
.cz-badge{position:absolute;right:27px;top:16px;z-index:3;
  width:158px;min-height:148px;margin:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:
    radial-gradient(circle at 22% 18%,rgba(90,30,10,.14),transparent 42%),
    radial-gradient(circle at 78% 86%,rgba(110,20,10,.12),transparent 40%),
    linear-gradient(165deg,#f6e7c4 0%,#e8d09a 48%,#d2b06a 100%);
  color:#1a0c08;
  border:3px solid #3a2210;border-radius:3px 5px 2px 4px;
  box-shadow:2px 3px 0 #140806,0 0 0 1px #8a6a3a,3px 8px 16px rgba(0,0,0,.45),
    inset 0 0 18px rgba(80,40,10,.12);
  padding:10px 8px 12px;
  transform:rotate(-2.2deg);transform-origin:center center;
  box-sizing:border-box}
.cz-badge strong{font-family:CartazMark,CartazSans,sans-serif;font-size:2.15rem;font-weight:800;line-height:1;
  color:#1a0c08;text-shadow:0 1px 0 #fff3d0;margin-top:2px;letter-spacing:.01em}
.cz-badge span{font-family:CartazSans,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#3a2010;text-transform:uppercase}
.cz-badge small{display:block;font-family:CartazMark,CartazSans,sans-serif;font-size:1.35rem;font-weight:800;color:#1a0c08;margin-top:5px;letter-spacing:.02em}

/* slim nail-board promo rail — bright art, gold rim, one 27px outlined title */
.cz-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  max-width:1280px;margin:0 auto;padding:6px 16px 4px}
.cz-promo{position:relative;display:block;height:126px;border-radius:6px;overflow:hidden;
  border:2px solid #e0b24a;
  box-shadow:0 0 0 1px #6a3a10,0 3px 0 #0a0504,0 0 14px #ffb02855}
.cz-promo img{width:100%;height:126px;object-fit:cover;object-position:center 42%;
  filter:brightness(1.32) saturate(1.20) contrast(1.08)}
.cz-promo h2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 10px 6px;
  font-family:CartazSans,sans-serif;font-weight:800;font-size:27px;line-height:1.1;letter-spacing:.03em;
  text-transform:uppercase;color:#fff8e4;text-align:center;
  text-shadow:1px 0 0 #140806,-1px 0 0 #140806,0 1px 0 #140806,0 -1px 0 #140806,
    1px 1px 0 #140806,-1px 1px 0 #140806,0 2px 0 #000,0 0 8px #000;
  background:linear-gradient(180deg,transparent 0%,rgba(18,8,7,.28) 55%,rgba(18,8,7,.52) 100%)}
.cz-promo .cz-tag{position:absolute;top:6px;right:6px;left:auto;display:inline-block;width:auto;z-index:2}
.cz-promo:hover{border-color:#ffd56a;box-shadow:0 0 0 1px #ffd56a,0 0 16px #ffb02866}

/* poster-row of 8 rust-framed tiles, one row, fold bottom 770-795 */
.cz-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;
  max-width:1280px;margin:0 auto;padding:4px 16px 6px}
.cz-tile{position:relative;display:block;height:234px;border-radius:4px;overflow:hidden;
  border:2px solid #8a5a28;
  box-shadow:0 3px 0 #0a0504,0 0 12px #c45a2222, inset 0 0 0 1px #c9a06a33}
.cz-tile img{width:100%;height:234px;object-fit:cover;filter:brightness(1.12) saturate(1.12)}
.cz-tag{position:absolute;top:6px;left:6px;z-index:2;padding:2px 7px;border-radius:3px;
  font-size:10px;font-weight:800;letter-spacing:.08em;color:#140806;display:inline-block;width:auto}
.cz-tag-hot{background:linear-gradient(180deg,#ffb09a,#c41218);color:#fff4e4;box-shadow:0 0 8px #c4121888}
.cz-tag-novo{background:linear-gradient(180deg,#ffe19a,#ffb028);box-shadow:0 0 8px #ffb02888}
.cz-plaque{position:absolute;left:3px;right:3px;bottom:3px;z-index:2;margin:0;padding:5px 3px 4px;
  font-family:CartazSans,sans-serif;font-weight:800;font-size:17px;line-height:1.1;letter-spacing:.02em;
  text-transform:uppercase;
  color:#fff8e8;text-align:center;text-shadow:0 1px 0 #000,0 0 6px #000;
  background:linear-gradient(180deg,#4a2c16,#1a0c08 72%);
  border:1px solid #d4a24a;border-radius:2px;
  box-shadow:0 1px 0 #000,inset 0 1px 0 rgba(255,210,120,.28)}
.cz-tile:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 16px #c4121855}

/* below-fold sheriff-ledger + sections */
.cz-wrap{max-width:1280px;margin:0 auto;padding:18px 16px 40px}
.cz-ledger{margin:8px 16px 0;max-width:1248px;margin-left:auto;margin-right:auto;
  border:1px solid var(--line);border-radius:8px;overflow:hidden;
  background:linear-gradient(180deg,#1c0e0a,#120807)}
.cz-ledger h2{margin:0;padding:10px 16px;font-family:CartazMark,sans-serif;font-size:28px;font-weight:400;
  color:var(--gold);letter-spacing:.03em;border-bottom:1px solid var(--line);
  text-shadow:0 0 10px #c4121866}
.cz-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.cz-fact{padding:12px 14px;border-right:1px solid rgba(224,122,40,.18)}
.cz-fact:last-child{border-right:0}
.cz-fact b{display:block;font-family:CartazMark,sans-serif;font-size:22px;color:#fff4e4;line-height:1.1;
  text-shadow:0 0 10px #c4121866}
.cz-fact span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.cz-fact small{display:block;font-size:11px;color:#b89a7a;margin-top:4px}

.cz-panel{margin:22px 0;background:linear-gradient(180deg,#1a0c0a,#120807);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.cz-panel h2{margin:0;padding:12px 16px;font-family:CartazMark,sans-serif;font-size:28px;color:var(--gold);border-bottom:1px solid var(--line)}
.cz-panel .cz-body{padding:16px}
.cz-panel p{margin:0 0 12px;color:var(--sepia)}
.cz-cover{width:100%;height:auto;border-radius:0;aspect-ratio:1200/630;object-fit:cover}
.cz-crumb{font-size:13px;font-weight:600;color:var(--mute);padding:10px 16px 0}
.cz-crumb a{color:var(--ocre)}
.cz-note{font-size:13px;color:var(--mute)}
.cz-disc{font-size:12px;color:#b89a7a;margin-top:6px}
.cz-footer{border-top:1px solid var(--line);padding:22px 16px 32px;text-align:center;color:var(--mute);font-size:13px;
  background:#0a0504}
.cz-footer a{color:var(--gold)}
.cz-18{display:inline-block;margin:0 6px;padding:1px 7px;border:1px solid var(--blood);color:#ff6a4a;
  border-radius:4px;font-weight:800;letter-spacing:.06em}

.cz-article{max-width:860px}
.cz-article h2{font-family:CartazMark,sans-serif;font-size:28px;color:var(--gold);font-weight:400;margin:22px 0 8px}
.cz-article h3{font-size:18px;color:#ffe19a;margin:18px 0 6px}
.cz-article ul,.cz-article ol{color:var(--sepia)}
.cz-src{font-size:13px;color:#b89a7a}
.cz-src a{color:var(--gold)}

/* reviews hub — torn-poster slips, 5 bounty columns */
.cz-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;align-items:center;
  border-bottom:1px solid var(--line)}
.cz-tools input[type="search"]{flex:1;min-width:200px;height:40px;border-radius:8px;border:1px solid var(--line);
  background:#1a0c0a;color:var(--bone);padding:0 12px;font:inherit}
.cz-cols{display:flex;flex-wrap:wrap;gap:6px}
.cz-cols button{height:36px;padding:0 12px;border-radius:6px;border:1px solid var(--line);
  background:#1a0c0a;color:var(--bone);font:inherit;font-weight:700;cursor:pointer}
.cz-cols button[aria-pressed="true"],.cz-cols button:hover{border-color:var(--gold);color:var(--gold);
  box-shadow:0 0 10px #ffb02844}
.cz-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:12px 16px 8px}
.cz-slip{background:linear-gradient(180deg,#24140e,#160a08);border:1px solid var(--line);border-radius:6px;padding:12px 14px}
.cz-slip h3{margin:0 0 6px;font-size:16px;color:#fff4e4}
.cz-slip p{margin:0 0 8px;font-size:13px;color:var(--mute)}
.cz-slip .cz-stamp{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--rust);color:#ffd56a;border-radius:3px;padding:2px 6px;margin-bottom:8px}
.cz-more{display:block;margin:8px auto 16px;height:40px;padding:0 20px;border-radius:8px;
  border:1px solid var(--gold);background:#1a0c0a;color:var(--gold);font:inherit;font-weight:800;cursor:pointer}
.cz-fulls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:8px 16px 16px}
.cz-full{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#1a0c0a}
.cz-full img{width:100%;height:140px;object-fit:cover}
.cz-full strong{display:block;padding:10px 12px 12px;color:#fff4e4}

@media (max-width:900px){
  .cz-word{font-size:36px}
  .cz-brand img{width:48px;height:48px}
  .cz-bar{height:58px;min-height:58px}
  .cz-hero-copy{padding-left:0}
  .cz-pills{display:none}
  .cz-bar.is-open .cz-pills{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;
    background:#120807;padding:8px;border-bottom:1px solid var(--line);z-index:60}
  .cz-burger{display:inline-flex;margin-left:auto}
  .cz-hero,.cz-hero-art{height:240px}
  .cz-h1-gold{font-size:36px}
  .cz-h1-blood{font-size:28px}
  .cz-badge{display:none}
  .cz-promos{grid-template-columns:1fr;padding:8px}
  .cz-promo{height:110px}
  .cz-promo img{height:110px}
  .cz-promo h2{font-size:22px}
  .cz-tiles{grid-template-columns:repeat(2,1fr)}
  .cz-tile,.cz-tile img{height:180px}
  .cz-facts{grid-template-columns:1fr 1fr}
  .cz-go-hero{height:48px}
}
@media (max-width:480px){
  .cz-h1-gold{font-size:28px}
  .cz-h1-blood{font-size:22px}
  .cz-word{font-size:26px}
}