/*
Theme Name: KodiUFC Fight Night
Theme URI: https://kodiufc.com/
Author: Kodi UFC
Description: A high-impact, performance-first fight editorial theme.
Version: 1.0.1
Text Domain: kodiufc-fightnight
*/
:root{--fn-black:#090807;--fn-deep:#11100f;--fn-ink:#181614;--fn-red:#ff3b30;--fn-gold:#ffcc4d;--fn-blue:#5bd8ff;--fn-paper:#f4f1ec;--fn-muted:#77716a;--fn-line:#ddd7ce;--fn-wrap:1180px;--fn-shadow:0 28px 80px rgba(34,24,17,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:var(--fn-paper)!important;color:var(--fn-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.62}body a{color:inherit}.fn-wrap{width:min(calc(100% - 44px),var(--fn-wrap));margin-inline:auto}.fn-skip{position:fixed;z-index:9999;top:-100px;left:16px;padding:11px 17px;border-radius:8px;background:var(--fn-gold);color:#0b0907!important;font-weight:900}.fn-skip:focus{top:16px}.fn-header{position:sticky;z-index:1000;top:0;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(9,8,7,.94);color:#fff;backdrop-filter:blur(18px)}.admin-bar .fn-header{top:32px}.fn-navrow{display:flex;min-height:78px;align-items:center;gap:28px}.fn-brand{display:flex;align-items:center;color:#fff!important;font-size:1.08rem;font-weight:950;letter-spacing:-.045em;text-decoration:none!important;text-transform:uppercase}.fn-brand em{color:var(--fn-red);font-style:normal}.fn-mark{display:grid;width:42px;height:42px;margin-right:12px;place-items:center;border:2px solid var(--fn-red);clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);background:linear-gradient(145deg,rgba(255,59,48,.25),rgba(255,204,77,.08));box-shadow:inset 0 0 18px rgba(255,59,48,.2);font-weight:950}.fn-nav{margin-left:auto}.fn-menu{display:flex;align-items:center;gap:25px;margin:0!important;padding:0!important;list-style:none!important}.fn-menu a{color:#dedad6!important;font-size:.7rem;font-weight:900;letter-spacing:.095em;text-decoration:none!important;text-transform:uppercase}.fn-menu a:hover{color:var(--fn-red)!important}.fn-search{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff!important;text-decoration:none!important}.fn-toggle{display:none;width:42px;height:42px;margin-left:auto;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;font-size:1rem}
.fn-hero{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(255,59,48,.17),transparent 22%),radial-gradient(circle at 90% 20%,rgba(255,204,77,.08),transparent 18%),var(--fn-black);color:#fff}.fn-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.fn-hero-grid{position:relative;z-index:2;display:grid;min-height:720px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px}.fn-kicker{margin:0 0 14px;color:#655f58;font-size:.64rem;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.fn-hero .fn-kicker,.fn-dark-head .fn-kicker{color:var(--fn-red)}.fn-hero h1{margin:0;color:#fff!important;font-size:clamp(4.4rem,7.7vw,8.2rem);font-weight:950;line-height:.83;letter-spacing:-.083em;text-transform:uppercase}.fn-hero h1 em{color:var(--fn-red);font-style:normal}.fn-intro{max-width:610px;margin:29px 0 31px;color:#aaa49f;font-size:1rem}.fn-actions{display:flex;flex-wrap:wrap;gap:12px}.fn-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--fn-red);border-radius:5px;background:var(--fn-red);color:#fff!important;font-size:.69rem;font-weight:950;letter-spacing:.1em;text-decoration:none!important;text-transform:uppercase;transform:skew(-4deg);transition:.2s}.fn-button:hover{box-shadow:0 0 32px rgba(255,59,48,.25);transform:skew(-4deg) translateY(-2px)}.fn-button-ghost{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.035)}.fn-stats{display:flex;gap:30px;margin-top:26px;color:#73706c;font-size:.69rem}.fn-stats b{color:#fff;font-size:1rem}.fn-octagon{position:relative;min-height:620px;perspective:1200px}.fn-cage{position:absolute;top:50%;left:50%;width:480px;height:480px;border:2px solid rgba(255,255,255,.19);background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 16px),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 16px);clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);box-shadow:inset 0 0 95px rgba(255,59,48,.13),0 0 70px rgba(255,59,48,.09);transform:translate(-50%,-50%) rotateX(4deg);animation:fn-cage 7s ease-in-out infinite}.fn-cage:before{position:absolute;inset:12%;border:1px solid rgba(255,59,48,.44);clip-path:inherit;content:""}.fn-glove{position:absolute;top:38%;width:112px;height:142px;border-radius:48% 48% 40% 42%;background:linear-gradient(145deg,#ff8179,var(--fn-red) 42%,#7c0f0a);box-shadow:inset 14px 10px 24px rgba(255,255,255,.17),0 25px 55px rgba(0,0,0,.45);transform:rotate(-28deg)}.fn-glove:after{position:absolute;right:15%;bottom:-33px;width:72px;height:52px;border-radius:10px;background:linear-gradient(#2f2b28,#0a0908);content:""}.fn-glove-left{left:29%}.fn-glove-right{right:28%;background:linear-gradient(145deg,#9fe9ff,var(--fn-blue) 42%,#096080);transform:scaleX(-1) rotate(-28deg)}.fn-score{position:absolute;min-width:135px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(15,13,12,.83);box-shadow:var(--fn-shadow);backdrop-filter:blur(14px)}.fn-score small{display:block;color:#8f8983;font-size:.52rem;letter-spacing:.12em}.fn-score b{display:block;color:#fff;font-size:1.4rem;line-height:1}.fn-score span{color:var(--fn-red);font-size:.55rem;font-weight:900;letter-spacing:.1em}.fn-score-a{top:15%;left:0;border-left:3px solid var(--fn-red)}.fn-score-b{right:0;bottom:18%;border-left:3px solid var(--fn-blue)}.fn-score-b span{color:var(--fn-blue)}.fn-round{position:absolute;bottom:12%;left:50%;padding:10px 16px;background:var(--fn-gold);color:#0a0908;font-size:.57rem;font-weight:950;letter-spacing:.13em;transform:translateX(-50%) skew(-5deg)}.fn-round b{font-size:1.15rem}@keyframes fn-cage{50%{transform:translate(-50%,-53%) rotateX(4deg) rotate(2deg)}}
.fn-ticker{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#141210;color:#fff}.fn-ticker .fn-wrap{display:flex;min-height:52px;align-items:center;gap:15px}.fn-ticker b{padding:5px 9px;background:var(--fn-red);font-size:.58rem;letter-spacing:.13em}.fn-ticker a{overflow:hidden;color:#eeeae6!important;font-size:.78rem;font-weight:850;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap}.fn-ticker time{margin-left:auto;color:#77726e;font-size:.66rem;white-space:nowrap}.fn-section{padding:90px 0;content-visibility:auto;contain-intrinsic-size:1px 900px}.fn-white{background:#fff}.fn-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.fn-section-head h2{margin:0;color:var(--fn-ink)!important;font-size:clamp(2.9rem,5.2vw,5.2rem);font-weight:950;line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.fn-section-head>a{font-size:.69rem;font-weight:950;letter-spacing:.08em;text-decoration:none!important;text-transform:uppercase}.fn-feature-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:17px}.fn-feature{position:relative;min-height:590px;overflow:hidden;border-radius:5px;background:#171412;box-shadow:var(--fn-shadow)}.fn-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fn-feature:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 17%,rgba(9,8,7,.98));content:""}.fn-feature>div{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:36px;color:#fff}.fn-tag{display:inline-flex;padding:6px 10px;background:var(--fn-red);color:#fff!important;font-size:.56rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;transform:skew(-5deg)}.fn-feature h3{margin:15px 0 10px;color:#fff!important;font-size:clamp(2.4rem,4.2vw,4.3rem);font-weight:950;line-height:.95;letter-spacing:-.062em}.fn-feature h3 a,.fn-card h3 a{text-decoration:none!important}.fn-feature p{max-width:610px;color:#c1bbb6}.fn-date,.fn-meta{color:#8f8984;font-size:.67rem}.fn-card-stack{display:grid;gap:17px}.fn-card{display:flex;min-height:185px;flex-direction:column;justify-content:flex-end;padding:23px;border-left:5px solid var(--fn-red);background:#211d1a;color:#fff;box-shadow:0 15px 38px rgba(38,25,19,.17)}.fn-card:nth-child(2){border-color:var(--fn-gold);background:#f0b92f;color:#15110d}.fn-card:nth-child(3){border-color:var(--fn-blue);background:#187896}.fn-card .fn-tag{align-self:flex-start}.fn-card h3{margin:auto 0 8px;color:inherit!important;font-size:1.36rem;font-weight:950;line-height:1.05;letter-spacing:-.045em}.fn-card time{font-size:.66rem;opacity:.72}.fn-corners{background:var(--fn-deep);color:#fff}.fn-dark-head h2{color:#fff!important}.fn-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1)}.fn-hub{position:relative;display:flex;min-height:265px;flex-direction:column;padding:25px;background:#151310;text-decoration:none!important;transition:.22s}.fn-hub:before{position:absolute;top:0;right:0;left:0;height:3px;background:var(--fn-red);content:""}.fn-hub:nth-child(2):before{background:var(--fn-gold)}.fn-hub:nth-child(3):before{background:var(--fn-blue)}.fn-hub:nth-child(4):before{background:#b993ff}.fn-hub:hover{z-index:2;background:#201b17;box-shadow:0 25px 70px rgba(0,0,0,.38);transform:translateY(-6px)}.fn-hub>span{color:#77716c;font-size:.6rem;font-weight:950;letter-spacing:.14em}.fn-hub h3{margin:auto 0 8px;color:#fff!important;font-size:1.7rem;font-weight:950;line-height:1;letter-spacing:-.05em;text-transform:uppercase}.fn-hub p{margin:0;color:#7f7974;font-size:.76rem}.fn-hub b{position:absolute;top:22px;right:22px;color:rgba(255,255,255,.12);font-size:2rem}.fn-hub i{position:absolute;right:22px;bottom:20px;color:var(--fn-red);font-style:normal}.fn-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px}.fn-feed{border-top:3px solid var(--fn-ink)}.fn-story{display:grid;grid-template-columns:205px 1fr;gap:22px;padding:23px 0;border-bottom:1px solid var(--fn-line)}.fn-story-media{min-height:137px;overflow:hidden;border-radius:3px;background:#ddd8d2}.fn-story-media img{display:block;width:100%;height:100%;object-fit:cover}.fn-story h2,.fn-story h3{margin:7px 0 9px;color:var(--fn-ink)!important;font-size:1.42rem;font-weight:950;line-height:1.08;letter-spacing:-.045em}.fn-story h2 a,.fn-story h3 a{text-decoration:none!important}.fn-story p{margin:0;color:var(--fn-muted);font-size:.83rem}.fn-quick{position:sticky;top:105px;padding:25px;border-radius:4px;background:var(--fn-ink);color:#fff}.fn-quick h2{margin:0 0 17px;color:#fff!important;font-size:1.75rem;font-weight:950;line-height:1;letter-spacing:-.052em;text-transform:uppercase}.fn-quick a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.11);color:#ebe7e2!important;font-size:.79rem;font-weight:850;text-decoration:none!important}.fn-quick a span{color:var(--fn-red)}.fn-note{margin-top:17px;padding:23px;border:1px solid var(--fn-line);background:#fff}.fn-note b{color:var(--fn-red);font-size:.59rem;letter-spacing:.13em}.fn-note h2{font-size:1.3rem;line-height:1.05;text-transform:uppercase}.fn-note p{color:var(--fn-muted);font-size:.78rem}.fn-note a{font-size:.72rem;font-weight:900;text-decoration:none!important}.fn-breadcrumb{margin-bottom:20px;color:var(--fn-muted);font-size:.69rem}.fn-breadcrumb a{color:#bd2a22!important;text-decoration:none!important}.fn-archive-hero{padding:72px 0 48px;background:radial-gradient(circle at 82% 20%,rgba(255,59,48,.14),transparent 23%),var(--fn-black);color:#fff}.fn-archive-hero h1{margin:0;color:#fff!important;font-size:clamp(3.3rem,6.5vw,6.5rem);font-weight:950;line-height:.9;letter-spacing:-.075em;text-transform:uppercase}.fn-article{width:min(calc(100% - 44px),880px);margin:0 auto;padding:78px 0 98px}.fn-article h1,.fn-page h1{margin:15px 0 20px;color:var(--fn-ink)!important;font-size:clamp(3rem,5.8vw,5.5rem);font-weight:950;line-height:.93;letter-spacing:-.07em}.fn-meta{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:30px}.fn-post-image img{width:100%;height:auto;margin-bottom:35px;border-radius:5px}.fn-article-content{font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;line-height:1.82}.fn-article-content h2,.fn-article-content h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:950;letter-spacing:-.04em}.fn-article-content a{color:#b32922!important}.fn-article-content img{max-width:100%;height:auto;border-radius:4px}.fn-related{margin-top:55px;padding-top:34px;border-top:3px solid var(--fn-ink)}.fn-related h2{font-size:2rem;letter-spacing:-.05em;text-transform:uppercase}.fn-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.fn-related-grid a{display:flex;min-height:120px;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--fn-line);background:#fff;font-size:.86rem;font-weight:900;line-height:1.2;text-decoration:none!important}.fn-related-grid span{color:var(--fn-red)}.fn-page{width:min(calc(100% - 44px),1040px);margin:0 auto;padding:78px 0 98px}.fn-pagination{padding-top:28px}.fn-footer{background:#080706;color:#fff}.fn-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:48px;padding:65px 0}.fn-footer-brand{font-size:1.7rem}.fn-footer p{max-width:450px;color:#7b7671;font-size:.82rem}.fn-footer h2{margin:0 0 13px;color:var(--fn-red)!important;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}.fn-footer a{display:block;margin:8px 0;color:#d8d4d0!important;font-size:.79rem;text-decoration:none!important}.fn-footer-bottom{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid rgba(255,255,255,.09);color:#615d59;font-size:.66rem}
@media(max-width:1024px){.fn-menu{gap:14px}.fn-hero-grid,.fn-feature-grid,.fn-content{grid-template-columns:1fr}.fn-octagon{min-height:520px}.fn-card-stack{grid-template-columns:repeat(3,1fr)}.fn-hub-grid{grid-template-columns:repeat(2,1fr)}.fn-quick{position:static}}
@media(max-width:782px){.admin-bar .fn-header{top:46px}.fn-wrap{width:min(calc(100% - 30px),var(--fn-wrap))}.fn-navrow{min-height:69px}.fn-toggle{display:block}.fn-nav{position:absolute;top:69px;right:15px;left:15px}.fn-menu{display:none;flex-direction:column;align-items:stretch;gap:0;padding:13px!important;border:1px solid rgba(255,255,255,.14);background:rgba(9,8,7,.99);box-shadow:var(--fn-shadow)}.fn-menu.is-open{display:flex}.fn-menu a{display:block;padding:11px}.fn-search{display:none}.fn-hero,.fn-hero-grid{min-height:auto}.fn-hero{padding:70px 0 45px}.fn-hero h1{font-size:clamp(3.7rem,17vw,5.3rem)}.fn-hero-grid{gap:20px}.fn-octagon{min-height:430px}.fn-cage{width:350px;height:350px}.fn-glove{width:82px;height:108px}.fn-glove-left{left:28%}.fn-glove-right{right:27%}.fn-ticker time{display:none}.fn-section{padding:68px 0}.fn-section-head{align-items:start;flex-direction:column}.fn-feature-grid{display:block}.fn-feature{min-height:530px}.fn-card-stack{grid-template-columns:1fr;margin-top:15px}.fn-card{min-height:170px}.fn-hub-grid{grid-template-columns:1fr}.fn-hub{min-height:190px}.fn-story{grid-template-columns:108px 1fr;gap:15px}.fn-story-media{min-height:102px}.fn-story h2,.fn-story h3{font-size:1.08rem}.fn-story p{display:none}.fn-related-grid,.fn-footer-grid{grid-template-columns:1fr}.fn-footer-bottom{gap:8px;flex-direction:column}.fn-article,.fn-page{width:min(calc(100% - 30px),880px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.fn-cage{animation:none}}