/* ─── Responsive — Mobile ───────────────────────────── */
@media (max-width: 560px) {
  .wrapper {
    padding: 0 20px;
  }

  /* Logo */
  .logo-oval-outer {
    width: 180px;
    height: 82px;
  }

  .logo-oval-inner {
    width: 158px;
    height: 62px;
  }

  .logo-text {
    font-size: 30px;
  }

  /* Countdown */
  .count-block {
    min-width: 62px;
    padding: 14px 14px 10px;
  }

  .count-num {
    font-size: 40px;
  }

  .count-sep {
    font-size: 28px;
    margin-top: 12px;
  }

  /* Corners */
  .corner {
    width: 40px;
    height: 40px;
  }

  .c-tl { top: 12px;    left: 12px;   }
  .c-tr { top: 12px;    right: 12px;  }
  .c-bl { bottom: 12px; left: 12px;   }
  .c-br { bottom: 12px; right: 12px;  }
}

@media (max-width: 560px) {
  main {
    padding: 24px 0 40px;  /* reduce top padding to pull eyebrow up */
  }
}