#seasons { background: var(--ocean-deep); color: var(--white); position: relative; overflow: hidden; }
#seasons::before {
  content:''; position:absolute; top:-100px; right:-100px;
  width:500px; height:500px; border-radius:50%;
  background:radial-gradient(circle, rgba(42,127,160,0.35) 0%, transparent 70%);
}
#seasons::after {
  content:''; position:absolute; bottom:-80px; left:-60px;
  width:300px; height:300px; border-radius:50%;
  background:radial-gradient(circle, rgba(232,99,26,0.08) 0%, transparent 70%);
  pointer-events:none;
}
.seasons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 60px; }
.season-card {
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius); padding: 40px; position: relative; overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.22,0.61,0.36,1), background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 2px 16px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.04);
  cursor: default;
}
.season-card:hover {
  background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.18);
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.06);
}
.season-icon {
  width: 56px; height: 56px; border-radius: 16px;
  background: rgba(255,255,255,0.10); display: flex; align-items: center; justify-content: center;
  margin-bottom: 20px; color: var(--sunset-gold);
  transition: transform 0.35s cubic-bezier(0.22,0.61,0.36,1), background 0.35s ease;
}
.season-card:hover .season-icon {
  transform: translateY(-3px);
  background: rgba(255,255,255,0.14);
}
.season-icon svg { width: 28px; height: 28px; transition: transform 0.35s cubic-bezier(0.22,0.61,0.36,1); }
.season-card:hover .season-icon svg { transform: scale(1.08); }
.season-card h3 {
  font-family: 'Bebas Neue', sans-serif; font-size: 1.8rem;
  letter-spacing: 0.05em; margin-bottom: 8px; color: var(--sunset-gold);
}
.season-period {
  font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.5); margin-bottom: 20px; font-weight: 600;
}
.season-card ul { list-style: none; display: flex; flex-direction: column; gap: 14px; }
.season-card li { display: flex; align-items: center; gap: 12px; font-size: 0.95rem; color: rgba(255,255,255,0.82); }
.season-card li svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--sunset); }

/* Staggered scroll entry */
@keyframes seasonFadeIn {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
#seasons .section-tag.visible   { animation: seasonFadeIn 0.6s 0s cubic-bezier(0.22,0.61,0.36,1) both; }
#seasons .section-title.visible { animation: seasonFadeIn 0.6s 0.08s cubic-bezier(0.22,0.61,0.36,1) both; }
#seasons .divider.visible       { animation: seasonFadeIn 0.6s 0.14s cubic-bezier(0.22,0.61,0.36,1) both; }
.season-card.visible            { animation: seasonFadeIn 0.65s cubic-bezier(0.22,0.61,0.36,1) both; }
.season-card:nth-child(1).visible { animation-delay: 0.22s; }
.season-card:nth-child(2).visible { animation-delay: 0.32s; }

/* Seasonal list items — staggered reveal */
.season-card li { opacity: 0; transform: translateY(12px); }
.season-card.visible li { animation: seasonFadeIn 0.5s cubic-bezier(0.22,0.61,0.36,1) both; }
.season-card.visible li:nth-child(1) { animation-delay: 0.42s; }
.season-card.visible li:nth-child(2) { animation-delay: 0.48s; }
.season-card.visible li:nth-child(3) { animation-delay: 0.54s; }
.season-card.visible li:nth-child(4) { animation-delay: 0.60s; }
.season-card.visible li:nth-child(5) { animation-delay: 0.66s; }

@media(max-width:900px){
  .seasons-grid { grid-template-columns:1fr; gap: 32px; }
}
@media(max-width:480px){
  .season-card { padding: 28px 20px; }
  .season-card h3 { font-size: 1.5rem; }
  .season-card ul { gap: 12px; }
}