@font-face{
  font-family:'UFC Sans';
  src:url('assets/UFCSans-Bold.ttf') format('truetype');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'UFC Sans Condensed';
  src:url('assets/UFCSans-CondensedBold.otf') format('opentype');
  font-weight:700;font-style:normal;font-display:swap;
}
:root{
  --black:#050505;
  --coal:#0c0b09;
  --gold:#c99a3f;
  --gold-bright:#f0cf7a;
  --gold-dim:#7a5f24;
  --red:#b01f24;
  --red-bright:#e03038;
  --bone:#efeae0;
  --grey:#8a8a8a;
  --hed:'UFC Sans Condensed','Anton',sans-serif;
  --sub:'Barlow Condensed',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--bone);
  font-family:'Oswald',sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--red);color:#fff;}
img{max-width:100%;}
a{color:inherit;}

/* ---------- grain ---------- */
.grain{
  position:fixed;inset:-50%;width:200%;height:200%;
  pointer-events:none;z-index:1000;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 8s steps(10) infinite;
}
@keyframes grain{
  0%,100%{transform:translate(0,0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}
  30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}
  60%{transform:translate(15%,0)}70%{transform:translate(0,15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}
}

/* ---------- nav ---------- */
nav.mainnav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:0 30px;height:66px;
  background:rgba(5,5,5,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(239,234,224,.08);
  transition:background .4s,border-color .4s;
}
nav.mainnav.scrolled{background:rgba(5,5,5,.97);border-bottom-color:rgba(201,154,63,.22);}
nav.mainnav .logo{height:44px;display:block;flex:0 0 auto;}
nav.mainnav .logo img{height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));}
.navlinks{display:flex;align-items:center;gap:30px;height:100%;}
.navlinks a{
  font-family:var(--sub);font-weight:600;letter-spacing:.26em;font-size:12.5px;line-height:1.2;
  color:#cfc9bd;text-decoration:none;text-transform:uppercase;
  padding:6px 0;position:relative;transition:color .25s;
  display:inline-flex;align-items:center;
}
.navlinks a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
  background:linear-gradient(90deg,#e8c565,#c99a3f);transition:right .3s cubic-bezier(.16,1,.3,1);
}
.navlinks a:hover{color:#fff;}
.navlinks a:hover::after{right:0;}
.navlinks a.active{color:var(--gold-bright);}
.navlinks a.active::after{right:0;}
.more-menu a::after{display:none;}
nav.mainnav .cta{
  font-family:var(--sub);font-weight:700;letter-spacing:.2em;
  font-size:13px;color:var(--black);background:var(--gold);
  padding:11px 22px;text-decoration:none;text-transform:uppercase;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  transition:background .25s;flex:0 0 auto;
}
nav.mainnav .cta:hover{background:var(--gold-bright);}
.burger{display:none;background:none;border:none;color:var(--bone);font-size:26px;cursor:pointer;line-height:1;}
.more-wrap{position:relative;display:flex;align-items:center;}
.more-toggle{cursor:pointer;gap:6px;}
.more-toggle .caret{font-size:10px;line-height:1;}
.more-menu{
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);
  display:none;flex-direction:column;min-width:180px;
  background:rgba(8,7,6,.98);border:1px solid rgba(201,154,63,.3);
  padding:10px 0;box-shadow:0 20px 50px rgba(0,0,0,.7);
}
.more-menu.open{display:flex;}
.more-menu a{padding:10px 20px;border-bottom:none;}
.more-menu a:hover{background:rgba(201,154,63,.08);}

/* ---------- sponsor / gym / coach cards ---------- */
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1100px;margin:0 auto;}
.sponsor-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;
  background:linear-gradient(180deg,#12100d,#0a0908);border:1px solid rgba(239,234,224,.09);
  padding:34px 26px 30px;transition:border-color .35s,transform .35s;
}
.sponsor-card:hover{border-color:rgba(201,154,63,.55);transform:translateY(-4px);}
.sponsor-card .lg{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.sponsor-card .lg img{max-height:110px;max-width:200px;object-fit:contain;}
.sponsor-card h3{font-family:var(--hed);font-weight:700;font-size:24px;text-transform:uppercase;color:var(--bone);}
.sponsor-card .tier{
  margin-top:8px;font-family:var(--sub);font-weight:700;letter-spacing:.24em;text-indent:.24em;font-size:11px;text-transform:uppercase;
  color:var(--gold-bright);
}
.sponsor-card p{margin-top:12px;font-family:var(--sub);font-size:14.5px;line-height:1.55;color:#a39e93;}
.gym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto;}
.gym-card{
  display:flex;flex-direction:column;text-decoration:none;
  background:linear-gradient(180deg,#12100d,#0a0908);border:1px solid rgba(239,234,224,.09);
  padding:24px;transition:border-color .35s,transform .35s;gap:10px;
}
.gym-card:hover{border-color:rgba(201,154,63,.55);transform:translateY(-4px);}
.gym-card .top{display:flex;align-items:center;gap:14px;}
.gym-card .top img{width:64px;height:64px;object-fit:contain;background:#15120e;border:1px solid rgba(239,234,224,.1);padding:6px;flex:0 0 auto;}
.gym-card h3{font-family:var(--hed);font-weight:700;font-size:21px;line-height:1.05;text-transform:uppercase;color:var(--bone);}
.gym-card .loc{font-family:var(--sub);font-weight:600;letter-spacing:.14em;font-size:12px;color:var(--gold-bright);text-transform:uppercase;margin-top:3px;}
.chips{display:flex;flex-wrap:wrap;gap:6px;}
.chip{
  font-family:var(--sub);font-weight:600;letter-spacing:.1em;font-size:10.5px;text-transform:uppercase;
  color:#b7b1a5;background:#1a1712;border:1px solid rgba(239,234,224,.1);padding:4px 9px;
}
.gym-card .gc-note{font-family:var(--sub);font-size:13.5px;line-height:1.5;color:#8f8a80;}
.gym-card .gc-note b{color:#c9c4b9;font-weight:600;}
.coach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;max-width:1200px;margin:0 auto;}

/* ---------- page hero (interior pages) ---------- */
.page-hero{
  position:relative;padding:150px 20px 60px;text-align:center;overflow:hidden;
  background:
    radial-gradient(ellipse 70% 60% at 50% -10%, rgba(201,154,63,.14), transparent 60%),
    linear-gradient(180deg,#0a0908 0%,#050505 100%);
}
.page-hero .kicker{margin-bottom:10px;}
.page-hero h1{
  font-family:var(--hed);font-weight:700;text-transform:uppercase;line-height:.95;
  font-size:clamp(44px,8vw,96px);color:var(--bone);
}
.page-hero h1 .gold{
  background:linear-gradient(160deg,#f5dc93,#c99a3f 55%,#e8c565);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.page-hero p.lede{
  max-width:640px;margin:18px auto 0;font-family:var(--sub);
  font-size:clamp(16px,2vw,19px);letter-spacing:.05em;line-height:1.6;color:#a39e93;
}
.kicker{
  font-family:var(--sub);font-weight:600;letter-spacing:.5em;text-indent:.5em;
  font-size:clamp(12px,1.5vw,15px);color:var(--bone);text-transform:uppercase;
}
.kicker b,.kicker .red{color:var(--red-bright);font-weight:600;}

/* ---------- shared section bits ---------- */
.section{position:relative;padding:90px 20px;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto 40px;}
.section-head h2{
  font-family:var(--hed);font-weight:700;text-transform:uppercase;line-height:1;
  font-size:clamp(30px,4.6vw,52px);color:var(--bone);
}
.section-head h2 .gold{
  background:linear-gradient(160deg,#f5dc93,#c99a3f 55%,#e8c565);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.section-head .k{display:block;margin-bottom:8px;}
.viewall{
  font-family:var(--sub);font-weight:700;letter-spacing:.22em;font-size:13px;
  color:var(--gold-bright);text-decoration:none;text-transform:uppercase;white-space:nowrap;
  border-bottom:1px solid rgba(201,154,63,.5);padding-bottom:3px;transition:color .25s,border-color .25s;
}
.viewall:hover{color:#fff;border-color:#fff;}
.wrap{max-width:1200px;margin:0 auto;}

.btn{
  display:inline-block;font-family:var(--sub);font-weight:700;letter-spacing:.24em;text-indent:.24em;
  text-transform:uppercase;text-decoration:none;font-size:15px;
  padding:16px 40px;transition:transform .25s,box-shadow .25s,background .25s,color .25s,outline-color .25s;
  clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);cursor:pointer;border:none;
}
.btn-gold{background:linear-gradient(120deg,#e8c565,#c99a3f);color:#141005;box-shadow:0 0 34px rgba(201,154,63,.35);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 55px rgba(240,207,122,.55);}
.btn-ghost{background:transparent;color:var(--bone);outline:1px solid rgba(239,234,224,.35);outline-offset:-1px;}
.btn-ghost:hover{outline-color:var(--gold);color:var(--gold-bright);}
.btn-red{background:linear-gradient(120deg,#d3282f,#8f1418);color:#fff;box-shadow:0 0 30px rgba(176,31,36,.35);}
.btn-red:hover{transform:translateY(-2px);box-shadow:0 0 55px rgba(224,48,56,.5);}

/* ---------- fighter cards ---------- */
.fighter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;max-width:1200px;margin:0 auto;}
.fighter-card{
  position:relative;overflow:hidden;cursor:pointer;
  background:#0d0c0a;
  border:1px solid rgba(239,234,224,.07);
  transition:border-color .35s,transform .35s,box-shadow .35s;
}
.fighter-card::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;z-index:3;
  background:linear-gradient(90deg,#e8c565,#c99a3f);transition:right .35s cubic-bezier(.16,1,.3,1);
}
.fighter-card:hover::after{right:0;}
.fighter-card:hover{border-color:rgba(201,154,63,.45);transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.65);}
.fighter-card .ph{aspect-ratio:3/4;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 30%,#1c1914,#0a0908);}
.fighter-card .ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.fighter-card:hover .ph img{transform:scale(1.06);}
.fighter-card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.92) 0%,rgba(5,5,5,.25) 38%,transparent 60%);}
.fighter-card .ph .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.fighter-card .ph .placeholder img{width:55%;height:auto;object-fit:contain;opacity:.28;filter:grayscale(.3);}
.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2;align-items:flex-start;}
.badge{
  font-family:var(--sub);font-weight:700;letter-spacing:.14em;font-size:10.5px;text-transform:uppercase;
  padding:5px 9px;color:#fff;background:#3a3733;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
.badge.champ{background:linear-gradient(120deg,#a41d22,#7c1215);color:#fff;}
.badge.champ::before{content:"★ ";color:var(--gold-bright);}
.badge.goldb{background:linear-gradient(120deg,#e8c565,#b98b2f);color:#141005;}
.badge.dark{background:#26231f;color:#cfc9bd;}
.fighter-card .meta{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 12px;z-index:2;}
.fighter-card .wc{font-family:var(--sub);font-weight:700;letter-spacing:.2em;font-size:11px;color:var(--gold-bright);text-transform:uppercase;}
.fighter-card .nm{font-family:var(--hed);font-weight:700;font-size:22px;line-height:1.02;text-transform:uppercase;color:var(--bone);margin-top:3px;}
.fighter-card .nick{font-family:var(--sub);font-style:italic;font-weight:600;font-size:13px;color:var(--gold-bright);margin-top:2px;}
.fighter-card .rec{font-family:var(--sub);font-weight:600;letter-spacing:.14em;font-size:13px;color:#b7b1a5;margin-top:4px;}
.fighter-card .home{font-family:var(--sub);font-weight:400;letter-spacing:.06em;font-size:12px;color:#7a756b;margin-top:2px;}

/* ---------- filter bar / tabs ---------- */
.tabbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 26px;max-width:1200px;}
.tab{
  font-family:var(--sub);font-weight:700;letter-spacing:.18em;font-size:13px;text-transform:uppercase;
  color:#9b968b;background:#111008;border:1px solid rgba(239,234,224,.12);
  padding:11px 22px;cursor:pointer;transition:all .25s;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
}
.tab:hover{color:var(--bone);border-color:rgba(201,154,63,.4);}
.tab.active{background:linear-gradient(120deg,#e8c565,#c99a3f);color:#141005;border-color:transparent;}
.filterbar{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 44px;max-width:1200px;}
.filterbar select,.filterbar input{
  font-family:var(--sub);font-weight:600;letter-spacing:.08em;font-size:14px;
  color:var(--bone);background:#111008;border:1px solid rgba(239,234,224,.15);
  padding:10px 14px;outline:none;min-width:170px;
}
.filterbar select:focus,.filterbar input:focus{border-color:var(--gold);}
.count-note{font-family:var(--sub);letter-spacing:.2em;font-size:12px;color:#6b675e;text-transform:uppercase;text-align:center;margin-bottom:28px;}

/* ---------- stats strip ---------- */
.stats{display:flex;justify-content:center;gap:clamp(30px,7vw,90px);flex-wrap:wrap;}
.stat{text-align:center;}
.stat .num{font-family:var(--hed);font-weight:700;font-size:clamp(38px,5.4vw,60px);
  background:linear-gradient(160deg,#f5dc93,#c99a3f);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat .lbl{margin-top:6px;font-family:var(--sub);font-weight:600;letter-spacing:.3em;text-indent:.3em;font-size:12px;color:var(--grey);text-transform:uppercase;}

/* ---------- event cards ---------- */
.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1200px;margin:0 auto;}
.event-card2{
  display:flex;flex-direction:column;text-decoration:none;overflow:hidden;
  background:linear-gradient(180deg,#12100d,#0a0908);border:1px solid rgba(239,234,224,.09);
  transition:border-color .35s,transform .35s,box-shadow .35s;
}
.event-card2:hover{border-color:rgba(201,154,63,.55);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.6);}
.event-card2 .poster{overflow:hidden;position:relative;background:#15120e;}
.event-card2 .poster img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.event-card2:hover .poster img{transform:scale(1.05);}
.event-card2 .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1;}
.event-card2 .date{font-family:var(--sub);font-weight:700;letter-spacing:.2em;font-size:12px;color:var(--gold-bright);text-transform:uppercase;}
.event-card2 .ttl{font-family:var(--hed);font-weight:700;font-size:22px;line-height:1.05;text-transform:uppercase;color:var(--bone);}
.event-card2 .ven{font-family:var(--sub);font-weight:500;letter-spacing:.06em;font-size:13px;color:#8f8a80;}
.pill{
  display:inline-block;font-family:var(--sub);font-weight:700;letter-spacing:.16em;font-size:11px;text-transform:uppercase;
  padding:5px 12px;margin-bottom:4px;align-self:flex-start;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
.pill.up{background:linear-gradient(120deg,#d3282f,#8f1418);color:#fff;}
.pill.past{background:#26231f;color:#a39e93;}

/* ---------- fight card rows ---------- */
.fightrow{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
  background:linear-gradient(180deg,#12100d,#0b0a08);border:1px solid rgba(239,234,224,.09);
  padding:16px 18px;margin-bottom:12px;
}
.fightrow .f{display:flex;align-items:center;gap:12px;min-width:0;}
.fightrow .f.right{flex-direction:row-reverse;text-align:right;}
.fightrow .f img{width:56px;height:56px;object-fit:cover;object-position:top;border:1px solid rgba(201,154,63,.35);flex:0 0 auto;background:#1a1712;}
.fightrow .f .n{font-family:var(--hed);font-weight:700;font-size:18px;text-transform:uppercase;line-height:1.05;color:var(--bone);}
.fightrow .f .r{font-family:var(--sub);font-weight:600;font-size:12px;letter-spacing:.12em;color:#8f8a80;}
.fightrow .vs{text-align:center;}
.fightrow .vs .v{font-family:var(--hed);font-weight:700;font-size:16px;color:var(--red-bright);}
.fightrow .vs .w{font-family:var(--sub);font-weight:600;font-size:10.5px;letter-spacing:.16em;color:#7a756b;text-transform:uppercase;margin-top:2px;white-space:nowrap;}
.fightrow.title-fight{border-color:rgba(201,154,63,.45);background:linear-gradient(180deg,#16120a,#0b0a08);}
.fightrow .winner{color:var(--gold-bright);}
.fightrow .result-note{grid-column:1/-1;font-family:var(--sub);font-size:12.5px;letter-spacing:.08em;color:#8f8a80;text-align:center;border-top:1px dashed rgba(239,234,224,.12);padding-top:8px;margin-top:4px;}
.card-label{
  font-family:var(--hed);font-weight:700;text-transform:uppercase;font-size:clamp(22px,3vw,30px);color:var(--bone);
  margin:36px 0 16px;display:flex;align-items:center;gap:14px;
}
.card-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,154,63,.5),transparent);}

/* ---------- video cards ---------- */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;max-width:1200px;margin:0 auto;}
.video-card{
  display:block;text-decoration:none;overflow:hidden;position:relative;
  background:#0b0a08;border:1px solid rgba(239,234,224,.09);
  transition:border-color .35s,transform .35s;
}
.video-card:hover{border-color:rgba(201,154,63,.55);transform:translateY(-4px);}
.video-card .thumb{aspect-ratio:16/9;overflow:hidden;position:relative;background:#15120e;}
.video-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.video-card:hover .thumb img{transform:scale(1.05);}
.video-card .play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(5,5,5,.25);transition:background .3s;
}
.video-card:hover .play{background:rgba(5,5,5,.05);}
.video-card .play span{
  width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(176,31,36,.92);color:#fff;font-size:18px;padding-left:4px;
  box-shadow:0 0 30px rgba(176,31,36,.5);transition:transform .3s;
}
.video-card:hover .play span{transform:scale(1.12);}
.video-card .vt{padding:14px 14px 16px;font-family:var(--sub);font-weight:600;font-size:15px;line-height:1.35;color:var(--bone);letter-spacing:.02em;}
.video-card .vd{padding:0 14px 14px;font-family:var(--sub);font-weight:600;letter-spacing:.16em;font-size:11px;color:#7a756b;text-transform:uppercase;}

/* ---------- news ---------- */
.news-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;max-width:1200px;margin:0 auto;}
.news-feature{
  position:relative;display:block;text-decoration:none;overflow:hidden;min-height:420px;
  border:1px solid rgba(239,234,224,.09);background:#0b0a08;transition:border-color .35s;
}
.news-feature:hover{border-color:rgba(201,154,63,.55);}
.news-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s;}
.news-feature:hover img{transform:scale(1.04);}
.news-feature .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.95) 8%,rgba(5,5,5,.35) 55%,transparent);}
.news-feature .body{position:absolute;left:0;right:0;bottom:0;padding:24px;}
.news-feature .src{font-family:var(--sub);font-weight:700;letter-spacing:.2em;font-size:11px;color:var(--red-bright);text-transform:uppercase;}
.news-feature h3{font-family:var(--hed);font-weight:700;font-size:clamp(22px,2.6vw,32px);line-height:1.05;text-transform:uppercase;color:var(--bone);margin-top:6px;}
.news-feature p{font-family:var(--sub);font-size:14.5px;line-height:1.5;color:#a39e93;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-list{display:flex;flex-direction:column;gap:14px;}
.news-item{
  display:flex;gap:14px;text-decoration:none;align-items:stretch;
  background:linear-gradient(180deg,#100e0b,#0b0a08);border:1px solid rgba(239,234,224,.09);
  transition:border-color .3s;overflow:hidden;
}
.news-item:hover{border-color:rgba(201,154,63,.5);}
.news-item img{width:130px;object-fit:cover;object-position:top;flex:0 0 auto;background:#15120e;}
.news-item .b{padding:12px 14px 12px 0;display:flex;flex-direction:column;justify-content:center;gap:4px;}
.news-item .src{font-family:var(--sub);font-weight:700;letter-spacing:.18em;font-size:10.5px;color:var(--red-bright);text-transform:uppercase;}
.news-item h4{font-family:var(--sub);font-weight:700;font-size:16px;line-height:1.3;color:var(--bone);letter-spacing:.02em;}

/* article page */
.article{max-width:760px;margin:0 auto;padding:0 0 40px;}
.article .a-head{text-align:center;margin-bottom:30px;}
.article h1{font-family:var(--hed);font-weight:700;font-size:clamp(30px,5vw,52px);line-height:1.02;text-transform:uppercase;}
.article .a-meta{font-family:var(--sub);font-weight:600;letter-spacing:.2em;font-size:12px;color:var(--gold-bright);text-transform:uppercase;margin-top:12px;}
.article .a-body{font-family:'Barlow Condensed',sans-serif;font-size:18.5px;line-height:1.75;color:#c9c4b9;letter-spacing:.02em;}
.article .a-body p{margin:0 0 18px;}
.article .a-body img{display:block;margin:24px auto;border:1px solid rgba(201,154,63,.25);}
.article .a-body a{color:var(--gold-bright);}
.article .a-body h2,.article .a-body h3{font-family:var(--hed);color:var(--bone);text-transform:uppercase;margin:26px 0 12px;}
.article .a-fimg{margin:0 0 28px;border:1px solid rgba(201,154,63,.25);}
.article .a-fimg img{width:100%;display:block;}

/* ---------- title history ---------- */
.th-block{max-width:900px;margin:0 auto 40px;}
.th-block h3{
  font-family:var(--hed);font-weight:700;text-transform:uppercase;font-size:clamp(22px,3vw,30px);
  color:var(--gold-bright);margin-bottom:14px;display:flex;align-items:center;gap:14px;
}
.th-block h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,154,63,.5),transparent);}
.th-row{
  display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;
  background:linear-gradient(180deg,#100e0b,#0b0a08);border:1px solid rgba(239,234,224,.09);
  padding:14px 18px;margin-bottom:10px;
}
.th-row .d{font-family:var(--sub);font-weight:700;letter-spacing:.1em;font-size:12.5px;color:#8f8a80;text-transform:uppercase;}
.th-row .m{font-family:var(--sub);font-weight:600;font-size:15.5px;color:var(--bone);letter-spacing:.03em;}
.th-row .m b{color:var(--gold-bright);font-weight:700;}
.th-row .how{font-family:var(--sub);font-weight:600;letter-spacing:.12em;font-size:11.5px;color:#7a756b;text-transform:uppercase;text-align:right;}
.th-row.defense{border-left:3px solid rgba(201,154,63,.55);}
.th-row.newchamp{border-left:3px solid rgba(176,31,36,.75);}

/* ---------- countdown ---------- */
.countdown{display:flex;justify-content:center;gap:clamp(14px,3vw,30px);}
.cd-cell{text-align:center;min-width:64px;}
.cd-cell .n{
  font-family:var(--hed);font-weight:700;font-size:clamp(34px,5vw,54px);line-height:1;
  background:linear-gradient(160deg,#f5dc93,#c99a3f);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.cd-cell .l{margin-top:6px;font-family:var(--sub);font-weight:600;letter-spacing:.3em;text-indent:.3em;font-size:11px;color:var(--grey);text-transform:uppercase;}

/* ---------- footer ---------- */
footer.mainfoot{
  padding:70px 20px 46px;text-align:center;
  border-top:1px solid rgba(201,154,63,.15);
  background:radial-gradient(ellipse 60% 100% at 50% 120%, rgba(201,154,63,.08), transparent 60%),#040404;
}
footer.mainfoot img.flogo{width:96px;opacity:.95;filter:drop-shadow(0 0 24px rgba(201,154,63,.25));}
.footlinks{margin-top:26px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;}
.footlinks a{
  font-family:var(--sub);font-weight:600;letter-spacing:.24em;text-indent:.24em;
  font-size:12.5px;color:var(--grey);text-decoration:none;text-transform:uppercase;transition:color .25s;
}
.footlinks a:hover{color:var(--gold-bright);}
.fineprint{margin-top:30px;font-family:var(--sub);font-size:12px;letter-spacing:.14em;color:#57534b;text-transform:uppercase;line-height:1.8;}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.22s}.rv.d3{transition-delay:.34s}.rv.d4{transition-delay:.46s}

/* ---------- mobile ---------- */
@media (max-width:960px){
  .navlinks{
    position:fixed;top:0;right:-290px;width:280px;height:100vh;z-index:950;
    flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;
    background:rgba(8,7,6,.98);border-left:1px solid rgba(201,154,63,.25);
    padding:90px 30px 30px;transition:right .35s cubic-bezier(.16,1,.3,1);
  }
  .navlinks.open{right:0;}
  .navlinks a{font-size:16px;padding:10px 0;}
  .more-wrap{flex-direction:column;align-items:flex-start;width:100%;}
  .more-menu{
    position:static;transform:none;display:none;width:100%;min-width:0;
    background:transparent;border:none;border-left:1px solid rgba(201,154,63,.35);
    box-shadow:none;padding:2px 0 2px 16px;margin:4px 0 0 2px;
  }
  .more-menu.open{display:flex;}
  .more-menu a{padding:9px 0;font-size:15px;}
  .burger{display:block;z-index:960;position:relative;}
  nav.mainnav .cta{display:none;}
  .news-grid{grid-template-columns:1fr;}
  .news-feature{min-height:320px;}
}
@media (max-width:640px){
  nav.mainnav{padding:12px 16px;}
  nav.mainnav .logo{height:40px;}
  .section{padding:64px 14px;}
  .page-hero{padding:120px 16px 44px;}
  .section-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px;}
  .fighter-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
  .fighter-card .nm{font-size:18px;}
  .fightrow{grid-template-columns:1fr;gap:10px;}
  .fightrow .f.right{flex-direction:row;text-align:left;}
  .fightrow .vs{order:-1;}
  .th-row{grid-template-columns:1fr;gap:6px;}
  .th-row .how{text-align:left;}
  .news-item img{width:100px;}
  .filterbar select,.filterbar input{min-width:0;flex:1 1 45%;}
}