.season-split{
  display:grid;grid-template-columns:1fr;gap:var(--space-5);
}
@media(min-width:768px){.season-split{grid-template-columns:1fr 1fr}}
.season-split .photo-caption{aspect-ratio:4/3}

.flow-diagram{
  display:flex;flex-direction:column;align-items:center;gap:var(--space-4);
}
@media(min-width:768px){
  .flow-diagram{flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--space-5)}
}
.flow-step{
  text-align:center;max-width:220px;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
}
.flow-step .flow-icon{
  width:56px;height:56px;border-radius:50%;
  background:rgba(224,151,42,.14);color:var(--gold-400);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s var(--ease-out), background .3s var(--ease-out);
}
.flow-step:hover .flow-icon{transform:scale(1.08);background:rgba(224,151,42,.24)}
.flow-step .flow-icon svg{width:26px;height:26px}
.flow-step h4{color:var(--cream-50);font-size:1rem}
.flow-step p{color:var(--cream-100);opacity:.75;font-size:.85rem}
.flow-arrow{
  color:var(--gold-500);font-size:1.4rem;font-family:var(--font-accent);
  transform:rotate(90deg);
}
@media(min-width:768px){.flow-arrow{transform:none;margin-top:1.5rem}}