.harvest-countdown { display:grid; grid-template-columns:180px minmax(0, 1fr); gap:clamp(2rem,5vw,5rem); align-items:center; padding:4.5rem 8vw; background:var(--forest); color:var(--white); border-bottom:1px solid #b28b4c55; }
.harvest-hourglass { width:180px; }
.harvest-hourglass svg { display:block; width:100%; height:auto; }
.harvest-content { max-width:850px; }
.harvest-content .eyebrow { margin-bottom:1rem; }
.harvest-content h2 { font-size:clamp(1.9rem,3.5vw,3.4rem); line-height:1.18; }
.harvest-digits { margin-top:1.5rem; display:flex; gap:clamp(1rem,3vw,2.5rem); }
.harvest-digits > div { min-width:3.5rem; }
.harvest-digits span { display:block; color:#e3c98f; font-family:var(--serif); font-size:clamp(2rem,4vw,3rem); font-variant-numeric:tabular-nums; line-height:1.1; }
.harvest-digits small { display:block; margin-top:.5rem; color:#dfdfd2; font-size:.75rem; }
.harvest-sand-stream { animation:harvest-fall .7s linear infinite; }
.harvest-complete { margin:1rem 0 0; color:#e3c98f; }
.harvest-countdown.is-complete .harvest-sand-stream { display:none; }
@keyframes harvest-fall { to { stroke-dashoffset:-14; } }
@media(max-width:600px) { .harvest-countdown { grid-template-columns:1fr; gap:1rem; padding:2.5rem 1.5rem 3rem; text-align:center; } .harvest-hourglass { width:112px; margin:auto; } .harvest-content h2 { font-size:2rem; } .harvest-digits { justify-content:center; gap:1.2rem; } .harvest-digits > div { min-width:0; flex:1; max-width:4rem; } }
@media(prefers-reduced-motion:reduce) { .harvest-sand-stream { animation:none; } }