@font-face { font-family:"Intro"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/intro-100.woff2) format("woff2"); font-weight:100; font-style:normal; font-display:swap; }
@font-face { font-family:"Intro"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/intro-300.woff2) format("woff2"); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:"Intro"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/intro-400.woff2) format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Intro"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/intro-450.woff2) format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Intro"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/intro-700.woff2) format("woff2"); font-weight:600 700; font-style:normal; font-display:swap; }
@font-face { font-family:"Intro"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/intro-900.woff2) format("woff2"); font-weight:800 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Century Gothic"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/centurygothic-400.woff2) format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Century Gothic"; src:url(//ballerxscout.com/wp-content/themes/bxs/assets/fonts/centurygothic-700.woff2) format("woff2"); font-weight:700; font-style:normal; font-display:swap; } :root { --bxs-gold:        #C6A300;
--bxs-gold-dark:   #a98c00;
--bxs-gold-soft:   #e0c01f;
--bxs-dark:        #0c0c0c; --bxs-ink:         #212121; --bxs-body:        #4a4a52; --bxs-muted:       #7a7a82;
--bxs-bg:          #ffffff; --bxs-bg-alt:      #f4f6f8; --bxs-card-bg:     #ffffff;
--bxs-border:      #e7e9ec; --bxs-font-heading: "Intro", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
--bxs-font-body:    "Century Gothic", "Jost", system-ui, -apple-system, "Segoe UI", sans-serif; --bxs-content-max:  1200px;
--bxs-content-wide: 1320px;
--bxs-gutter:       24px;
--bxs-header-height: 88px;
--bxs-header-height-scrolled: 66px;
--bxs-radius:       10px;
--bxs-radius-lg:    16px;
--bxs-shadow:       0 18px 50px -22px rgba(12,12,12,.28);
--bxs-shadow-soft:  0 10px 30px -18px rgba(12,12,12,.22); --bxs-ease:         cubic-bezier(.22,.61,.36,1);
--bxs-dur:          .55s;
} *, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
margin: 0;
font-family: var(--bxs-font-body);
font-weight: 400;
color: var(--bxs-body);
background: var(--bxs-bg);
line-height: 1.7;
font-size: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--bxs-font-heading);
color: var(--bxs-ink);
line-height: 1.12;
margin: 0 0 .6em;
font-weight: 700;
letter-spacing: -0.01em;
}
h1 { font-size: clamp(2.4rem, 5vw, 3.25rem); }
h2 { font-size: clamp(1.9rem, 3.4vw, 2.5rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.55rem); }
p { margin: 0 0 1.1em; }
a { color: var(--bxs-gold-dark); text-decoration: none; transition: color .25s var(--bxs-ease); }
a:hover { color: var(--bxs-gold); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { margin: 0 0 1.1em; padding-left: 1.2em; }
strong, b { font-weight: 700; color: var(--bxs-ink); } .bxs-container { width: 100%; max-width: var(--bxs-content-max); margin-inline: auto; padding-inline: var(--bxs-gutter); }
.bxs-container--wide { max-width: var(--bxs-content-wide); }
.bxs-section { padding-block: clamp(56px, 8vw, 104px); }
.bxs-section--alt { background: var(--bxs-bg-alt); } .bxs-eyebrow {
font-family: var(--bxs-font-heading);
font-weight: 700;
text-transform: uppercase;
letter-spacing: .18em;
font-size: .78rem;
color: var(--bxs-gold-dark);
margin: 0 0 .85em;
display: inline-block;
} .bxs-btn {
--_bg: var(--bxs-gold);
--_fg: #1a1500;
display: inline-flex;
align-items: center;
gap: .5em;
font-family: var(--bxs-font-heading);
font-weight: 700;
font-size: .98rem;
letter-spacing: .01em;
line-height: 1;
padding: 16px 30px;
border-radius: 8px;
background: var(--_bg);
color: var(--_fg);
border: 2px solid transparent;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform .3s var(--bxs-ease), box-shadow .3s var(--bxs-ease), background .3s var(--bxs-ease);
box-shadow: 0 10px 24px -12px rgba(198,163,0,.7);
}
.bxs-btn::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.45) 50%, transparent 100%);
transform: translateX(-120%); transition: transform .6s var(--bxs-ease);
}
.bxs-btn:hover { transform: translateY(-3px); color: var(--_fg); box-shadow: 0 16px 30px -12px rgba(198,163,0,.85); }
.bxs-btn:hover::after { transform: translateX(120%); }
.bxs-btn--ghost {
--_bg: transparent; --_fg: #fff;
border-color: rgba(255,255,255,.55);
box-shadow: none;
}
.bxs-btn--ghost:hover { background: rgba(255,255,255,.1); border-color:#fff; }
.bxs-btn--dark { --_bg: var(--bxs-ink); --_fg:#fff; box-shadow:none; }
.bxs-btn--disabled {
--_bg: rgba(255,255,255,.12); --_fg: rgba(255,255,255,.7);
box-shadow: none; cursor: default; pointer-events: none;
}
.bxs-btn--disabled::after { display: none; }
@media (prefers-reduced-motion: reduce) {
.bxs-btn, .bxs-btn::after { transition: none; }
.bxs-btn:hover { transform: none; }
}.bxs-skip-link {
position: absolute; left: -9999px; top: 0; z-index: 1000;
background: var(--bxs-gold); color: #1a1500; padding: 12px 18px; border-radius: 0 0 8px 0;
font-family: var(--bxs-font-heading); font-weight: 700;
}
.bxs-skip-link:focus { left: 0; } .bxs-header {
position: fixed; inset: 0 0 auto 0; z-index: 100;
background: #000;
border-bottom: 1px solid rgba(255,255,255,.06);
transition: background .35s var(--bxs-ease), transform .4s var(--bxs-ease), box-shadow .35s var(--bxs-ease);
}
.bxs-header__inner {
display: flex; align-items: center; gap: 24px;
height: var(--bxs-header-height);
transition: height .35s var(--bxs-ease);
}
body.bxs-scrolled .bxs-header {
background: #000;
box-shadow: 0 10px 30px -18px rgba(0,0,0,.7);
}
body.bxs-scrolled .bxs-header__inner { height: var(--bxs-header-height-scrolled); } .bxs-header.bxs-header--hidden { transform: translateY(-100%); }
.bxs-header__logo { display: flex; align-items: center; flex: 0 0 auto; }
.bxs-header__logo img {
height: 54px; width: auto; object-fit: contain;
transition: height .35s var(--bxs-ease);
}
body.bxs-scrolled .bxs-header__logo img { height: 44px; }
.bxs-header__wordmark {
font-family: var(--bxs-font-heading); font-weight: 800; color: #fff;
font-size: 1.35rem; letter-spacing: .02em; text-transform: uppercase;
}
.bxs-header__wordmark span { color: var(--bxs-gold); } .bxs-nav { margin-left: auto; }
.bxs-nav__menu {
display: flex; align-items: center; gap: 6px;
list-style: none; margin: 0; padding: 0;
}
.bxs-nav__menu li { position: relative; }
.bxs-nav__menu a {
display: block; padding: 10px 16px;
font-family: var(--bxs-font-heading); font-weight: 600;
font-size: .98rem; letter-spacing: .01em;
color: rgba(255,255,255,.82); text-transform: none;
position: relative;
}
.bxs-nav__menu a::after {
content: ""; position: absolute; left: 16px; right: 16px; bottom: 4px; height: 2px;
background: var(--bxs-gold); transform: scaleX(0); transform-origin: left;
transition: transform .3s var(--bxs-ease);
}
.bxs-nav__menu a:hover { color: #fff; }
.bxs-nav__menu a:hover::after,
.bxs-nav__menu .current-menu-item > a::after,
.bxs-nav__menu .current_page_item > a::after,
.bxs-nav__menu .current-menu-parent > a::after { transform: scaleX(1); }
.bxs-nav__menu .current-menu-item > a,
.bxs-nav__menu .current_page_item > a { color: #fff; } .bxs-nav__menu .sub-menu {
position: absolute; top: 100%; left: 0; min-width: 200px;
background: #141414; border: 1px solid rgba(255,255,255,.08); border-radius: 10px;
padding: 8px; list-style: none; margin: 8px 0 0;
opacity: 0; visibility: hidden; transform: translateY(8px);
transition: opacity .25s var(--bxs-ease), transform .25s var(--bxs-ease), visibility .25s;
box-shadow: var(--bxs-shadow);
}
.bxs-nav__menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.bxs-nav__menu .sub-menu a::after { display: none; }
.bxs-nav__menu .sub-menu a { border-radius: 6px; }
.bxs-nav__menu .sub-menu a:hover { background: rgba(255,255,255,.06); }
.bxs-header__actions { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.bxs-header__cta { padding: 11px 22px; font-size: .9rem; } .bxs-burger {
display: none; width: 44px; height: 44px; border: 0; background: transparent;
cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 6px;
}
.bxs-burger span {
display: block; width: 26px; height: 2px; background: #fff; border-radius: 2px;
transition: transform .35s var(--bxs-ease), opacity .25s var(--bxs-ease);
}
body.bxs-drawer-open .bxs-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
body.bxs-drawer-open .bxs-burger span:nth-child(2) { opacity: 0; }
body.bxs-drawer-open .bxs-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } .bxs-drawer {
position: fixed; top: 0; right: 0; bottom: 0; width: min(86vw, 360px);
background: #0c0c0c; z-index: 200; padding: calc(var(--bxs-header-height) + 16px) 28px 40px;
transform: translateX(100%); transition: transform .4s var(--bxs-ease);
overflow-y: auto; visibility: hidden;
}
body.bxs-drawer-open .bxs-drawer { transform: translateX(0); visibility: visible; }
.bxs-drawer__menu { list-style: none; margin: 0 0 28px; padding: 0; text-align: right; }
.bxs-drawer__menu li { border-bottom: 1px solid rgba(255,255,255,.08); }
.bxs-drawer__menu a {
display: block; padding: 16px 0; color: #fff; text-align: right;
font-family: var(--bxs-font-heading); font-weight: 600; font-size: 1.15rem;
}
.bxs-drawer__menu .current-menu-item > a { color: var(--bxs-gold); }
.bxs-drawer__menu .sub-menu { list-style: none; padding-right: 14px; margin: 0; }
.bxs-drawer__menu .sub-menu a { font-size: 1rem; color: rgba(255,255,255,.7); }
.bxs-drawer__cta { width: 100%; justify-content: center; }
.bxs-drawer__scrim {
position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 150;
opacity: 0; transition: opacity .35s var(--bxs-ease);
}
body.bxs-drawer-open .bxs-drawer__scrim { opacity: 1; } .bxs-main { padding-top: var(--bxs-header-height); } .bxs-main > .bxs-hero:first-child { margin-top: calc(var(--bxs-header-height) * -1); } .bxs-pagehead {
background: var(--bxs-ink); color: #fff; padding: clamp(48px, 7vw, 96px) 0 clamp(40px, 5vw, 64px);
position: relative; overflow: hidden;
}
.bxs-pagehead::after {
content: ""; position: absolute; right: -80px; top: -80px; width: 320px; height: 320px;
background: radial-gradient(circle, rgba(198,163,0,.22), transparent 70%); pointer-events: none;
}
.bxs-pagehead h1 { color: #fff; margin: 0; }
.bxs-crumbs { display: flex; gap: 10px; align-items: center; font-size: .9rem; margin-bottom: 14px; color: rgba(255,255,255,.6); }
.bxs-crumbs a { color: var(--bxs-gold-soft); }
.bxs-crumbs span { color: rgba(255,255,255,.45); }
.bxs-pagehead__desc { margin-top: 12px; color: rgba(255,255,255,.75); max-width: 60ch; } .bxs-footer { background: #0a0a0a; color: rgba(255,255,255,.7); padding-top: clamp(56px, 7vw, 88px); }
.bxs-footer__grid {
display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px;
padding-bottom: 56px;
}
.bxs-footer__logo { height: 120px; width: auto; }
.bxs-footer__wordmark { font-family: var(--bxs-font-heading); font-weight: 800; color:#fff; font-size: 1.6rem; text-transform: uppercase; }
.bxs-footer__wordmark span { color: var(--bxs-gold); }
.bxs-footer__blurb { margin-top: 16px; max-width: 34ch; color: rgba(255,255,255,.6); }
.bxs-footer__heading { color: #fff; font-size: 1.4rem; margin-bottom: 18px; }
.bxs-footer__menu { list-style: none; margin: 0; padding: 0; }
.bxs-footer__menu li { margin-bottom: 12px; }
.bxs-footer__menu a, .bxs-footer__email { color: rgba(255,255,255,.7); transition: color .25s var(--bxs-ease); }
.bxs-footer__menu a:hover, .bxs-footer__email:hover { color: var(--bxs-gold); }
.bxs-footer__email { display: inline-block; margin-bottom: 20px; }
.bxs-footer__social { display: flex; gap: 12px; }
.bxs-footer__social a {
width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2);
display: grid; place-items: center; color: #fff; transition: all .3s var(--bxs-ease);
}
.bxs-footer__social a:hover { background: var(--bxs-gold); border-color: var(--bxs-gold); color: #1a1500; transform: translateY(-3px); }
.bxs-footer__social svg { width: 18px; height: 18px; }
.bxs-footer__bar { border-top: 1px solid rgba(255,255,255,.08); padding: 22px 0; text-align: center; }
.bxs-footer__bar p { margin: 0; font-size: .85rem; color: rgba(255,255,255,.5); }
.bxs-footer__bar a { color: var(--bxs-gold-soft); } .bxs-totop {
position: fixed; right: 22px; bottom: 22px; z-index: 90;
width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer;
background: var(--bxs-gold); color: #1a1500; display: grid; place-items: center;
transform: scale(0) rotate(180deg); opacity: 0;
transition: transform .35s var(--bxs-ease), opacity .35s var(--bxs-ease), background .25s;
box-shadow: 0 10px 24px -10px rgba(198,163,0,.7);
}
.bxs-totop svg { width: 22px; height: 22px; transform: rotate(180deg); }
body.bxs-show-totop .bxs-totop { transform: scale(1) rotate(180deg); opacity: 1; }
.bxs-totop:hover { background: var(--bxs-gold-soft); }
.bxs-icon { display: inline-flex; }
.bxs-icon svg { width: 1em; height: 1em; }
.bxs-icon--flip svg { transform: rotate(180deg); } @media (max-width: 992px) {
.bxs-nav, .bxs-header__cta { display: none; }
.bxs-burger { display: flex; } .bxs-header__actions { margin-left: auto; }
}
@media (max-width: 760px) {
.bxs-footer__grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (prefers-reduced-motion: reduce) {
.bxs-header, .bxs-header__inner, .bxs-totop, .bxs-drawer { transition: none; }
}[data-bxs-reveal],
[data-bxs-reveal-item] {
opacity: 0;
transform: translateY(28px);
transition:
opacity .7s var(--bxs-ease),
transform .7s var(--bxs-ease);
will-change: opacity, transform;
}
[data-bxs-reveal].is-in,
[data-bxs-reveal-item].is-in {
opacity: 1;
transform: none;
} [data-bxs-reveal-stagger] [data-bxs-reveal-item].is-in { transition-delay: var(--bxs-stagger, 0ms); } .bxs-reveal--left  { transform: translateX(-32px); }
.bxs-reveal--right { transform: translateX(32px); }
.bxs-reveal--zoom  { transform: scale(.94); }
.bxs-reveal--left.is-in,
.bxs-reveal--right.is-in,
.bxs-reveal--zoom.is-in { transform: none; } @keyframes bxs-kenburns {
from { transform: scale(1.08); }
to   { transform: scale(1.18); }
} @keyframes bxs-float {
0%, 100% { transform: translateY(0); }
50%      { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
[data-bxs-reveal],
[data-bxs-reveal-item] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}