@import"https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{background-color:#0d0e13}body{background-color:#0f0f0f;margin:0;padding:0}.hero{display:flex;height:100%;flex-direction:row;gap:1px;color:#fff;height:100vh;background-color:#fff;opacity:0;transform:translateY(100px)}.left{position:relative;width:70%;gap:1px;display:flex;flex-direction:column;justify-content:center}.text-content{padding:40px;background-color:#0d0e13;transition:opacity .2s ease;display:flex;flex-direction:column;gap:12px}.nombre{font-family:Monomaniac One,sans-serif;font-size:60px;font-weight:400}.text-content p{font-family:Space Grotesk,sans-serif;font-size:24px}.image-preview{width:100%;height:100%;padding:40px;background-color:#0d0e13;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.animate-img{height:auto;max-width:80%;object-fit:cover;opacity:0}.RightCont{position:relative;width:100%;display:flex;flex-direction:column;flex:1;gap:1px;font-family:Monomaniac One,sans-serif}.right{padding:0 40px;height:100%;display:flex;flex-direction:column;justify-content:center;cursor:pointer;background-color:#0d0e13}.project-name{display:flex;align-items:center;height:100%;transition:color .2s;font-size:60px;font-weight:400;text-decoration:none;color:#fff}.project-name-anim{position:relative;width:100%}.project-name-text:after{content:"";position:absolute;bottom:0;right:0;height:1px;width:0%;background-color:#fff;transition:width .5s ease-out;z-index:1}.project-name:hover .project-name-text:after{width:100%}@media (max-width: 768px){.hero{flex-direction:column}.left{width:100%}.right{align-items:end;-webkit-tap-highlight-color:transparent}.image-preview{display:none}.text-content,.right,.image-preview{padding:20PX}.nombre{font-size:40px}.text-content p{font-size:16px}.project-name{font-size:40px}}.navMenu{display:flex;flex-direction:column;gap:1px}.Menu{display:flex;flex-direction:row;gap:1px}.linkMenu{width:50%;flex:1;text-decoration:none;background-color:#0d0e13;color:#fff;padding:40px;font-family:Monomaniac One,sans-serif;font-size:32px}.linkMenuAnim{position:relative;width:100%}.linkMenuText:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0%;background-color:#fff;transition:width .3s ease-out;z-index:1}.linkMenu:hover .linkMenuText:after{width:100%}@media (max-width: 768px){.linkMenu{padding:20px;font-size:28px}}.experiencePage{display:flex;flex-direction:row;gap:1px;min-height:100vh;background-color:#fff}.sectionRight{display:flex;flex-direction:column;flex:1;gap:1px;font-family:Monomaniac One,sans-serif;position:sticky;top:0;height:100vh;align-self:flex-start}.sectionLeft{display:flex;flex-direction:column;gap:1px;width:70%;overflow-y:auto;height:100vh;scrollbar-width:none}.sectionLeft::-webkit-scrollbar{display:none}.experience-card{padding:40px;background-color:#0d0e13;color:#fff;height:100%;display:flex;flex-direction:column;gap:24px}.experience-card h2{font-family:Monomaniac one,sans-serif;font-size:40px}.experience-card p{font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.6em}.skills-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.skill-chip{padding:10px 16px;border:1px solid white;font-size:18px;font-family:Space Grotesk,sans-serif}@media (max-width: 768px){.experiencePage{flex-direction:column-reverse}.sectionLeft,.sectionRight{width:100%}.sectionRight{position:relative}.sectionLeft{overflow-y:unset;height:auto}.experience-card{padding:20px;gap:20px}.headingSection h2{font-size:60px}.experience-card h2{font-size:32px}.experience-card p{font-size:18px}.chipCont{gap:12px}.chip{padding:6px 12px;font-size:16px}}.headingSection{padding:40px;font-size:60px;background-color:#0d0e13;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;flex:1}.title{font-family:Monomaniac One,sans-serif}@media (max-width: 768px){.headingSection{padding:20px}}Link{cursor:pointer;text-decoration:none}.proyecto-container{display:flex;flex-direction:column;gap:1px;background-color:#fff}.Proyecto{min-height:100vh;display:flex;flex-direction:row;gap:1px}.proyHeadTop{gap:1px;display:flex;flex-direction:column;flex:1;height:100vh;position:sticky;top:0}.proyHeadText{display:flex;flex-direction:column;justify-content:center;background-color:#0d0e13;color:#fff;padding:40px;flex:1}.proyHeadText h1{font-family:Monomaniac One,sans-serif;font-size:80px}.proyHeadText p{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:100}.project-link{font-family:Space Grotesk,sans-serif;display:inline-block;margin-top:1rem;font-size:1rem;color:#fff;text-decoration:none;opacity:.85;transition:opacity .2s ease}.project-link:hover{opacity:1;text-decoration:underline}.proyHeadImg{flex:1;padding:20px;display:flex;justify-content:center;background-color:#0d0e13;flex-direction:column}.slideshow-container{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;display:flex}.slideshow-slide{position:absolute;width:100%;height:100%;clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:scale(1.5);z-index:1;opacity:1}.slideshow-slide img{width:100%;height:100%;object-fit:contain}.proyHeadBottom{display:flex;flex-direction:column;gap:1px;width:70%}.stack{background-color:#0d0e13;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:24px}.stack h2{font-family:Monomaniac One,sans-serif;font-size:32px;color:#fff}.chipCont{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.chip{color:#fff;padding:8px 16px;font-family:Space Grotesk,sans-serif;border:1px solid white}.video-container{background-color:#0d0e13;display:flex;justify-content:center;padding:20px}.grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1px}.grid-item{padding:20px;background-color:#0d0e13;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:start}.text-block h2{font-size:32px;font-family:Monomaniac One,sans-serif}.text-block p{line-height:1.6;font-size:20px;font-family:Space Grotesk,sans-serif}.image-block{display:flex;justify-content:center;align-items:center}.secondaryImgs{display:grid;flex-direction:column;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:1px;row-gap:1px;width:100%}.final-image{width:100%;height:auto;object-fit:cover}.btnProjectNav{padding:40px;background-color:#0d0e13}.project-nav-buttons{display:flex;justify-content:space-between;flex-wrap:wrap}.project-nav-btn{font-family:Space Grotesk,sans-serif;background-color:#0d0e13;color:#fff;border:1px solid #ffffff;padding:12px 24px;cursor:pointer;transition:background-color .4s ease;font-size:20px}.project-nav-btn:hover{background-color:#000}@media (max-width: 768px){.proyHeadTop{position:relative}.Proyecto{flex-direction:column}.proyHeadText{padding:20px}.proyHeadText h1{font-size:60px}.proyHeadText p{font-size:16px}.proyHeadBottom{width:100%}.navMenuContainer{display:none}.proyHeadImg,.stack{width:100%;flex:none;padding:12px}.secondaryImgs{grid-template-columns:repeat(1,1fr)}.video-container{padding:0}.stack{gap:12px}.stack h2{font-size:28px}.chipCont{gap:8px}.chip{padding:6px 12px}.grid-container{grid-template-columns:1fr;grid-template-rows:auto}.grid-item{padding:12px}.text-block h2{font-size:28px}.text-block p{font-size:16px}.btnProjectNav{padding:20px}.project-nav-buttons{gap:12px;justify-content:center}.project-nav-btn{font-size:16px;padding:10px 16px}}