/* ===========================================================
   Concierge #wins section v1
   Scope: only `#wins`. All classes use `.wn-` prefix.
   =========================================================== */

#wins {
  padding: 96px 24px;
  background: #FFFFFF;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.wn-inner {
  max-width: 1180px;
  margin: 0 auto;
}

.wn-header {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 56px;
}
.wn-eyebrow {
  font-size: 11px;
  letter-spacing: 0.16em;
  font-weight: 500;
  color: #FF6A1F;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.wn-h2 {
  font-size: 36px;
  font-weight: 700;
  color: #0A0A14;
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
}
.wn-sub {
  font-size: 14px;
  line-height: 1.6;
  color: #5A5A6A;
  margin: 0;
}

.wn-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  max-width: 940px;
  margin: 0 auto;
}

.wn-card {
  text-align: center;
}

.wn-illust {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.wn-meta {
  font-size: 10px;
  letter-spacing: 0.14em;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.wn-meta-orange { color: #FF6A1F; }
.wn-meta-blue   { color: #0050FF; }

.wn-h3 {
  font-size: 18px;
  font-weight: 700;
  color: #0A0A14;
  margin: 0 0 10px;
  letter-spacing: -0.01em;
  line-height: 1.25;
  height: 48px;
}

.wn-body {
  font-size: 13px;
  line-height: 1.55;
  color: #5A5A6A;
  margin: 0;
  font-weight: 400;
}

/* Rotation animation for Card 03 retention cycle */
@keyframes wn-rotate {
  0%   { transform: rotate(0deg); transform-origin: 50px 40px; }
  100% { transform: rotate(360deg); transform-origin: 50px 40px; }
}
.wn-rotate-anim {
  animation: wn-rotate 8s linear infinite;
  transform-origin: 50px 40px;
}

@media (prefers-reduced-motion: reduce) {
  .wn-rotate-anim { animation: none !important; }
}

@media (max-width: 900px) {
  #wins { padding: 64px 24px; }
  .wn-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .wn-h3 { height: auto; }
  .wn-h2 { font-size: 30px; }
}