@import"https://fonts.googleapis.com/css2?family=Anton&display=block";@import"https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=block";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=block";:root{--bg-color: #050505;--text-color: #F5F5F7;--text-muted: #888888;--accent-color: #2A2A2A;--border-color: #1F1F1F;--highlight-color: #FFFFFF;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--space-xxl: 120px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-lg: 24px;--font-size-xl: 48px;--font-size-hero: clamp(3rem, 5vw, 6rem);--transition-slow: .6s cubic-bezier(.22, 1, .36, 1);--transition-fast: .3s ease-out}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body{width:100%;max-width:100%;overflow-x:hidden;line-height:1.5;background-color:var(--bg-color)}.intro-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:introFadeOut .8s ease-out 3s forwards;pointer-events:none}.intro-text{font-family:Anton,Impact,Arial Black,sans-serif;font-size:clamp(6rem,20vw,14rem);color:#fff;text-transform:uppercase;letter-spacing:.15em;animation:introTextIn 1s ease-out .2s both;text-shadow:0 0 60px rgba(255,255,255,.3)}.intro-subtext{font-family:Teko,Arial Narrow,Arial,sans-serif;font-size:clamp(1.2rem,3vw,2rem);color:#ffffff80;text-transform:uppercase;letter-spacing:.6em;margin-top:20px;animation:introSubtextIn .8s ease-out .8s both}@keyframes introTextIn{0%{opacity:0;transform:translateY(40px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes introSubtextIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes introFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.app-container{opacity:0;animation:appReveal 1.5s cubic-bezier(.16,1,.3,1) 2.8s forwards}@keyframes appReveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}#root{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img,video{max-width:100%;display:block}::selection{background:var(--accent-color);color:var(--text-color)}.hero{position:relative;height:100vh;width:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;color:var(--text-color);background-color:var(--bg-color)}.hero-quote{position:absolute;top:100px;left:60px;z-index:5;max-width:520px;opacity:0;transform:translate(-60px) rotate(-1deg);animation:slideInLeft 1s cubic-bezier(.16,1,.3,1) 3.8s forwards}.quote-mark{display:none}.quote-text{font-family:Caveat,cursive;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:600;line-height:1.3;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 20px rgba(0,0,0,.6);letter-spacing:.01em;margin:0;transform:rotate(-1deg);position:relative}.quote-text:after{content:"";position:absolute;bottom:-8px;left:0;width:60%;height:2px;background:#fff6;transform:rotate(-.5deg);opacity:.6}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:0;transform:scale(1.08);animation:heroImageIn 1.8s cubic-bezier(.16,1,.3,1) 2.8s forwards,kenBurns 25s ease-in-out 4.6s infinite alternate}@keyframes heroImageIn{to{opacity:1;transform:scale(1)}}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.06)}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeIn 1s ease-out 4.5s forwards,bounce 2s 5.5s infinite;cursor:pointer}.scroll-text{font-family:Teko,sans-serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#fff,transparent)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(5,5,5,.2) 0%,rgba(5,5,5,.3) 40%,rgba(5,5,5,.6) 80%,var(--bg-color) 100%);z-index:2}.hero-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(0,0,0,.6) 0%,transparent 40%),radial-gradient(circle at top right,rgba(0,0,0,.6) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(0,0,0,.6) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(0,0,0,.6) 0%,transparent 40%);pointer-events:none}.hero-grain{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none;z-index:3}.hero-content{position:relative;z-index:4;padding:var(--space-xl) var(--space-sm);padding-right:15px;max-width:1500px;width:100%;margin:0 auto;opacity:0;transform:translate(60px);animation:slideInRight 1s cubic-bezier(.16,1,.3,1) 3.5s forwards;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;padding-bottom:100px}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{to{opacity:1;transform:translate(0) rotate(-1deg)}}@keyframes fadeIn{to{opacity:.7}}.hero-text-wrapper{display:flex;flex-direction:column;line-height:.85;margin-bottom:var(--space-lg);align-items:flex-end}.hero-given-name,.hero-last-name{font-family:Anton,sans-serif;font-size:clamp(3rem,5vw,5rem);color:#fff;margin:0;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.5);text-align:right}.hero-fight-name{font-family:Anton,sans-serif;font-size:clamp(6rem,15vw,16rem);color:#fff;-webkit-text-stroke:0;text-shadow:4px 4px 0px #000;margin:0;letter-spacing:-.02em;text-transform:uppercase;position:relative;z-index:2;text-align:right}.hero-record-display{display:flex;align-items:center;gap:var(--space-md);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-sm) var(--space-lg);border-right:4px solid #fff;border-left:none;margin-bottom:var(--space-xl);transform:skew(-10deg)}.record-label{font-family:Teko,sans-serif;font-size:1.5rem;font-weight:500;color:#aaa;text-transform:uppercase;letter-spacing:.1em;transform:skew(10deg)}.record-value{font-family:Anton,sans-serif;font-size:3rem;color:#fff;line-height:1;transform:skew(10deg)}.hero-details{display:flex;gap:var(--space-xl);border-top:1px solid rgba(255,255,255,.3);padding-top:var(--space-md)}.hero-detail-item{color:var(--text-color)}.hero-detail-label{color:var(--text-muted);margin-right:8px}@media(max-width:768px){.hero-content{padding-bottom:var(--space-xxl)}.hero-fight-name{font-size:15vw}.hero-given-name{font-size:1rem}.hero-details{flex-direction:column;gap:var(--space-sm)}.hero-quote{top:80px;left:20px;right:20px;max-width:calc(100% - 40px)}.quote-text{font-size:1.5rem;line-height:1.4}.quote-text:after{width:50%;bottom:-6px}}@media(min-width:769px)and (max-width:1024px){.hero-quote{top:90px;left:40px;max-width:450px}.quote-text{font-size:2.2rem}}.profile-section{background-color:var(--bg-color);padding:var(--space-xxl) var(--space-md);color:var(--text-color);position:relative;z-index:10}.profile-container{max-width:1200px;margin:0 auto}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);width:100%}.profile-item{display:flex;flex-direction:column;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.2);transition:border-color .3s ease}.profile-item:hover{border-color:#fff}.profile-label{font-family:Teko,sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:4px}.profile-value{font-family:Anton,sans-serif;font-size:2rem;font-weight:400;color:#fff;line-height:1.1;letter-spacing:.02em}.profile-item.full-width{grid-column:span 2}.team-primary{color:var(--text-color)}.team-former{display:block;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.9rem;margin-top:4px;opacity:.7}@media(max-width:1024px){.profile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.profile-section{padding:var(--space-xl) var(--space-md)}.profile-grid{grid-template-columns:1fr;gap:var(--space-xl)}.profile-value{font-size:1.8rem}.profile-item.full-width{grid-column:1}}.career-section{background-color:var(--bg-color);padding:var(--space-xxl) var(--space-md);color:var(--text-color);position:relative;overflow:hidden}.record-container{max-width:900px;margin:0 auto;position:relative;padding-left:var(--space-lg)}.record-container:before{content:"";position:absolute;top:60px;left:19px;width:1px;height:calc(100% - 100px);background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2) 10%,rgba(255,255,255,.2) 90%,transparent)}.record-header{margin-bottom:var(--space-xl);padding-left:var(--space-lg)}.record-title{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-sm);color:#fff}.record-subtitle{font-family:Teko,sans-serif;font-size:1.2rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;display:block;margin-top:-10px}.timeline-item{position:relative;margin-bottom:120px;padding-left:60px;opacity:0;transform:translateY(60px) scale(.95);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.timeline-item.active{opacity:1;transform:translateY(0) scale(1)}.timeline-dot{position:absolute;left:15px;top:8px;width:9px;height:9px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff0d;z-index:2;transition:transform .3s ease}.timeline-item.active .timeline-dot{background-color:#fff;box-shadow:0 0 20px #fff6}.timeline-date{font-family:Teko,sans-serif;font-size:1.2rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);display:block}.fight-info{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);margin-bottom:var(--space-md);align-items:start}.opponent-name{font-family:Anton,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#fff;line-height:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.01em}.event-name{font-family:Inter,sans-serif;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.fight-result{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.result-badge{display:inline-block;padding:6px 14px;border:1px solid rgba(255,255,255,.1);font-family:Teko,sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;border-radius:2px}.result-badge.win{border-color:#ffffff4d;background:#ffffff0d;color:#fff}.timeline-item:hover .result-badge.win{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 15px #ffffff4d}.method-text{display:block;color:var(--text-muted);font-size:12px;font-family:Inter,sans-serif;margin-top:2px}.fight-media-container{margin-top:var(--space-lg)}.fight-gallery-wrapper{position:relative}.fight-gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%)}.fight-gallery::-webkit-scrollbar{display:none}.gallery-image{flex:0 0 auto;width:500px;height:380px;object-fit:cover;object-position:center top;scroll-snap-align:center;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);filter:grayscale(20%) brightness(.9);position:relative}.gallery-image:hover{transform:scale(1.03) translateY(-5px);border-color:#fff9;filter:grayscale(0%) brightness(1.1);box-shadow:0 10px 40px #00000080;z-index:10}.gallery-indicators{display:flex;justify-content:center;gap:12px;margin-top:var(--space-sm)}.gallery-dot{width:6px;height:6px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .3s ease;padding:0}.gallery-dot.active{background:#fff;transform:scale(1.5)}.gallery-dot:hover{background:#fff9}.swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.2em;margin-top:10px;opacity:.5}.swipe-hint svg{animation:swipeHint 2s ease-in-out infinite}@keyframes swipeHint{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(5px);opacity:1}}@keyframes impactFlash{0%{background-color:transparent}10%{background-color:#ffffff26}to{background-color:transparent}}.flash-trigger{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;animation:impactFlash .3s ease-out}@media(max-width:768px){.record-container{padding-left:0}.record-container:before{display:none}.timeline-item{margin-bottom:80px;border-left:2px solid rgba(255,255,255,.1);padding-left:20px}.timeline-dot{display:none}.gallery-image{width:85vw;height:260px;scroll-snap-align:center}.fight-gallery{padding-left:20px;padding-right:20px;gap:10px}.fight-info{grid-template-columns:1fr;gap:8px}.fight-result{flex-direction:row;align-items:center;gap:10px;text-align:left;justify-content:flex-start}}@media(min-width:1200px){.gallery-image{width:600px;height:400px}}.highlights-section{background-color:var(--bg-color);padding:var(--space-xxl) var(--space-md);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;position:relative}.highlights-container{max-width:900px;width:100%}.highlight-item{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:400;text-transform:uppercase;text-align:center;margin-bottom:var(--space-xl);opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);line-height:1;letter-spacing:.02em;color:#ffffff4d}.highlight-item.active{opacity:1;transform:translateY(0);color:#fff}.highlight-item:last-child{margin-bottom:0}.highlight-item.active{background:linear-gradient(to bottom,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.highlights-section{min-height:50vh;padding:var(--space-xl) var(--space-md)}.highlight-item{font-size:clamp(1.8rem,8vw,3rem);margin-bottom:var(--space-lg)}}.footer{padding:var(--space-xxl) var(--space-md);background:linear-gradient(to bottom,var(--bg-color),#000);border-top:1px solid rgba(255,255,255,.1);text-align:center;color:var(--text-muted);position:relative}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.2em;max-width:600px;margin:0 auto}.footer-name{font-family:Anton,sans-serif;font-size:2rem;color:#fff;font-weight:400;margin-bottom:8px;letter-spacing:.05em}.footer-content span:not(.footer-name){font-family:Teko,sans-serif;font-size:1rem;opacity:.5}.footer:after{content:"© 2026";display:block;margin-top:var(--space-lg);font-family:Inter,sans-serif;font-size:.75rem;opacity:.3;letter-spacing:.1em}@media(max-width:768px){.footer{padding:var(--space-xl) var(--space-md)}.footer-name{font-size:1.5rem}}.transition-section{height:30vh;background:linear-gradient(to bottom,var(--bg-color),#000,var(--bg-color));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);text-transform:uppercase;position:relative;z-index:5;overflow:hidden}.transition-text{font-family:Teko,sans-serif;font-size:1.5rem;font-weight:400;opacity:.4;margin-bottom:8px;letter-spacing:.3em}.transition-subtext{font-family:Anton,sans-serif;font-size:2rem;color:#fff;opacity:.8;letter-spacing:.05em}.transition-line{width:1px;height:80px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent);margin-top:var(--space-lg)}@media(max-width:768px){.transition-section{height:20vh}.transition-text{font-size:1.2rem}.transition-subtext{font-size:1.5rem}}.cinematic-breaker{height:85vh;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000}.breaker-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.7;transform:scale(1.05);will-change:transform;transition:all .8s cubic-bezier(.16,1,.3,1);animation:breathe 20s ease-in-out infinite alternate}.cinematic-breaker:hover .breaker-image{transform:scale(1.08);opacity:.85}@keyframes breathe{0%{transform:scale(1.05)}to{transform:scale(1.1)}}.breaker-image.top-focus{object-position:center 20%}.breaker-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000001a,#000c);z-index:2}.breaker-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent 20%,transparent 80%,rgba(0,0,0,.8));z-index:2}.breaker-content{position:relative;z-index:3;text-align:center;padding:var(--space-md);max-width:900px}.breaker-subtitle{display:block;font-family:Teko,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);color:var(--highlight-color);letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--space-sm);opacity:0;transform:translateY(20px);transition:all .8s ease-out}.breaker-title{font-family:Anton,sans-serif;font-size:clamp(4rem,10vw,8rem);color:#fff;text-transform:uppercase;line-height:.9;letter-spacing:.02em;text-shadow:0 10px 30px rgba(0,0,0,.7);opacity:0;transform:scale(.95);transition:all .8s ease-out .2s}.cinematic-breaker.active .breaker-subtitle{opacity:1;transform:translateY(0)}.cinematic-breaker.active .breaker-title{opacity:1;transform:scale(1)}@media(max-width:768px){.cinematic-breaker{height:60vh}.breaker-title{font-size:15vw;line-height:.8;width:100%;padding:0 10px}.breaker-image{object-position:center top}.breaker-image.mobile-left{object-position:20% center}.breaker-image.mobile-right{object-position:80% center}}.cinematic-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000}.noise{position:absolute;inset:-50%;width:200%;height:200vh;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAA5OTkAAABERERmZmYzMzMyMjJEREQN0eLRAAAAAXBJRU5ErkJggg==) repeat 0 0;background-repeat:repeat;animation:bg-animation .2s infinite;opacity:.04;visibility:visible}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.vignette{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#0000 60%,#0006)}