/* Fall & Winter page (/winter-deck-building-omaha/). Builds on replacement-page.css. */
.winter-page .wp-hero .rp-hero__media img { object-position: center 60%; }

.wp-why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.wp-why__card {
  position: relative; overflow: hidden; background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius-xl); padding: 1.75rem 1.5rem; box-shadow: var(--shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}
.wp-why__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.wp-why__card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.wp-why__card:hover::before { transform: scaleX(1); }
.wp-why__icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: var(--accent); color: var(--accent-foreground); margin-bottom: 1rem; }
.wp-why__num { position: absolute; top: 1rem; right: 1.25rem; font-family: var(--font-serif); font-size: 2.25rem; color: var(--secondary); opacity: .08; }
.wp-why__card h3 { font-size: 1.15rem; margin-bottom: .5rem; }
.wp-why__card p { color: var(--muted-foreground); font-size: .95rem; margin: 0; }

.wp-cold { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.wp-cold__copy p { color: var(--muted-foreground); }
.wp-pull { margin: 1.5rem 0 0; padding: .25rem 0 .25rem 1.25rem; border-left: 4px solid var(--primary); font-family: var(--font-serif); font-style: italic; font-size: 1.35rem; color: var(--secondary); }
.wp-cold__photo { margin: 0; border-radius: var(--radius-2xl); overflow: hidden; box-shadow: var(--shadow-xl); }
.wp-cold__photo img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.wp-steps { grid-template-columns: repeat(2, 1fr); }
.wp-callout {
  margin-top: 2.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
  background: var(--secondary); color: #fff; border-radius: var(--radius-xl); padding: 1.75rem 2rem;
}
.wp-callout p { margin: 0; color: rgba(255,255,255,.88); max-width: 46rem; }
.wp-callout strong { color: var(--primary); font-family: var(--font-serif); font-size: 1.15rem; }
.wp-callout .btn { flex-shrink: 0; }

@media (max-width: 1024px) { .wp-why { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .wp-why, .wp-cold, .wp-steps { grid-template-columns: 1fr; }
  .wp-callout { flex-direction: column; align-items: flex-start; padding: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) { .wp-why__card, .wp-why__card::before { transition: none; } }