:root{--Black: #1A1513ff;--White: #F5E9DCff;--Red: #e83c3cff;--Blue: #5c6bc0ff;--Purple: #9146ffff;min-height:100vh}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:64px;color:var(--White);font-weight:700}h2{font-size:42px;color:var(--White);font-weight:700}h3{font-size:32px;color:var(--White);font-weight:medium;margin:5px 0}p{font-size:16px;color:var(--White);font-weight:400;margin:5px 0}text{color:var(--White);font-weight:400;margin:5px 0;text-align:justify}.container{display:flex;flex-direction:column;height:100vh}.middle{flex:1;background-color:var(--Black)}.SideNav{display:flex;justify-content:center;align-items:center;background-color:var(--Black);border-bottom:3px solid var(--Red)}.nav-inner{display:flex;align-items:center;width:100%;height:55px}.NavLogoContainer{height:100%;padding:0 10px}.NavLogo{width:90%;height:90%}.nav-links{display:flex;align-items:center;height:100%;padding:0;margin:0;flex:1;min-width:0}.nav-links li{list-style:none;height:100%;flex-shrink:1;min-width:0}.nav-links li a{display:flex;justify-content:center;align-items:center;height:100%;padding:0 10px;color:var(--White);text-decoration:none;font-size:13px;white-space:nowrap;transition:background-color .25s,color .25s}.nav-links li a:hover,.nav-links li a.active{background:var(--Red);color:var(--White)}.LangToggle{width:80px;margin:0;padding:0;transition:color .25s}.LangToggle:hover{color:var(--Red)}.HomeContainer{display:flex;flex-direction:column;height:100%;justify-content:center}.HomeContainer h1{font-size:clamp(32px,6vw,64px);margin-top:0;margin-bottom:30px;text-align:center}.HomeContainer p{max-width:760px;text-align:center;margin:0 auto 20px;line-height:1.5}.ProjectsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;max-width:400px;margin:30px auto}.ProjectButton{width:80px;height:80px;padding:0;background:none;border:none}.ProjectButton img{width:100%;height:100%;object-fit:contain;transition:.3s;border-radius:8px}.ProjectButton:hover img{transform:scale(1.15)}@media (min-width: 910px){.ProjectsContainer{display:flex;justify-content:center;align-items:center;gap:40px;max-width:none}.ProjectButton:nth-child(odd){transform:translateY(-15px)}.ProjectButton:nth-child(2n){transform:translateY(15px)}.ProjectButton{width:150px;height:150px}}.ProjectsPage{width:100%;max-width:1100px;margin:0 auto;padding:40px 20px;box-sizing:border-box}.ProjectViewer{border:1px solid var(--Red);background:#252525;overflow:hidden;border-radius:6px}.ProjectHeader{background:var(--Red);padding:18px 30px}.ProjectHeader h2{margin:0 0 10px}.Tags{display:flex;gap:8px;flex-wrap:wrap}.Tags span{background:#2b2b2b;color:#fff;padding:4px 10px;font-size:14px;border-radius:4px}.ProjectContent{display:flex;gap:30px;padding:30px}.VideoContainer{flex:1}.VideoContainer iframe{width:100%;height:100%;aspect-ratio:16/9;border:none;border-radius:6px}.ProjectInfo{flex:1;display:flex;flex-direction:column}.ProjectInfo h3{margin-top:0}.ProjectInfo p{text-align:justify;line-height:1.3;margin:0 0 5px}.ProjectButtons{display:flex;gap:20px;margin-top:5px}.ProjectButtons button{flex:1;height:55px;border:none;cursor:pointer;background:var(--Red);color:#fff;font-size:18px;transition:.25s}.ProjectButtons button:hover{background:#ff6549}.ProjectsList{margin-top:50px;display:flex;justify-content:center;flex-wrap:wrap;gap:35px}.ProjectCard{width:90px;height:90px;padding:0;border:none;background:none;cursor:pointer;transition:.25s}.ProjectCard img{width:100%;height:100%;object-fit:cover;border-radius:8px}.ProjectCard:hover{transform:translateY(-5px)}.ProjectCard.Active img{border:3px solid var(--Red)}@media (max-width:900px){.ProjectContent{flex-direction:column}}@media (max-width:600px){.ProjectHeader,.ProjectContent{padding:20px}}.AboutMeContainer,.AboutMeContainer *{box-sizing:border-box}.AboutMeContainer{width:100%;max-width:1000px;margin:0 auto;padding:110px 20px;display:flex;flex-direction:column;align-items:center;gap:40px}.DesktopCharacterContainer{width:220px;height:400px;flex-shrink:0;overflow:hidden}.DesktopCharacterContainer canvas{width:100%!important;height:100%!important;display:block}.TextContainer{flex:1}.TextContainer h3{padding:0;margin-top:0}.TextContainer p{line-height:1.5;text-align:justify}@media (min-width: 768px){.AboutMeContainer{flex-direction:row;align-items:flex-start;gap:28px}.DesktopCharacterContainer{width:220px;height:520px}.TextContainer{width:auto}}.ProfessionalSummary{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.ProfessionalSummary p{margin-bottom:20px}.CVButton{display:inline-block;padding:12px 20px;border-radius:6px;background:var(--Red);color:#fff;text-decoration:none;font-weight:600;transition:transform .2s ease,opacity .2s ease}.CVButton:hover{transform:translateY(-2px);opacity:.85}.ContactContainer{display:flex;justify-content:center;align-items:flex-start;gap:60px;width:100%;max-width:1000px;margin:0 auto;padding:100px 20px;box-sizing:border-box}.ContactInfo{width:220px;flex-shrink:0;border-radius:8px}.ProfileImage{width:100%;display:block;border-radius:4px}.ContactDescription{margin:22px 0;line-height:1.5;text-align:left}.EmailContainer{display:flex;align-items:center;gap:10px}.EmailContainer span{color:var(--White);text-decoration:none}.EmailContainer span:hover{color:var(--Red)}.EmailIcon{font-size:24px}.ContactForm{width:100%;max-width:550px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.InputGroup{display:flex;flex-direction:column;gap:8px}.FullWidth{grid-column:1/-1}.InputGroup label{color:var(--White);font-size:18px}.InputGroup input,.InputGroup textarea{width:100%;box-sizing:border-box;padding:12px;background:transparent;border:1px solid var(--Red);color:var(--White);outline:none;font-size:16px;resize:none;transition:.25s}.InputGroup input::placeholder,.InputGroup textarea::placeholder{color:#d4d4d4}.InputGroup input:focus,.InputGroup textarea:focus{border-color:var(--Purple)}.ContactForm button{height:50px;border:none;background:var(--Red);color:#fff;font-size:18px;cursor:pointer;transition:.25s}.ContactForm button:hover{background:#ff6549}.SendButton{grid-column:1 / -1;width:100%;height:50px;border:none;background:var(--Red);color:#fff;font-size:18px;cursor:pointer;transition:.25s}.SendButton:hover{background:#ff6549}.GmailIcon{height:30px;width:30px;color:var(--Red)}@media (max-width:768px){.ContactContainer{flex-direction:column;align-items:center;gap:50px}.ContactInfo{width:100%;max-width:320px}.ContactForm{width:100%;grid-template-columns:1fr}.FullWidth{grid-column:auto}}.SuccessMessage{color:var(--White);font-size:.95rem;font-weight:600;grid-column:1 / -1;text-align:center}.ErrorMessage{color:var(--Red);font-size:.95rem;font-weight:600;grid-column:1 / -1;text-align:center}.CrimsonSoul{width:100%;max-width:100%;overflow-x:hidden;color:#f4ede5}.CrimsonSoul *,.CrimsonSoul *:before,.CrimsonSoul *:after{box-sizing:border-box}.CrimsonSoul img{display:block;max-width:100%}.CrimsonSoul h1,.CrimsonSoul h2,.CrimsonSoul h3{color:#f4ede5}.CrimsonSoul p{color:#d0c9c2;line-height:1.7}.ProjectHeroMedia{width:80%;min-width:0;margin:auto}.ProjectHeroMedia img{width:100%;height:auto;border-radius:18px;object-fit:cover}.ProjectButtons{margin-top:40px}.ProjectTools{width:100%;max-width:1300px;margin:0 auto;padding:60px 6%}.ToolsGrid{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.ToolCard{min-width:0;min-height:160px;padding:25px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background-color:#ffffff04;border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}.ToolIcon{width:48px;height:48px;color:#e8e1da;fill:currentColor;font-size:48px}.ProjectSection{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px}.ProjectText{min-width:0}.ProjectMedia{width:100%;min-width:0;height:100%;min-height:0}.ProjectMedia img{width:100%;height:100%;border-radius:16px;object-fit:cover}.ProjectCharacters{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%}.CharacterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.CharacterCard{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px}.ProcessMedia{width:100%;margin-top:50px}.ProcessMedia img{width:100%;height:auto;border-radius:16px}.ProjectFeature{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:80px}.FeatureMedia{width:100%;min-width:0;height:100%;min-height:0}.FeatureMedia img,.FeatureMedia video{width:100%;height:100%;display:block;border-radius:18px;object-fit:cover}.FeatureText{width:100%;min-width:0}.ProblemGrid{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ProblemCard{min-width:0;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.ProblemCard img{width:100%;height:auto;margin-top:30px;border-radius:10px}.ProjectArchitecture{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%}.ArchitectureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ArchitectureCard{min-width:0;padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.ArchitectureMedia img{width:100%;height:auto;border-radius:12px}.ProjectUI{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%}.UIIntro{width:100%;max-width:800px;margin-bottom:60px}.UIIntro h2{margin-bottom:30px;font-size:clamp(40px,5vw,72px);line-height:1}.UIIntro p{max-width:650px;margin-bottom:20px;font-size:17px}.UIComparison{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.UIComparisonItem{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px}.UIComparisonItem span{display:block;margin-bottom:20px;color:#6d6762;font-size:10px;letter-spacing:4px;text-transform:uppercase}.UIComparisonItem img{width:100%;height:auto;border-radius:10px}.GameplayLoop{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}.GameplayLoop span{padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#d0c9c2;font-size:11px}.IntegrationGrid{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.IntegrationCard{min-width:0;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.IntegrationCard img{width:100%;height:auto;margin-top:30px;border-radius:12px}.FinalResult{width:100%;max-width:1400px;margin:0 auto;padding:120px 6%}.ProjectLearnings{width:100%;max-width:1200px;margin:0 auto;padding:100px 6%}.ProjectGallery{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%}.GalleryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.GalleryGrid img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px}@media (max-width: 1100px){.ToolsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ProjectHeroContent{grid-template-columns:minmax(0,1fr)}.ProjectHeroText{max-width:800px;margin:0 auto;text-align:center}.ProjectHero p{margin:0 auto}.ProjectButtons{display:flex;justify-content:center}.ProjectSection,.ProjectFeature,.ProjectFeatureReverse{grid-template-columns:minmax(0,1fr);gap:50px}.ProjectFeatureReverse .FeatureText{order:1}.ProjectFeatureReverse .FeatureMedia{order:2}}@media (max-width: 768px){.ProjectHero{min-height:auto;padding:90px 20px}.ProjectTools,.ProjectSection,.ProjectFeature,.ProjectUI,.ProjectCharacters,.ProjectArchitecture,.ProjectLearnings,.ProjectGallery,.FinalResult,.ProjectProblem{padding:80px 20px}.ToolsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.CharacterGrid,.ProblemGrid,.ArchitectureGrid,.UIComparison,.IntegrationGrid{grid-template-columns:minmax(0,1fr)}.CharacterViewerWrapper{height:450px}.GalleryGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.ProjectHero h1{font-size:44px}.ToolsGrid{gap:10px}.ToolCard{min-height:120px;padding:15px 10px}.ToolIcon{width:40px;height:40px;font-size:40px}.CharacterViewerWrapper{height:380px}}.viewer-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.top-right{position:absolute;top:12px;right:12px;display:flex;gap:8px}.bottom-right{position:absolute;bottom:70px;right:12px;display:flex;gap:8px}.icon-btn{width:42px;height:42px;padding:0;border:none;border-radius:8px;background:#000000bf;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:.15s}.icon-btn img{width:22px;height:22px;object-fit:contain;display:block;pointer-events:none}.icon-btn:hover{background:#ffffff26}.icon-btn.active{background:var(--Red)}.bottom-panel{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.animation-dropdown{height:36px;border:none;border-radius:8px;padding:0 12px;font-size:14px;background:#fff}.animation-player{display:flex;align-items:center;height:42px;background:#141414e6;border-radius:8px;overflow:hidden}.play-btn{width:46px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:18px}.play-btn:hover{background:#ffffff14}.animation-select{flex:1;border:none;background:transparent;color:#fff;padding:0 12px;font-size:14px;outline:none}.animation-select option{color:#000}.bottom-buttons{display:flex;gap:6px;padding-right:8px;padding-left:8px}.bottom-buttons .icon-btn{width:34px;height:34px;font-size:16px}.character-viewer{position:relative;width:100%;height:100%}.ForesightSports{width:100%;max-width:100%;overflow-x:hidden;color:#f4ede5}.ForesightSports *,.ForesightSports *:before,.ForesightSports *:after{box-sizing:border-box}.ForesightSports img{display:block;max-width:100%}.ForesightSports h1,.ForesightSports h2,.ForesightSports h3{color:#f4ede5}.ForesightSports p{color:#d0c9c2;line-height:1.7}.ForesightSports .SectionHeader{width:100%;max-width:900px;margin:0 auto 55px;text-align:center}.ForesightSports .SectionHeader span,.ForesightSports .SectionLabel,.ForesightSports .ProjectEyebrow{display:block;margin-bottom:25px;color:#9a928a;font-size:clamp(12px,.9vw,16px);font-weight:600;letter-spacing:5px;line-height:1.4;text-transform:uppercase}.ForesightSports .SectionHeader h2{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.05}.ForesightSports .ProjectHero{width:100%;min-height:700px;padding:60px 6%;display:flex;align-items:center}.ForesightSports .ProjectHeroContent{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:70px}.ForesightSports .ProjectHeroText{min-width:0}.ForesightSports .ProjectHero h1{margin-bottom:30px;font-size:clamp(48px,7vw,110px);line-height:.9}.ForesightSports .ProjectHero p{max-width:550px;font-size:18px}.ForesightSports .ProjectHeroMedia{width:80%;min-width:0;margin:auto}.ForesightSports .ProjectHeroMedia img{width:100%;height:auto;border-radius:18px;object-fit:cover}.ForesightSports .ProjectTools{width:100%;max-width:1300px;margin:0 auto;padding:60px 6%}.ForesightSports .ToolsGrid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ForesightSports .ToolCard{min-width:0;min-height:160px;padding:25px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background-color:#ffffff04;border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}.ForesightSports .ToolCard:hover{transform:translateY(-6px);background-color:#ffffff0d;border-color:#ffffff59}.ForesightSports .ToolIcon{width:48px;height:48px;color:#e8e1da;fill:currentColor;font-size:48px}.ForesightSports .ToolTextIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#e8e1da;font-size:18px;font-weight:700}.ForesightSports .ToolCard span{color:#d0c9c2;font-size:12px;font-weight:600;text-align:center}.ForesightSports .ProjectSection{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px}.ForesightSports .ProjectText{min-width:0}.ForesightSports .ProjectText h2{margin-bottom:30px;font-size:clamp(36px,4vw,60px);line-height:1.05}.ForesightSports .ProjectText p{margin-bottom:20px;font-size:16px}.ForesightSports .ProjectMedia{width:100%;min-width:0;height:100%;min-height:0}.ForesightSports .ProjectMedia img{width:100%;height:100%;border-radius:16px;object-fit:cover}.ForesightSports .ProjectFeature{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:80px}.ForesightSports .ProjectFeatureReverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ForesightSports .FeatureMedia{width:100%;min-width:0;height:100%;min-height:0}.ForesightSports .FeatureMedia img,.ForesightSports .FeatureMedia video{width:100%;height:100%;display:block;border-radius:18px;object-fit:cover}.ForesightSports .FeatureText{width:100%;min-width:0}.ForesightSports .FeatureText h2{margin-bottom:30px;font-size:clamp(36px,4vw,60px);line-height:1.05}.ForesightSports .FeatureText p{margin-bottom:20px;font-size:16px}.ForesightSports .ProjectProblem{width:100%;padding:100px 6%;background-color:#0000001f}.ForesightSports .ProblemHeader{max-width:900px;margin:0 auto 60px;text-align:center}.ForesightSports .ProblemHeader h2{margin:0;font-size:clamp(36px,5vw,70px);line-height:1}.ForesightSports .ProblemGrid{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.ForesightSports .ProblemCard{min-width:0;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.ForesightSports .ProblemNumber{display:block;margin-bottom:25px;color:#6d6762;font-size:11px;letter-spacing:3px}.ForesightSports .ProblemCard h3{margin-bottom:20px;font-size:23px}.ForesightSports .ProblemCard img{width:100%;height:auto;margin-top:30px;border-radius:10px}.ForesightSports .FinalResult{width:100%;max-width:1400px;margin:0 auto;padding:120px 6%}.ForesightSports .FinalResultMedia{width:100%;margin-bottom:60px}.ForesightSports .FinalResultMedia img,.ForesightSports .FinalResultMedia video{width:100%;height:auto;max-height:700px;object-fit:cover;border-radius:20px}.ForesightSports .FinalResultText{max-width:850px;margin:0 auto;text-align:center}.ForesightSports .FinalResultText h2{margin-bottom:30px;font-size:clamp(36px,5vw,70px);line-height:1}.ForesightSports .ProjectLearnings{width:100%;max-width:1200px;margin:0 auto;padding:100px 6%}.ForesightSports .LearningTags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px}.ForesightSports .LearningTags span{padding:12px 20px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#d0c9c2;font-size:13px}.ForesightSports .LearningConclusion{max-width:800px;margin:0 auto;color:#d0c9c2;font-size:21px;line-height:1.6;text-align:center}.ForesightSports .ProjectGallery{width:100%;max-width:1400px;margin:0 auto;padding:100px 6%}.ForesightSports .GalleryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ForesightSports .GalleryGrid img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px}@media (max-width: 1100px){.ForesightSports .ToolsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ForesightSports .ProjectHeroContent{grid-template-columns:minmax(0,1fr)}.ForesightSports .ProjectHeroText{max-width:800px;margin:0 auto;text-align:center}.ForesightSports .ProjectHero p{margin:0 auto}.ForesightSports .ProjectSection,.ForesightSports .ProjectFeature,.ForesightSports .ProjectFeatureReverse{grid-template-columns:minmax(0,1fr);gap:50px}.ForesightSports .ProjectFeatureReverse .FeatureText{order:1}.ForesightSports .ProjectFeatureReverse .FeatureMedia{order:2}}@media (max-width: 768px){.ForesightSports .ProjectHero{min-height:auto;padding:90px 20px}.ForesightSports .ProjectTools,.ForesightSports .ProjectSection,.ForesightSports .ProjectFeature,.ForesightSports .ProjectLearnings,.ForesightSports .ProjectGallery,.ForesightSports .FinalResult,.ForesightSports .ProjectProblem{padding:80px 20px}.ForesightSports .ProblemGrid,.ForesightSports .GalleryGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.ForesightSports .ProjectHero h1{font-size:44px}.ForesightSports .ToolsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ForesightSports .ToolCard{min-height:120px;padding:15px 10px}.ForesightSports .ToolIcon{width:40px;height:40px;font-size:40px}.ForesightSports .ToolTextIcon{width:40px;height:40px;font-size:15px}}.PanDeBonus{width:100%;min-width:0;margin:0;padding:0;overflow-x:hidden;color:#f4ede5}.PanDeBonus *,.PanDeBonus *:before,.PanDeBonus *:after{box-sizing:border-box}.PanDeBonus img,.PanDeBonus video{display:block;max-width:100%}.PanDeBonus h1,.PanDeBonus h2,.PanDeBonus h3{color:#f4ede5}.PanDeBonus p{color:#d0c9c2;line-height:1.7}.SectionHeader{width:100%;max-width:900px;margin:0 auto 55px;text-align:center}.SectionHeader span,.SectionLabel,.ProjectEyebrow{display:block;margin-bottom:25px;color:#9a928a;font-size:clamp(12px,.9vw,16px);font-weight:600;letter-spacing:5px;line-height:1.4;text-transform:uppercase}.SectionHeader h2{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.05}.ProjectHero{width:100%;min-height:700px;padding:60px 6%;display:flex;align-items:center}.ProjectHeroContent{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:70px}.ProjectHeroText{min-width:0}.ProjectHero h1{margin-bottom:30px;font-size:clamp(48px,7vw,110px);line-height:.9}.ProjectHero p{max-width:550px;font-size:18px}.ProjectHeroMedia{width:100%;min-width:0}.ProjectHeroMedia img,.ProjectHeroMedia video{width:100%;height:auto;border-radius:18px;object-fit:cover}.ProjectButtons{margin-top:40px;display:flex;gap:15px}.ProjectButtons img{width:160px;height:auto;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.ProjectButtons img:hover{transform:scale(1.05);opacity:.85}.ProjectTools{width:100%;padding:100px 6%}.ToolsGrid{width:100%;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.ToolCard{width:100%;min-height:160px;padding:25px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background-color:#ffffff04;border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}.ToolCard:hover{transform:translateY(-6px);background-color:#ffffff0d;border-color:#ffffff59}.ToolIcon{width:48px;height:48px;color:#e8e1da;font-size:48px}.ToolCard span{color:#d0c9c2;font-size:12px;font-weight:600;text-align:center}.ProjectSection{width:100%;padding:100px 6%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px}.ProjectText,.ProjectMedia{width:100%;min-width:0}.ProjectText h2{margin-bottom:30px;font-size:clamp(36px,4vw,60px);line-height:1.05}.ProjectText p{margin-bottom:20px;font-size:16px}.ProjectMedia img,.ProjectMedia video{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}.ProjectCharacters{width:100%;padding:100px 6%}.CharacterGrid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.CharacterCard{min-width:0;overflow:hidden;background-color:#ffffff04;border:1px solid rgba(255,255,255,.12);border-radius:18px}.CharacterViewerWrapper{width:100%;height:550px}.CharacterCardContent{padding:30px}.CharacterCardContent h3{margin-bottom:15px;font-size:24px}.CharacterCardContent p{margin-bottom:20px}.ProjectFeature{width:100%;padding:100px 6%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:80px}.ProjectFeatureReverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.FeatureMedia,.FeatureText{width:100%;min-width:0}.FeatureMedia img,.FeatureMedia video{width:100%;height:auto;display:block;border-radius:18px;object-fit:cover}.FeatureText h2{margin-bottom:30px;font-size:clamp(36px,4vw,60px);line-height:1.05}.FeatureText p{margin-bottom:20px;font-size:16px}.ProjectProblem{width:100%;padding:100px 6%;background-color:#0000001f}.ProblemHeader{max-width:900px;margin:0 auto 60px;text-align:center}.ProblemHeader h2{margin:0;font-size:clamp(36px,5vw,70px);line-height:1}.ProblemGrid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ProblemCard{min-width:0;padding:30px;background-color:#ffffff04;border:1px solid rgba(255,255,255,.12);border-radius:18px}.ProblemNumber{display:block;margin-bottom:25px;color:#6d6762;font-size:11px;letter-spacing:3px}.ProblemCard h3{margin-bottom:20px;font-size:23px}.ProblemCard img,.ProblemCard video{width:100%;height:auto;margin-top:30px;border-radius:10px}.ProjectArchitecture{width:100%;padding:100px 6%}.ArchitectureGrid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ArchitectureCard{min-width:0;padding:25px;background-color:#ffffff04;border:1px solid rgba(255,255,255,.12);border-radius:18px}.ArchitectureMedia{margin-bottom:25px}.ArchitectureMedia img,.ArchitectureMedia video{width:100%;height:auto;border-radius:12px}.ArchitectureCard h3{margin-bottom:15px}.FinalResult{width:100%;padding:120px 6%}.FinalResultMedia{width:100%;margin-bottom:60px}.FinalResultMedia img,.FinalResultMedia video{width:100%;height:auto;max-height:700px;object-fit:cover;border-radius:20px}.FinalResultText{max-width:850px;margin:0 auto;text-align:center}.FinalResultText h2{margin-bottom:30px;font-size:clamp(36px,5vw,70px);line-height:1}.ProjectLearnings{width:100%;padding:100px 6%}.LearningTags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px}.LearningTags span{padding:12px 20px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#d0c9c2;font-size:13px}.LearningConclusion{max-width:800px;margin:0 auto;color:#d0c9c2;font-size:21px;line-height:1.6;text-align:center}.ProjectGallery{width:100%;padding:100px 6%}.GalleryGrid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.GalleryGrid img,.GalleryGrid video{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px}@media (max-width: 1100px){.ProjectHeroContent{grid-template-columns:minmax(0,1fr)}.ProjectHeroText{max-width:800px;margin:0 auto;text-align:center}.ProjectHero p{margin:0 auto}.ProjectButtons{justify-content:center}.ProjectSection,.ProjectFeature,.ProjectFeatureReverse{grid-template-columns:minmax(0,1fr);gap:50px}.ProjectFeatureReverse .FeatureText{order:1}.ProjectFeatureReverse .FeatureMedia{order:2}}@media (max-width: 768px){.ProjectHero{min-height:auto;padding:80px 20px}.ProjectTools,.ProjectSection,.ProjectFeature,.ProjectCharacters,.ProjectArchitecture,.ProjectLearnings,.ProjectGallery,.FinalResult,.ProjectProblem{padding:70px 20px}.CharacterGrid,.ProblemGrid,.ArchitectureGrid{grid-template-columns:minmax(0,1fr)}.CharacterViewerWrapper{height:450px}.GalleryGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.ProjectHero{padding:60px 16px}.ProjectHero h1{font-size:44px}.ProjectTools,.ProjectSection,.ProjectFeature,.ProjectCharacters,.ProjectArchitecture,.ProjectLearnings,.ProjectGallery,.FinalResult,.ProjectProblem{padding:60px 16px}.ToolsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ToolCard{min-height:120px;padding:15px 10px}.ToolIcon{width:40px;height:40px;font-size:40px}.CharacterViewerWrapper{height:380px}.ProjectHero p{font-size:16px}.FeatureText h2,.ProjectText h2,.SectionHeader h2{font-size:38px}.LearningConclusion{font-size:18px}}.FooterContainer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--White);background-color:var(--Black);font-weight:lighter}.Social{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;padding:15px 0}button{width:40px;height:40px;color:var(--White);background:none;border:none}.SocialIcon:hover{color:var(--Red);transform:scale(1.5);transition:.3s}.SocialIcon{height:30px;width:30px;transition:.3s}