/* HYROX programme branding is scoped to Jay's HYROX work and pathways. */
.hyrox-join,.hyrox-band,.x-intro,.x-tour,.x-tour-note,.x-feature{--hyrox-yellow:#ffff33;--hyrox-black:#111;--hyrox-copy:#dedede}
.hyrox-brand-wordmark{display:block;width:280px;max-width:100%;height:auto;margin:0 0 32px}
.hyrox-program-mark{display:flex;align-items:center;min-height:132px;margin-bottom:26px}
.hyrox-program-logo{display:block;width:190px;max-width:100%;height:auto}
.hyrox-zone-mark{display:block;width:175px;max-width:100%;height:auto;margin:0 0 30px}
.hyrox-join,.hyrox-band,.x-intro,.x-tour,.x-tour-note{background:var(--hyrox-black);color:#fff}
.hyrox-join-card{background:#202020;border-color:#505050}
.hyrox-join .eyebrow,.hyrox-band .eyebrow,.x-intro .eyebrow,.x-feature .eyebrow,.x-tour .eyebrow{color:var(--hyrox-yellow)}
.hyrox-join p,.hyrox-join-card p:not(.eyebrow),.hyrox-join-card ol,.hyrox-band p,.x-intro p:not(.eyebrow),.x-step p:not(.eyebrow),.x-tour-note p{color:var(--hyrox-copy)}
.hyrox-join .hyrox-join-note{color:#c5c5c5}
.hyrox-join .button.primary,.hyrox-band .button.primary,.x-feature .button{background:var(--hyrox-yellow);border-color:var(--hyrox-yellow);color:#111}
.hyrox-join .button.primary:hover,.hyrox-band .button.primary:hover,.x-feature .button:hover{background:#ffff80;border-color:#ffff80;color:#111}
.hyrox-join .flow-guide-grid .r-text-link,.hyrox-band .r-text-link,.x-step a{color:var(--hyrox-yellow);border-color:#888}
.hyrox-join .flow-guide-grid .button:not(.primary){color:#fff;border-color:#888}
.hyrox-band h2,.hyrox-band .hyrox-points strong{color:#fff}
.hyrox-band .hyrox-points li{background:#202020;border-color:#505050}
.hyrox-band .hyrox-points span{color:var(--hyrox-copy)}
.hyrox-join :focus-visible,.hyrox-band :focus-visible,.x-feature :focus-visible,.x-tour :focus-visible,.x-tour-note :focus-visible{outline-color:var(--hyrox-yellow)}
.hyrox-brand-hero .eyebrow{color:#444}
.hyrox-brand-hero h1{color:#111}
.hyrox-brand-hero h1 em{color:#333}
.hyrox-brand-hero .flow-topics a{border-color:#bbb;background:#fff;color:#111}
.hyrox-brand-hero .flow-topics a:hover{background:#ffff33;border-color:#111;color:#111}
.hyrox-brand-hero .button.primary{background:#111;border-color:#111;color:#ffff33}
.hyrox-brand-hero .button.primary:hover{background:#333}
.x-feature:after{background:linear-gradient(90deg,#111f 0%,#111b 45%,#1112),linear-gradient(0deg,#111c,transparent 80%)}
.x-tour button{background:#222;border-color:#888;color:#fff}
.x-tour button[aria-pressed=true]{background:var(--hyrox-yellow);border-color:var(--hyrox-yellow);color:#111}
.x-tour button:hover{border-color:var(--hyrox-yellow)}
.x-tour .x-tour-progress span{background:var(--hyrox-yellow)}
.x-tour .x-stamp{color:#dedede}
@media(min-width:1000px) and (min-height:700px){
 .tour-animated .x-scene:after{background:linear-gradient(90deg,#111f 0%,#111c 28%,#1112 65%),linear-gradient(0deg,#111e,transparent 45%,#1116)}
}
@media(max-width:999px) and (min-height:650px){
 .tour-compact .x-scene,.tour-compact .x-tools,.tour-compact .x-stamp{background:var(--hyrox-black)}
}
@media(max-width:800px){
 .hyrox-brand-wordmark{width:240px;margin-bottom:26px}
 .hyrox-program-mark{min-height:110px;margin-bottom:22px}
 .hyrox-program-logo{width:160px}
 .hyrox-zone-mark{width:140px;margin-bottom:24px}
 .x-feature:after{background:linear-gradient(0deg,#111f,#1119)}
}