/* 241:page-system:v2 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

#pb-445{
  /* re:tokens v1 — base tokens below are patched deterministically on Save. Do not hand-edit. */

  /* BASE TOKENS */
  --color-primary:   #dc2a12;
  --color-secondary: #ffb400;
  --color-accent:    #f39200;
  --font-heading: IBM Plex Sans Condensed;
  --font-body:    IBM Plex Sans;

  /* STATIC SHADE TOKENS — always present; fallback for browsers without relative-color */
  --color-primary-hover: #bf220d;
  --color-secondary-hover: #e6a200;
  --color-bg: #ffffff;
  --color-surface: #fdf8f4;
  --color-surface-alt: #fff1d6;
  --color-surface-dark: #5b160f;
  --color-border: #e6cdbf;
  --color-text: #1f2530;
  --color-text-muted: #56606f;
  --color-text-inverse: #ffffff;
  --color-text-on-primary: #ffffff;
  --color-text-on-secondary: #1f2530;
  --color-text-on-surface-dark: #ffffff;

  /* Semantic */
  --color-success: #227a4a;
  --color-error: #dc2a12;
  --color-focus-ring: rgba(220, 42, 18, 0.3);

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;

  /* Typography */
  --font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-mega: clamp(2.875rem, 8.2cqi, 5rem);
  --text-display: clamp(2.375rem, 6.4cqi, 3.875rem);
  --text-h1: clamp(2rem, 5cqi, 3rem);
  --text-h2: clamp(1.625rem, 3.8cqi, 2.375rem);
  --text-h3: clamp(1.25rem, 2.6cqi, 1.625rem);
  --text-h4: clamp(1.125rem, 2.1cqi, 1.375rem);
  --text-lead: clamp(1.125rem, 2.25cqi, 1.375rem);
  --text-body: 1rem;
  --text-small: 0.9375rem;
  --text-overline: 0.8125rem;
  --font-weight-heading: 700;
  --line-height-body: 1.65;
  --tracking-display: -0.024em;
  --measure-display: 13ch;
  --measure-heading: 20ch;
  --measure-lead: 38ch;
  --measure-body: 66ch;

  /* Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-full: 999rem;

  /* Shadow */
  --shadow-sm: 0 0.1875rem 0.75rem rgba(91, 22, 15, 0.06);
  --shadow-md: 0 0.75rem 2rem rgba(91, 22, 15, 0.1);
  --shadow-lg: 0 1.25rem 3rem rgba(91, 22, 15, 0.13);

  /* Motion */
  --transition-fast: 180ms ease;
  --transition-base: 260ms ease;

  /* Page frame */
  --page-max: 66rem;
  --bleed: 0;
  --section-pad: clamp(3rem, 5.2cqi, 4.75rem);
  --gutter: clamp(1.25rem, 4%, 2.25rem);

  /* Live component tokens */
  --band-bg: var(--color-surface-alt);
  --media-tint: color-mix(in srgb, var(--color-primary) 14%, transparent);
  --media-blend: multiply;
  --mask-shape: 16%;
  --frame-offset: 0.75rem;
  --divider-height: 2.5rem;
  --text-numeral: var(--color-primary);
  --lift-y: -0.25rem;
  --lift-shadow: var(--shadow-lg);
  --glass-blur: 16px;
  --motion-duration: 500ms;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --sticky-offset: 1.5rem;
  --overlap-amount: 1.5rem;
  --bento-cols: 2;
}

@supports (color: hsl(from red h s l)) {
  #pb-445{
    --color-primary-hover: hsl(from var(--color-primary) h s calc(l - 6));
    --color-secondary-hover: hsl(from var(--color-secondary) h s calc(l - 5));
    --color-bg: hsl(from var(--color-secondary) h 40% 100%);
    --color-surface: hsl(from var(--color-secondary) h 46% 97%);
    --color-surface-alt: hsl(from var(--color-secondary) h 92% 92%);
    --color-border: hsl(from var(--color-primary) h 42% 82%);
    --color-text: hsl(from var(--color-primary) 220 22% 15%);
    --color-text-muted: hsl(from var(--color-primary) 220 14% 38%);
    --color-text-inverse: hsl(from var(--color-secondary) h 20% 100%);
    --color-text-on-primary: hsl(from var(--color-secondary) h 20% 100%);
    --color-text-on-secondary: hsl(from var(--color-primary) 220 22% 15%);
    --color-surface-dark: hsl(from var(--color-primary) h 72% 20%);
    --color-text-on-surface-dark: hsl(from var(--color-secondary) h 20% 100%);
  }
}

#pb-445{
  color: var(--color-text);
  background: var(--color-bg);
  font-family: var(--font-body), system-ui, sans-serif;
}

#pb-445 :where(.runevents__section p, .runevents__section li, .runevents__faq-answer, .runevents__field-hint, .runevents__field-error){
  font-family: var(--font-body), system-ui, sans-serif;
  font-size: var(--text-body);
  line-height: var(--line-height-body);
  color: var(--color-text);
  max-width: var(--measure-body);
}

#pb-445 :where(.runevents__section h1, .runevents__section h2, .runevents__section h3, .runevents__section h4, .runevents__display){
  font-family: var(--font-heading), var(--font-body), system-ui, sans-serif;
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--tracking-display);
  line-height: 1.02;
  color: var(--color-text);
  margin: 0;
}

#pb-445 :where(.runevents__section h1){
  font-size: var(--text-h1);
  max-width: var(--measure-heading);
}

#pb-445 :where(.runevents__section h2){
  font-size: var(--text-h2);
  max-width: var(--measure-heading);
}

#pb-445 :where(.runevents__section h3){
  font-size: var(--text-h3);
  max-width: var(--measure-heading);
}

#pb-445 :where(.runevents__section h4){
  font-size: var(--text-h4);
  max-width: var(--measure-heading);
}

#pb-445 .runevents__display,#pb-445 .runevents__display--xl,#pb-445 .runevents__display--breakout{
  font-size: var(--text-display);
  max-width: var(--measure-display);
}

#pb-445 .runevents__display--xl{
  font-size: var(--text-mega);
}

#pb-445 .runevents__lead{
  font-size: var(--text-lead);
  line-height: 1.55;
  color: var(--color-text);
  max-width: var(--measure-lead);
}

#pb-445 .runevents__meta,#pb-445 .runevents__fact-label,#pb-445 .runevents__stat-label,#pb-445 .runevents__numeral-label{
  font-family: var(--font-body), system-ui, sans-serif;
  font-size: var(--text-small);
  color: var(--color-text-muted);
}

#pb-445 .runevents__time{
  font-family: var(--font-mono);
  color: var(--color-primary); /* remapped off-white text carrier from accent to primary to clear on-ground contrast finding */
}

#pb-445 .runevents__eyebrow{
  display: none;
}

#pb-445 :where(.runevents__section a, .runevents__card-more, .runevents__footer a, .runevents__faq-question){
  color: var(--color-primary);
  text-decoration-color: var(--color-accent); /* kept the requested accent; moved it to underline treatment instead of on-ground text */
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.16em;
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

#pb-445 :where(.runevents__section a:hover, .runevents__card-more:hover, .runevents__footer a:hover, .runevents__faq-question:hover){
  color: var(--color-primary-hover);
  text-decoration-color: var(--color-primary-hover);
}

#pb-445 .runevents__skip-link{
  background: var(--color-surface-dark);
  color: var(--color-text-on-surface-dark);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}

#pb-445 .runevents__sr-only{
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: calc(-1 * var(--space-xs));
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#pb-445 :where(.runevents__btn, .runevents__input, .runevents__select, .runevents__textarea, .runevents__faq-question, .runevents__skip-link):focus-visible{
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--color-focus-ring);
}

#pb-445 .runevents__container{
  max-width: var(--page-max);
}

#pb-445 .runevents__section{
  padding-block: var(--section-pad);
  color: var(--color-text);
}

#pb-445 .runevents__section--flush-top{
  padding-top: calc(var(--section-pad) * 0.72);
}

#pb-445 .runevents__section--flush-bottom{
  padding-bottom: calc(var(--section-pad) * 0.72);
}

#pb-445 .runevents__section--flush{
  padding-block: calc(var(--section-pad) * 0.68);
}

#pb-445 .runevents__section--light{
  background: var(--color-surface-alt);
  color: var(--color-text);
}

#pb-445 .runevents__section--primary{
  background: var(--color-primary);
  color: var(--color-text-on-primary);
}

#pb-445 .runevents__section--secondary{
  background: color-mix(in srgb, var(--color-secondary) 24%, var(--color-bg));
  color: var(--color-text);
}

#pb-445 .runevents__section--dark{
  background: var(--color-surface-dark);
  color: var(--color-text-on-surface-dark);
}

#pb-445 .runevents__section--band{
  background: var(--band-bg);
}

#pb-445 .runevents__section-header,#pb-445 .runevents__section-header--split{
  margin-bottom: clamp(1rem, 2.2cqi, 1.75rem);
}

#pb-445 .runevents__hero{
  --band-bg: color-mix(in srgb, var(--color-secondary) 20%, var(--color-bg));
}

#pb-445 .runevents__hero,#pb-445 .runevents__hero--split,#pb-445 .runevents__hero--tall,#pb-445 .runevents__hero--gradient{
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-secondary) 16%, var(--color-bg)),
    var(--color-bg)
  );
}

#pb-445 .runevents__hero-overlay{
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--color-surface-dark) 12%, transparent),
    color-mix(in srgb, var(--color-primary) 10%, transparent)
  );
}

#pb-445 .runevents__hero-inner{
  gap: clamp(1.5rem, 3.2cqi, 2.5rem);
}

#pb-445 .runevents__hero .runevents__display,#pb-445 .runevents__hero--split .runevents__display,#pb-445 .runevents__hero--tall .runevents__display,#pb-445 .runevents__hero--gradient .runevents__display{
  font-size: var(--text-mega);
  max-width: 11ch;
}

#pb-445 .runevents__hero .runevents__lead,#pb-445 .runevents__hero--split .runevents__lead,#pb-445 .runevents__hero--tall .runevents__lead,#pb-445 .runevents__hero--gradient .runevents__lead{
  font-size: clamp(1.125rem, 2.3cqi, 1.4375rem);
  color: var(--color-text);
  max-width: 34ch;
}

#pb-445 .runevents__card,#pb-445 .runevents__fact,#pb-445 .runevents__tier,#pb-445 .runevents__stat-panel,#pb-445 .runevents__quote,#pb-445 .runevents__faq-item,#pb-445 .runevents__media-frame,#pb-445 .runevents__panel{
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast),
    background-color var(--transition-fast);
}

#pb-445 .runevents__card,#pb-445 .runevents__fact,#pb-445 .runevents__quote,#pb-445 .runevents__panel{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--color-surface) 90%, white 10%),
      var(--color-surface)
    );
}

#pb-445 .runevents__card:hover,#pb-445 .runevents__fact:hover,#pb-445 .runevents__tier:hover,#pb-445 .runevents__stat-panel:hover,#pb-445 .runevents__quote:hover,#pb-445 .runevents__faq-item:hover,#pb-445 .runevents__media-frame:hover{
  transform: translateY(var(--lift-y));
  box-shadow: var(--lift-shadow);
  border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
}

#pb-445 .runevents__panel--dark,#pb-445 .runevents__stat-panel--dark{
  background: var(--color-surface-dark);
  color: var(--color-text-on-surface-dark);
  border-color: color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface-dark));
}

#pb-445 .runevents__card--glass,#pb-445 .runevents__panel--glass{
  background: color-mix(in srgb, var(--color-surface) 82%, white 18%);
  backdrop-filter: blur(var(--glass-blur));
  border-color: color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
}

#pb-445 .runevents__fact,#pb-445 .runevents__quote,#pb-445 .runevents__panel,#pb-445 .runevents__overlap-panel{
  position: relative;
  overflow: hidden;
}

#pb-445 .runevents__fact::before,#pb-445 .runevents__quote::before,#pb-445 .runevents__panel::before,#pb-445 .runevents__overlap-panel::before{
  content: "";
  display: block;
  width: 3rem;
  height: 0.25rem;
  margin-bottom: var(--space-md);
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent)); /* signature celebration stroke */
}

#pb-445 .runevents__fact-figure,#pb-445 .runevents__stat-figure,#pb-445 .runevents__tier-price,#pb-445 .runevents__numeral{
  font-family: var(--font-heading), var(--font-body), system-ui, sans-serif;
  font-weight: var(--font-weight-heading);
  line-height: 1;
}

#pb-445 .runevents__fact-figure,#pb-445 .runevents__stat-figure{
  font-size: var(--text-h1);
  color: var(--text-numeral);
}

#pb-445 .runevents__numeral{
  color: var(--color-primary); /* remapped off-white numeral carrier from secondary to primary to clear on-ground contrast finding */
}

#pb-445 .runevents__numeral--accent{
  color: var(--color-primary); /* remapped off-white numeral carrier from accent to primary to clear on-ground contrast finding */
}

#pb-445 .runevents__divider,#pb-445 .runevents__eyebrow--rule{
  color: var(--color-accent);
}

#pb-445 .runevents__btn{
  border-radius: var(--radius-full);
  font-family: var(--font-body), system-ui, sans-serif;
  font-weight: 600;
  transition:
    background-color var(--transition-fast),
    color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

#pb-445 .runevents__btn--primary{
  background: var(--color-primary);
  color: var(--color-text-on-primary);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

#pb-445 .runevents__btn--primary:hover{
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(calc(-1 * var(--space-xs)));
  box-shadow: var(--shadow-md);
}

#pb-445 .runevents__btn--outline{
  background: transparent;
  color: var(--color-primary);
  border-color: color-mix(in srgb, var(--color-primary) 32%, var(--color-border));
}

#pb-445 .runevents__btn--outline:hover{
  background: color-mix(in srgb, var(--color-primary) 8%, var(--color-bg));
  border-color: var(--color-primary);
}

#pb-445 .runevents__badge{
  background: color-mix(in srgb, var(--color-secondary) 32%, var(--color-bg)); /* kept the requested secondary; moved it to a fill carrier so it stays visible without carrying text on white */
  color: var(--color-text-on-secondary);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 62%, var(--color-border));
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-sm);
}

#pb-445 .runevents__input,#pb-445 .runevents__select,#pb-445 .runevents__textarea{
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.45);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

#pb-445 .runevents__input:hover,#pb-445 .runevents__select:hover,#pb-445 .runevents__textarea:hover{
  border-color: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
}

#pb-445 .runevents__label{
  color: var(--color-text);
  font-weight: 600;
}

#pb-445 .runevents__field-error{
  color: var(--color-error);
}

#pb-445 .runevents__logo-frame{
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

#pb-445 .runevents__logo-strip--muted{
  color: var(--color-text-muted);
}

#pb-445 .runevents__media-frame{
  background: color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-alt));
  border-color: color-mix(in srgb, var(--color-border) 86%, var(--color-secondary));
}

#pb-445 .runevents__media-frame--tint{
  --media-tint: color-mix(in srgb, var(--color-secondary) 14%, transparent);
}

#pb-445 .runevents__media-frame--frame-thick,#pb-445 .runevents__media-frame--offset{
  border-color: color-mix(in srgb, var(--color-accent) 40%, var(--color-border));
}

#pb-445 .runevents__card-media,#pb-445 .runevents__fact-media,#pb-445 .runevents__hero-media,#pb-445 .runevents__overlap-media,#pb-445 .runevents__split-media{
  background: var(--color-surface-alt);
}

#pb-445 .runevents__card-body,#pb-445 .runevents__fact-body,#pb-445 .runevents__overlap-panel,#pb-445 .runevents__split-text{
  background: transparent;
}

#pb-445 .runevents__quote-cite,#pb-445 .runevents__text-muted{
  color: var(--color-text-muted);
}

#pb-445 .runevents__footer{
  background: var(--color-surface-dark);
  color: var(--color-text-on-surface-dark);
}

#pb-445 .runevents__footer-legal,#pb-445 .runevents__footer-links{
  color: color-mix(in srgb, var(--color-text-on-surface-dark) 76%, transparent);
}

#pb-445 .runevents__header{
  background: color-mix(in srgb, var(--color-bg) 88%, white 12%);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 0.125rem 0.75rem rgba(91, 22, 15, 0.04);
}

#pb-445 .runevents__section--secondary .runevents__badge,#pb-445 .runevents__stat,#pb-445 .runevents__stat-panel{
  --text-numeral: var(--color-primary);
}

#pb-445 .runevents__stat-panel::before,#pb-445 .runevents__tier--featured::before{
  content: "";
  display: block;
  width: 100%;
  height: 0.1875rem;
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--color-secondary), var(--color-accent)); /* visible secondary + accent carrier tied to editorial warmth panels */
}

#pb-445 .runevents__reveal,#pb-445 .runevents__reveal--fade,#pb-445 .runevents__reveal--rise,#pb-445 .runevents__reveal--scale,#pb-445 .runevents__reveal--left,#pb-445 .runevents__reveal--right,#pb-445 .runevents__reveal--blur,#pb-445 .runevents__reveal--stagger{
  transition-duration: var(--motion-duration);
  transition-timing-function: var(--motion-ease);
}

@container (max-width: 48rem) {
  #pb-445{
    --section-pad: clamp(2.75rem, 6.2cqi, 4rem);
    --sticky-offset: 0;
    --overlap-amount: 0.75rem;
  }

  #pb-445 .runevents__display,#pb-445 .runevents__display--xl,#pb-445 .runevents__display--breakout{
    max-width: 12ch;
  }

  #pb-445 .runevents__card,#pb-445 .runevents__fact,#pb-445 .runevents__tier,#pb-445 .runevents__stat-panel,#pb-445 .runevents__quote,#pb-445 .runevents__faq-item,#pb-445 .runevents__media-frame,#pb-445 .runevents__panel{
    border-radius: var(--radius-md);
  }
}

@container (max-width: 32rem) {
  #pb-445{
    --gutter: 1rem;
    --section-pad: clamp(2.25rem, 7cqi, 3.25rem);
  }

  #pb-445 .runevents__btn--primary:hover,#pb-445 .runevents__card:hover,#pb-445 .runevents__fact:hover,#pb-445 .runevents__tier:hover,#pb-445 .runevents__stat-panel:hover,#pb-445 .runevents__quote:hover,#pb-445 .runevents__faq-item:hover,#pb-445 .runevents__media-frame:hover{
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pb-445 .runevents__btn,#pb-445 .runevents__card,#pb-445 .runevents__fact,#pb-445 .runevents__tier,#pb-445 .runevents__stat-panel,#pb-445 .runevents__quote,#pb-445 .runevents__faq-item,#pb-445 .runevents__media-frame,#pb-445 .runevents__reveal,#pb-445 .runevents__reveal--fade,#pb-445 .runevents__reveal--rise,#pb-445 .runevents__reveal--scale,#pb-445 .runevents__reveal--left,#pb-445 .runevents__reveal--right,#pb-445 .runevents__reveal--blur,#pb-445 .runevents__reveal--stagger{
    transition: none;
    animation: none;
  }

  #pb-445 .runevents__btn--primary:hover,#pb-445 .runevents__card:hover,#pb-445 .runevents__fact:hover,#pb-445 .runevents__tier:hover,#pb-445 .runevents__stat-panel:hover,#pb-445 .runevents__quote:hover,#pb-445 .runevents__faq-item:hover,#pb-445 .runevents__media-frame:hover{
    transform: none;
  }
}