/* ============================================================
   REIGNING CHOMP - The Dogs page styles
   ============================================================ */
.dogs-hero { background:#0c0c0c; color:#fff; padding: clamp(56px,8vw,108px) 0 clamp(40px,5vw,64px); position:relative; overflow:hidden; }
.dogs-hero .eyebrow { color: var(--gold); }
.dogs-hero h1 { color:#fff; font-size: clamp(42px,7.5vw,92px); line-height:0.92; max-width: 18ch; }
.dogs-hero h1 .hl { color: var(--gold); }
.dogs-hero p { margin-top:22px; font-size: clamp(18px,2vw,22px); color:rgba(242,236,221,0.74); max-width:56ch; line-height:1.55; }

/* trades grid */
.trades { padding: clamp(40px,6vw,80px) 0 clamp(56px,8vw,100px); }
.trades-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:24px; }
.trade {
  background: var(--card); border:1px solid var(--card-line); border-radius: var(--radius);
  padding: 30px 28px 26px; display:flex; flex-direction:column;
  transition: transform .2s var(--ease), border-color .2s var(--ease);
}
.trade:hover { transform: translateY(-5px); border-color: rgba(201,162,74,0.42); }
.trade .tnum { font-family:var(--font-body); font-weight:700; font-size:13px; letter-spacing:0.14em; color:var(--gold); }
.trade .trule { height:2px; background:rgba(201,162,74,0.3); margin:14px 0 18px; }
.trade h3 { font-size:27px; text-transform:uppercase; letter-spacing:-0.01em; line-height:1; }
.trade .breeds { margin-top:10px; font-size:13.5px; color:var(--gold); font-weight:600; letter-spacing:0.01em; }
.trade .row { margin-top:18px; }
.trade .row .lbl { font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(242,236,221,0.45); margin-bottom:5px; }
.trade .row p { font-size:15px; line-height:1.55; color:rgba(242,236,221,0.82); }
.trade .fuel {
  margin-top:auto; padding-top:20px; display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-display); font-weight:700; text-transform:uppercase; font-size:13px;
  letter-spacing:0.02em; color:var(--gold);
}
.trade .fuel:hover { color: var(--gold-bright); }
.trade .fuel .arr { transition: transform .18s var(--ease); }
.trade .fuel:hover .arr { transform: translateX(3px); }

/* closing band */
.dogs-cta { background: var(--char); border-top:1px solid rgba(201,162,74,0.18); padding: clamp(48px,7vw,88px) 0; }
.dogs-cta .inner { max-width:760px; margin:0 auto; text-align:center; }
.dogs-cta h2 { font-size: clamp(30px,4.4vw,50px); }
.dogs-cta h2 .hl { color: var(--gold); }
.dogs-cta p { margin:16px auto 26px; color:var(--ink-soft); font-size:18px; line-height:1.6; max-width:50ch; }
.dogs-cta .btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

@media (max-width: 860px) {
  .trades-grid { grid-template-columns: 1fr; gap:18px; }
}
@media (min-width:861px) and (max-width:1024px){
  .trades-grid { grid-template-columns: repeat(2,1fr); }
}

/* ---- trade card photos ---- */
.trade { overflow: hidden; }
.trade-media { margin: -30px -28px 22px; aspect-ratio: 4/3; overflow: hidden; background:#0c0c0c; }
.trade-media img { width:100%; height:100%; object-fit:cover; display:block; transition: transform .35s var(--ease); }
.trade:hover .trade-media img { transform: scale(1.04); }