/* Wanderkin collectible card — master frame.
   Card aspect ratio is 2:3, canonical size 800x1200. All internal
   measurements are expressed in cqw (% of card width) so one rule set
   renders correctly at gallery thumbnail size and at the 800px export
   size used for print and Instagram. Do not hardcode px inside .wk-card. */

:root{
  --cream:#FBF3DE;
  --ink:#14100E;
  --sienna:#854513;
  --coral:#E24B3F;
  --sky:#2E9BD4;
  --sun:#FFD21E;
  --leaf:#89C440;
  --white:#FFFFFF;
  --ground:#F0E9D0;
  --line:rgba(20,16,14,0.22);
}

/* Station identity: fixed per station, referenced by data-station on .wk-card */
.wk-card[data-station="dobhi"]  .wk-card__chip{ background:var(--sun); }
.wk-card[data-station="chamba"] .wk-card__chip{ background:var(--leaf); }

.wk-card{
  container-type: inline-size;
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  background: var(--cream);
  border: 0.2cqw solid var(--ink);
  border-radius: 3cqw;
  box-shadow: 6px 6px 0 0 var(--ink);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family:'Lora',serif;
  color: var(--ink);
}

.wk-card__window{
  position: relative;
  margin: 5cqw 5cqw 0;
  flex: 1 1 auto;
  min-height: 0;
  border: 0.14cqw solid var(--ink);
  border-radius: 2.4cqw;
  overflow: hidden;
  background: var(--ground);
}

.wk-card__window img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wk-card__chip{
  position: absolute;
  top: 3.2cqw;
  left: 3.2cqw;
  border: 0.15cqw solid var(--ink);
  border-radius: 999px;
  padding: 0.9cqw 2.6cqw;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight: 600;
  font-size: 2.4cqw;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  line-height: 1.6;
}

.wk-card__title-row{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  gap: 1.4cqw;
  padding: 3.4cqw 5cqw 0;
}

.wk-card__rule{
  width: 60%;
  height: 0.18cqw;
  background: var(--ink);
}

.wk-card__title{
  font-family:'Source Serif 4',serif;
  font-weight: 700;
  font-size: 7.6cqw;
  line-height: 1.05;
  letter-spacing: -0.01em;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  text-wrap: balance;
}

.wk-card__badges{
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 1.5cqw;
  flex: 0 0 auto;
  padding: 2.6cqw 4cqw 3.6cqw;
}

.wk-card__badge{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.3cqw;
  flex: 0 1 auto;
}

.wk-card__badge-circle{
  width: 19cqw;
  height: 19cqw;
  border-radius: 50%;
  background: var(--white);
  border: 0.18cqw solid var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
}

.wk-card__badge-icon{
  width: 62%;
  height: 62%;
}

.wk-card__badge-label{
  font-family:'IBM Plex Sans',sans-serif;
  font-weight: 600;
  font-size: 2.5cqw;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: center;
  color: var(--ink);
}

/* Gallery grid: one new card = one .wk-card in this grid */
.wk-card-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 36px;
}