@font-face {
  font-family: 'WoibexFont';
  src: url('./fonts/AriaTextG1-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'bruumFontbold';
  src: url('./fonts/BruumFY-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'bruumFont';
  src: url('./fonts/BruumFY-Light.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'bruumFont';
  src: url('./fonts/BruumFY-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'WoibexFont';
  src: url('./fonts/AriaTextG1-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

.font-woibex {
  font-family: 'WoibexFont' ;
}
.font-bruum{
  font-family: 'bruumFont' ;
}
.font-bruumbold{
  font-family: 'bruumFontbold' ;
}

html { scroll-behavior: smooth; }

.woibex-bar{padding:10px 14px}
.woibex-kicker{font-weight:600;line-height:1.15;margin:0}
.woibex-title{font-weight:800;letter-spacing:.08em;line-height:1.05;margin:4px 0 0;text-transform:uppercase}

/* SM */
@media (min-width:576px){
.woibex-bar{padding:14px 20px}
}

/* MD */
@media (min-width:576px){
.woibex-kicker{font-size:16px}
.woibex-title{font-size:1.0rem}
}
@media (min-width:768px){
.woibex-kicker{font-size:1.8rem}
.woibex-title{font-size:1.8rem}
}

/* LG */
@media (min-width:992px){
.woibex-kicker{font-size:1.9rem}
.woibex-title{font-size:1.9rem}
}

/* XL */
@media (min-width:1200px){
.woibex-kicker{font-size:1.7rem}
.woibex-title{font-size:1.9rem}
}
.countdown-row{display:flex;align-items:center;flex-wrap:nowrap;gap:.6rem}
@media (min-width:576px){.countdown-row{gap:1.2rem}}
@media (min-width:768px){.countdown-row{gap:2.5rem}}
@media (min-width:992px){.countdown-row{gap:3.2rem}}

.cd-unit{min-width:56px; text-align:left}
@media (min-width:576px){.cd-unit{min-width:72px;text-align:center}}

.cd-num{color:#b91c1c;font-weight:900; line-height:1; font-variant-numeric:tabular-nums; font-size:1.75rem}
@media (min-width:576px){.cd-num{font-size:3rem}}

.cd-label{color:#374151; margin-top:.25rem; font-size:.72rem}
@media (min-width:576px){.cd-label{margin-top:.5rem; font-size:.95rem}}

.cd-sep{width:1px;background:#d1d5db;height:40px}
@media (min-width:576px){.cd-sep{height:56px}}

.media-bar {
  width: 4px;
  background-color: #b91c1c;
  flex-shrink: 0;
  height: 64px;
}

.media-title {
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.25;
}

@media (min-width: 576px) {
  .media-title {
    font-size: 0.9rem;
  }
}

.footer-dark { background:#111317; }
.footer-dark a { text-decoration: none; }
.footer-dark a:hover { color:#fff !important; }
.footer-underline { height:2px; width:32px; background:#b91c1c; margin-top:6px; }

.count-num{
    font-size: clamp(44px, 5vw, 92px);
    line-height: 1;
    letter-spacing: -0.02em;
  }

  /* Thin vertical divider like the first image */
  .count-vr{
    width: 1px;
    height: clamp(52px, 6vw, 90px);
    background: rgba(0,0,0,.22);
  }

  /* Keep same spacing on very small screens */
  @media (max-width: 480px){
    .count-num{ font-size: 42px; }
  }