/* Menu links and the four landing pages (Fighting, Fighters & gyms, Disciplines, News & videos). Uses the hub tokens. */
.nav-links .nav-link{border-radius:var(--radius-full)}
.nav-links .nav-link:hover,.nav-links .nav-link:focus-visible{color:var(--volt)}
.nav-links .nav-link[aria-current="page"]{color:var(--volt);box-shadow:inset 0 -2px 0 var(--volt);border-radius:0}
@media(max-width:899px){.nav-links .nav-link{min-height:44px;display:flex;align-items:center}.nav-links .nav-link[aria-current="page"]{box-shadow:none;background:#2e3320;border-radius:10px}}

.lp-head h1{font-size:clamp(3rem,1.5rem + 6vw,6.5rem);line-height:.92;margin:0}
.lp-head .subtitle{max-width:60ch}
.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:var(--space-l)}
@media(max-width:960px){.lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.lp-grid{grid-template-columns:1fr}}
.lp-card{position:relative;display:flex;flex-direction:column;min-height:300px;border-radius:var(--radius-lg,20px);overflow:hidden;background:var(--color-surface);isolation:isolate;transition:transform var(--duration-normal,300ms) var(--ease-out-expo,ease)}
.lp-card__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .5s var(--ease-out-expo,ease)}
.lp-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.88) 100%)}
.lp-card__body{margin-top:auto;padding:20px;display:grid;gap:6px}
.lp-card__title{font:800 clamp(1.7rem,1.3rem + 1vw,2.3rem)/.95 var(--font-display);text-transform:uppercase;margin:0}
.lp-card__body p{margin:0;color:#e6e6e6;font-size:14px}
.lp-card__count{justify-self:start;font:700 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#000;background:var(--volt);padding:5px 9px;border-radius:var(--radius-full)}
.lp-card__link{color:inherit;text-decoration:none}
.lp-card__link::after{content:"";position:absolute;inset:0;z-index:1}
.lp-card:hover .lp-card__img,.lp-card:focus-within .lp-card__img{transform:scale(1.04)}
.lp-card:hover .lp-card__title{color:var(--volt)}
.lp-card__link:focus-visible{outline:none}
.lp-card:has(.lp-card__link:focus-visible){outline:3px solid var(--volt);outline-offset:2px}
.lp-card .kj-ad{position:relative;z-index:2;margin:0;border-radius:0;background:rgba(0,0,0,.72);min-height:56px}
.lp-card .kj-ad--open{border-width:2px 0 0;background:rgba(10,12,4,.86)}
.lp-grid>.kj-ad{margin:0}
.lp-search{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 var(--space-l)}
.lp-search label{flex:1 0 100%;font:700 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-low)}
.lp-search input{flex:1 1 260px;min-height:48px;padding:0 18px;border-radius:var(--radius-full);border:1px solid var(--color-border-low);background:var(--color-surface);color:#fff;font:16px var(--font-body)}
.lp-search input:focus-visible{outline:2px solid var(--volt);outline-offset:2px}
.lp .section-card{margin-bottom:var(--space-l)}
@media(prefers-reduced-motion:reduce){.lp-card,.lp-card__img{transition:none}.lp-card:hover .lp-card__img{transform:none}}
