/* 3D platinum county pieces (spinning turntables, still poster for reduced motion).
   Platinum only, with a faint engraved map graticule behind each piece. No green/blue.
   Used by: homepage county rail, /showcase "Where we build", county cards, county CTA. */

.c3d {
  position: relative;
  display: block;
  flex: none;
  aspect-ratio: 1 / 1;
}
/* engraved map plate: soft platinum halo + fine graticule that fades out at the rim */
.c3d::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 46%, rgba(229,228,226,.10), rgba(201,206,214,.04) 46%, transparent 70%),
    repeating-linear-gradient(0deg, rgba(201,206,214,.075) 0 1px, transparent 1px 11px),
    repeating-linear-gradient(90deg, rgba(201,206,214,.075) 0 1px, transparent 1px 11px);
  -webkit-mask-image: radial-gradient(circle, #000 52%, transparent 71%);
          mask-image: radial-gradient(circle, #000 52%, transparent 71%);
}
.c3d img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Homepage county rail: a small spinning piece inside each county chip */
.county-rail a { gap: 8px; padding-left: 8px; }
.c3d-rail { width: 40px; height: 40px; margin: 2px 0; }
.c3d-rail::before { background-size: auto, 6px 6px, 6px 6px; }
.c3d-rail img { transform: scale(1.15); }

/* /showcase "Where we build" */
html body .sc-map .cc-emblem-wrap { width: 132px; height: 132px; }
.c3d-emblem { width: 100%; height: 100%; position: relative; z-index: 1; }
html body img.cc-emblem.c3d-img {
  /* the pieces are rendered platinum: no recolor filter, shadow only */
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.5));
  transform: none;
}
/* town-list bars and chevron move from gold to platinum to match the pieces */
html body .cc-towns li { border-left-color: #C9CED6; }
html body .cc-chev { border-right-color: #C9CED6; border-bottom-color: #C9CED6; }
@media (max-width: 760px) {
  html body .sc-map .cc-emblem-wrap { width: 104px; height: 104px; }
}

/* County cards on the county pages */
.c3d-card { width: 96px; height: 96px; margin: -8px auto 10px; }

/* County CTA band on each county page */
.c3d-cta { width: 150px; height: 150px; margin: -24px auto 18px; }
@media (max-width: 600px) {
  .c3d-cta { width: 120px; height: 120px; }
}