html,body,#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#3a4250 #1b2530;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#1b2530}html::-webkit-scrollbar-thumb{background:#3a4250;border-radius:10px}html::-webkit-scrollbar-thumb:hover{background:#4b5563}html,body{overflow-x:hidden}body{color:#caea49;background:#1b2530;margin:0;font-family:Montserrat,sans-serif}a{color:inherit}.portfolio{width:100%;max-width:1600px;margin:0 auto;padding:60px 80px 0}.hero{z-index:1000;background:#1b2530;border-bottom:1px solid #2a313c;width:100%;position:fixed;top:0;left:0;right:0}.hero-content{justify-content:space-between;align-items:center;gap:40px;max-width:1600px;margin:0 auto;padding:16px 30px;display:flex}.hero-left{flex-direction:column;display:flex}.hero-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.menu-toggle{display:none}.navigation{white-space:nowrap;gap:32px;display:flex}.navigation a{color:#aeb6c2;font-size:16px;font-weight:300;text-decoration:none}.navigation a:hover{color:#c9e265}.hero h1{white-space:nowrap;margin:0;font-size:20px;font-weight:400;line-height:1}.header-right{align-items:center;gap:50px;display:flex}.subtitle{letter-spacing:9px;word-spacing:9.5px;color:#f5368a;margin:40px 0 0;font-size:52px;font-weight:700;transform:translateY(-35px)}.hero-links,.navigation{align-items:center;gap:28px;margin:0;padding:0;display:flex}.hero-links{margin-top:0}.hero-links a,.navigation a{color:#aeb6c2;text-decoration:none}.hero-links a:hover,.navigation a:hover{color:#c9e265}.navigation{white-space:nowrap;margin-top:0;padding-top:0}section{border-bottom:1px solid #2a313c;padding:64px 0}#about{padding-top:15px}.intro-role{margin-bottom:24px;font-size:15px;font-weight:400}#contact{padding:28px 0}#contact h2{color:#c9e265;margin:0;font-size:15px;font-weight:100}.contact-row{justify-content:space-between;align-items:center;width:100%;display:flex}.contact-row p{margin:0}.contact-links{align-items:center;gap:32px;margin-left:auto;display:flex}.contact-links a{color:#3a4250;font-size:15px;font-weight:100;text-decoration:none}.contact-links a:hover{color:#c9e265;text-decoration:underline}h3{letter-spacing:7px;color:#f5368a;margin:0;font-size:50px}h4{color:#646e7d;margin:30px 0 10px}h5,h6{color:#c9e265;margin:0;font-size:15px;font-weight:100}h7{color:#3a4250;margin-top:10px;font-size:15px;font-weight:100;display:block}.projects-title{align-items:center;gap:12px;display:flex}.game-symbol{font-size:24px}.technical-text{color:#646e7d}p,li{color:#aeb6c2;max-width:850px;font-size:16px;line-height:1.75}.intro-card{background:#151b22;border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;max-width:1152px;margin:0 auto;padding:24px;display:grid}.intro-text{min-width:0;padding:20px;transform:translateY(-20px)}.intro-text h2{color:#c9e265;margin-top:0;transform:translateY(-35px)}.intro-text p{margin-bottom:0}.intro-media{min-width:0;padding:0}.intro-media img{object-fit:cover;border-radius:12px;width:100%;height:clamp(380px,32vw,500px);display:block}.profile-highlight{transition:color .25s;color:#c9e265!important}.status{color:#c9e265;margin:8px 0 0;font-weight:700}#projects h2{letter-spacing:9px;word-spacing:9.5px;color:#f5368a;max-width:1152px;margin:0 auto 24px;font-size:20px;font-weight:100}#projects{min-height:calc(100vh - 70px);scroll-margin-top:70px}.project{border-bottom:1px solid #2a313c;padding:56px 0}.project-layout{grid-template-columns:.85fr 1.15fr;align-items:start;gap:64px;display:grid}.project-media{align-self:start}.project-media img,.gif-gallery img{object-fit:cover;border:1px solid #2a313c;border-radius:14px;width:100%;max-height:520px;display:block}.project-panel .gif-gallery img{object-fit:contain;border-radius:14px;width:100%;height:auto;max-height:360px}.gallery-controls{color:#aeb6c2;justify-content:center;align-items:center;gap:18px;margin-top:14px;display:flex}.gallery-controls button{color:#c9e265;cursor:pointer;background:0 0;border:1px solid #c9e265;border-radius:999px;width:38px;height:38px}.gallery-controls button:hover{color:#0b0f14;background:#c9e265}.project-info{min-width:0}.project:last-child{border-bottom:none;padding-bottom:0}.tags{flex-wrap:wrap;gap:10px;margin:18px 0 26px;display:flex}.tags span{color:#e7f6a1;background:#10151d;border:1px solid #3a4250;border-radius:999px;padding:8px 13px;font-size:14px}.media-placeholder{color:#7f8a99;text-align:center;background:#10151d;border:1px dashed #4b5563;border-radius:14px;justify-content:center;align-items:center;min-height:280px;margin-top:28px;padding:24px;display:flex}.media{margin-top:28px}.media img{object-fit:cover;border:1px solid #2a313c;border-radius:14px;width:100%;max-height:520px}.buttons{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.buttons a{color:#e7f6a1;background:#10151d;border:1px solid #3a4250;border-radius:999px;padding:8px 13px;font-size:14px;font-weight:400;text-decoration:none}.buttons a:hover{color:#0b0f14;background:#c9e265}.project-gallery{grid-template-columns:repeat(3,360px);justify-content:center;gap:36px;display:grid}.project-card{color:inherit;text-align:left;cursor:pointer;background:#151b22;border:none;border-radius:18px;padding:14px;font-family:inherit;overflow:hidden}.project-card img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;display:block}.project-card:hover{transform:scale(1.1)}.project-card-info{padding:18px 8px 10px}.project-card h3{color:#c9e265;margin:8px 0 6px;font-size:28px}.project-card p{color:#7f8a99;margin:0 0 5px}.project-tech{color:#7f8a99;font-size:14px}.project-overlay{z-index:2000;background:#0000008c;position:fixed;inset:0}.project-panel{z-index:2001;background:#151b22;border-left:1px solid #2a313c;grid-template-rows:auto 1fr auto;width:min(600px,100vw);height:100dvh;animation:.25s ease-out slideIn;display:grid;position:fixed;top:0;right:0;overflow:hidden}.project-panel p{margin:clamp(8px,1.5vh,14px) 0;font-size:clamp(14px,1.1vw,16px);line-height:1.55}.project-panel-header{border-bottom:1px solid #2a313c;justify-content:space-between;align-items:center;padding:10px 28px;display:flex}.panel-close{color:#f8fafc;cursor:pointer;background:0 0;border:none;font-size:34px;position:static;top:18px;right:20px}.panel-close:hover{color:#c9e265}.project-panel h2{margin:0;padding:0;font-size:clamp(28px,3vw,36px)}.project-panel-content{min-height:0;padding:20px 28px 24px;overflow-y:auto}.project-panel .gif-gallery{margin:clamp(12px,2vh,22px) 0}.project-switcher{background:#151b22;border-top:1px solid #2a313c;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 28px;display:grid}.project-switcher button{color:#c9e265;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px}.project-switcher button:first-child{justify-self:start}.project-switcher button:last-child{justify-self:end}.project-switcher button:hover{color:#f8fafc}.project-switcher span{color:#7f8a99;font-size:14px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.project-panel-content{scrollbar-color:#3a4250 #151b22;scrollbar-width:thin}.project-panel-content::-webkit-scrollbar{width:8px}.project-panel-content::-webkit-scrollbar-track{background:#151b22}.project-panel-content::-webkit-scrollbar-thumb{background:#3a4250;border-radius:10px}.project-panel-content::-webkit-scrollbar-thumb:hover{background:#4b5563}#about{padding:64px 0}#about h2{margin-bottom:30px;font-size:34px}.about-layout-new{grid-template-columns:.75fr 1.25fr;align-items:stretch;gap:24px;max-width:1152px;margin:0 auto;display:grid}.about-left-column{flex-direction:column;align-self:start;gap:24px;display:flex}.about-card{background:#151b22;border-radius:18px;padding:24px}.about-profile-card{flex-shrink:0}.about-photo-card{flex:none;padding:16px}.about-photo-card img{border-radius:12px;width:100%;height:auto;display:block}.about-background-card{min-height:100%}.cv-button a{color:#f5368a;background:#10151d;border:1px solid #f5368a;border-radius:999px;padding:8px 13px;font-size:14px;font-weight:400;text-decoration:none}.cv-button a:hover{color:#0b0f14;background:#f5368a}@media (height<=800px){.project-panel-header{padding:18px 22px 12px}.project-panel-content{padding:16px 22px}.project-switcher{padding:12px 22px}}@media (width>=901px) and (width<=1200px){.portfolio{padding-left:40px;padding-right:40px}.project-gallery{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:28px}}@media (width<=900px){.portfolio{width:calc(100% - 48px);max-width:100%;margin-left:auto;margin-right:auto;padding:0}.portfolio,#projects,.project-gallery,.project-card{min-width:0;max-width:100%}.hero-content{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.hero-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px}.hero h1{font-size:20px;line-height:.8}.intro-text.subtitle{order:1}.menu-toggle{z-index:2;color:#aeb6c2;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:16px;display:block;position:relative}.navigation{background:#151b22;border-radius:12px;flex-direction:column;align-items:flex-start;gap:14px;padding:40px 10px 10px;display:none;position:absolute;top:10px;right:20px}.navigation.open{display:flex}.navigation a{font-size:12px;font-weight:400}.navigation,.hero-links{flex-wrap:wrap;gap:16px}.hero-links a:hover,.navigation a:hover{color:#c9e265}.intro-card{grid-template-columns:1fr;row-gap:-30px}.intro-role{order:3}.intro-text{display:contents}.intro-description{order:4;margin-top:-90px}.intro-media{order:2;margin-top:-30px;margin-bottom:50px}.intro-media img{object-fit:cover;border-radius:12px;width:100%;height:clamp(380px,32vw,500px);display:block}.about-layout,.project-layout{grid-template-columns:1fr;gap:20px}.about-media{max-width:100%;margin-top:0}.about-media img{width:50%}h2{font-size:20px}h3{font-size:28px}p{font-size:16px}#projects{width:calc(100% - 48px);margin-left:auto;margin-right:auto}.project-gallery{flex-direction:column;gap:32px;width:100%;margin:0;padding:0;display:flex}.project-card{width:100%;max-width:100%}.project-card:hover{transform:none}.navigation{flex-wrap:wrap;gap:18px}.contact-links{align-items:center;gap:32px;margin-left:auto;display:flex}.contact-links a{color:#3a4250;font-size:15px;font-weight:100;text-decoration:none}.contact-links a:hover{color:#c9e265;text-decoration:underline}.project-switcher{flex-wrap:wrap}.project-panel{width:100%;max-width:100%}.project-panel-content{scrollbar-color:#3a4250 #151b22;scrollbar-width:thin}.about-layout-new{background:#151b22;border-radius:18px;width:100%;max-width:360px;margin:0 auto;padding:18px;display:block}.about-left-column{grid-template-columns:120px 1fr;gap:16px;margin-bottom:24px;display:grid}.about-photo-card,.about-profile-card,.about-background-card{background:0 0;border-radius:0;padding:0}.about-photo-card{align-self:start}.about-photo-card img{border-radius:12px;width:100%;height:auto;display:block}.about-profile-card{padding-left:4px}.about-background-card{border-top:1px solid #2a313c;padding-top:24px}.project-panel-content::-webkit-scrollbar{width:8px}.project-panel-content::-webkit-scrollbar-track{background:#151b22}.project-panel-content::-webkit-scrollbar-thumb{background:#3a4250;border-radius:10px}.project-panel-content::-webkit-scrollbar-thumb:hover{background:#4b5563}}@media (width<=600px){.project-card:hover{transform:none}#about{width:100%}.about-layout-new{background:#151b22;border-radius:18px;width:100%;max-width:100%;margin:0;padding:16px;display:block}.about-left-column{isplay:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:22px}.about-photo-card,.about-profile-card,.about-background-card{background:0 0;border-radius:0;padding:0}.about-photo-card{align-self:start}.about-photo-card img{border-radius:12px;width:100%;height:auto;display:block}.about-profile-card{min-width:0}h3{font-size:30px}.about-background-card{border-top:1px solid #2a313c;padding-top:22px}.about-profile-card p{display:none}}@media (width>=601px) and (width<=900px){.about-layout-new{background:#151b22;border-radius:18px;width:100%;max-width:none;margin:0;padding:24px;display:block}.about-left-column{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:28px;margin-bottom:28px;display:grid}.about-photo-card,.about-profile-card,.about-background-card{background:0 0;border-radius:0;padding:0}.about-photo-card img{border-radius:12px;width:100%;height:auto;display:block}.about-profile-card p{display:block}.about-background-card{border-top:1px solid #2a313c;padding-top:28px}.contact-row{justify-content:space-between;align-items:center;width:100%;display:flex}.contact-links{align-items:center;gap:32px;margin-left:auto;display:flex}.contact-links a{color:#3a4250;font-size:15px;font-weight:100;text-decoration:none}.contact-links a:hover{color:#c9e265;text-decoration:underline}}