@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@300;500;700&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;border-bottom:1px solid var(--color-border-dim);background-color:var(--color-bg-main);opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-main)}.navbar-container{max-width:1536px;margin:0 auto;padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:-.05em;text-decoration:none;padding:.2rem 0}.logo:visited{color:var(--color-text-main)}.logo-text{text-transform:uppercase}.logo-left{stroke:var(--color-one)}.logo-right{color:var(--color-three)}.menu{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.menu{display:flex}.mobile-menu-button{display:none!important}.status{display:flex!important}}.menu-option{color:var(--color-text-main);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;transition:all .4s ease;padding:5px 8px}.menu-option:hover{color:var(--color-text-main);font-weight:700;transform:scale(1.2)}.menu-option-active{font-weight:700}.menu-option-inactive{color:var(--color-text-dim)}.status{display:none;align-items:center;gap:1rem;text-transform:uppercase;font-family:var(--font-mono);color:var(--color-text-dim);font-size:11px}.status-dot{height:.5rem;width:.5rem;border-radius:100px;background-color:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.additionals{display:flex;flex-direction:row;align-items:center;gap:1rem}.mobile-menu-button{display:flex;justify-content:center;align-items:center;background:none;border:1px solid var(--color-border-dim);padding:.5rem;color:var(--color-text-main);transition:all .2s ease;cursor:pointer}.mobile-menu-button:hover{background-color:var(--color-one)}.mobile-menu{overflow:hidden;background-color:var(--color-bg-main);border-bottom:1px solid var(--color-border-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;padding-bottom:.5rem;opacity:.75}.mobile-menu-option{font-family:var(--font-mono);font-size:14px;text-transform:uppercase;letter-spacing:.1rem;display:flex;align-items:center;gap:1.75rem;transition:all .2s ease;text-decoration:none;padding:1rem 1.5rem}.mobile-menu-option:hover{color:var(--color-text-main);padding-left:2rem}.mobile-menu-option-active{color:var(--color-text-main);font-weight:700}.mobile-menu-option-inactive{color:var(--color-text-dim)}.theme-switch{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border-dim);border-radius:5px;cursor:pointer;color:var(--color-text-main);transition:all .2s ease;padding:.5rem;height:100%}.theme-switch:hover{background-color:var(--color-one)}*{margin:0;padding:0}.home-container{min-height:100vh}.hero-section{display:grid;gap:1.5rem;padding:0rem 1.5rem 5rem;max-width:1536px}@media(min-width:1024px){.hero-section{grid-template-columns:repeat(12,minmax(0,1fr))}.main-card{grid-column:span 8 / span 8}.side-cards{grid-column:span 4 / span 4}}.main-card{padding:3rem;position:relative;overflow:hidden}.main-card-bg-icon{position:absolute;top:1;right:0}.main-card-bg-icon>*{stroke:var(--color-text-main);opacity:.1}.main-card-content{display:flex;flex-direction:column;gap:2.5rem}.main-card-profile{width:100%;display:flex;flex-direction:row;justify-content:space-between}.main-card-title{font-size:3.75rem;line-height:.9;letter-spacing:-.15rem;text-transform:uppercase;margin:.5rem 0;color:var(--color-text-main);font-family:var(--font-sans)}@media(min-width:768px){.main-card-title{font-size:6rem}}.main-card-picture{position:relative;align-items:end}.main-card-picture img{right:0;position:absolute;height:100%;object-fit:cover;filter:grayscale(.5)}.main-card-text{display:flex;flex-direction:column;font-size:1.25rem;font-weight:lighter;gap:1rem;max-width:36rem}.main-card-subtitle{color:var(--color-text-main)}.main-card-bio{line-height:1.5;color:var(--color-text-dim)}.main-card-actions{display:flex;flex-wrap:wrap;gap:1.2rem}.tech-button{display:inline;align-items:center;justify-content:center;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.75rem 1.5rem;border:1px solid var(--color-text-main);text-decoration:none;cursor:pointer;transition:.2s ease}.tech-button:link,.tech-button:visited{color:var(--color-text-main)}.tech-button:hover{transform:scale(1.05)}.tech-button.main{background-color:var(--color-text-main);color:var(--color-bg-main)}.side-cards{display:grid;gap:1.5rem}.side-card{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.side-card-header{display:flex;flex-direction:row;justify-content:space-between}.side-card-title{font-size:1.875rem;margin-bottom:.25rem;color:var(--color-text-main)}.side-card-text{font-size:1rem;font-weight:lighter;color:var(--color-text-dim);line-height:1.5}.skills-section{display:flex;flex-direction:column;padding:5rem 1.5rem;max-width:1536px}.skills-all-containers{display:flex;flex-direction:column;gap:2.5rem}.skills-container{display:flex;flex-direction:column;gap:1.5rem}.skills-header{display:flex;align-items:center;gap:1rem}.skills-grid{display:grid;gap:1.5rem}@media(min-width:480px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1600px){.skills-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.skill-category-header{display:flex;flex-direction:row;align-items:center;gap:.8rem}.category-title{font-family:var(--font-mono);font-size:1rem;text-transform:uppercase;letter-spacing:.1rem;opacity:.8;color:var(--color-text-main)}.category-line{height:1px;background-color:var(--color-border-dim)}.category-line.grow{flex-grow:1;opacity:.5}.category-line.fixed{width:1.5rem;opacity:1}.featured-projects-section{padding:5rem 1.5rem;max-width:1536px}.featured-projects-grid{display:grid;gap:1.5rem}@media(min-width:768px){.featured-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.featured-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.featured-projects-footer{margin:3rem 0;display:flex;justify-content:center}.archive-link{padding:1rem;font-family:var(--font-mono);font-size:1rem;text-transform:uppercase;letter-spacing:.3rem;color:var(--color-text-dim);transition:all .2s ease;display:flex;gap:1rem;align-items:center;text-decoration:none}.archive-link:hover{color:var(--color-text-main);font-weight:700}.archive-link:hover .archive-link-icon{transform:translate(.5rem)}.archive-link-icon{transition:transform .2s ease}.skill-card{display:flex;flex-direction:column;padding:.75rem}.skill-card-header{display:flex;flex-direction:row;gap:.5rem;align-items:center;margin-bottom:.75rem}.skill-card-icon-div{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--color-border-dim);background-color:var(--color-bg-main);padding:.25rem}.skill-card-logo{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.skill-card-icon-div>*{stroke:var(--color-text-dim)}.skill-card-label{color:var(--color-text-dim)}.skill-card-title{text-transform:uppercase;font-size:1rem;margin-bottom:.3rem;flex-grow:1;color:var(--color-text-main)}.skill-card-description{position:relative;flex-grow:1;min-height:4.2rem}.skill-card-text{color:var(--color-text-dim);font-size:.75rem;line-height:1.4;width:100%;transition:all .3s ease}.skill-card-text.details-closed{transform:translateY(0);opacity:1}.skill-card-text.details-opened{opacity:0;transform:translateY(5px);position:absolute;top:0;left:0}.skill-card:hover{box-shadow:5px 4px 0 var(--color-border-active);transform:translate(-1px,-1px)}.skill-card:hover .skill-card-logo{transform:scale(1.15)}.skill-card:hover .skill-card-text.details-closed{opacity:0;transform:translateY(-5px)}.skill-card:hover .skill-card-text.details-opened{opacity:1;transform:translateY(0);color:var(--color-text-main)}.skill-card-footer{margin-top:.5rem;padding-top:.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-dim)}.skill-card-footer-text{font-family:var(--font-mono);font-size:9px;color:var(--color-text-dim);text-transform:uppercase;top:0;left:0}.card-footer{margin-top:.5rem;padding-top:.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-dim)}.card-footer-text{font-family:var(--font-mono);font-size:9px;color:var(--color-text-dim);text-transform:uppercase;top:0;left:0}.project-card{position:relative}.project-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card:hover .project-card-tag{border-color:var(--color-text-dim)}.project-card-image-container{position:flex;aspect-ratio:16 / 10;background-color:#000;overflow:hidden}.project-card-image{height:100%;width:100%;object-fit:cover;transition:all .7s ease}.project-card-icon-overlay{display:flex;justify-content:center;align-items:center;position:absolute;top:1rem;right:1rem;height:2.5rem;width:2.5rem;background-color:var(--color-bg-main);border:1px solid var(--color-text-dim);transition:all .3s ease}.project-card-icon-overlay>*{stroke:var(--color-text-main)}.project-card-content{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;flex-grow:1}.project-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card-tag{padding:.25rem .5rem;background-color:#ffffff0d;border:1px solid var(--color-border-dim);transition:all .2s ease}.project-card-title{font-size:1.2rem;color:var(--color-text-main)}.project-card-description{color:var(--color-text-dim);font-size:.875rem;line-height:1.625;flex-grow:1}.project-card-footer{margin-top:.5rem;padding-top:.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-dim)}.project-card-footer-text{font-family:var(--font-mono);font-size:9px;color:var(--color-text-dim);text-transform:uppercase;top:0;left:0;padding-top:.8rem}.about-grid{display:grid;gap:3rem}@media(min-width:1024px){.about-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.about-info-sidebar{grid-column:span 4 / span 4}.about-timeline-container{grid-column:span 8 / span 8}}.about-info-sidebar{display:flex;flex-direction:column;gap:1.5rem}.about-sidecard{padding:2rem;display:flex;flex-direction:column;gap:2rem;background-color:var(--color-bg-card)}.spec-item{display:flex;flex-direction:row;gap:1rem;transition:all .2s ease}.spec-item:hover{transform:scale(1.03)}.spec-number{font-family:var(--font-mono);font-size:10px;color:var(--color-text-dim)}.spec-info{display:flex;flex-direction:column;gap:.5rem}.spec-value{font-size:1.125rem;color:var(--color-text-main)}.insight-item{display:flex;flex-direction:row;gap:1rem;transition:all .2s ease}.insight-item:hover .insight-icon>*{stroke:var(--color-text-main);transform:scale(1.1)}.insight-item:hover{transform:scale(1.03)}.insight-icon{height:2rem;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-dim);padding:.35rem;flex-shrink:0;overflow:hidden}.insight-icon>*{stroke:var(--color-text-dim);transition:all .2s ease}.insight-info{display:flex;flex-direction:column;gap:.5rem}.insight-title{color:var(--color-text-main)}.insight-description{color:var(--color-text-dim);font-size:.8rem}.about-timeline-item{padding:2rem;transition:all .2s ease}.about-timeline-item:hover .timeline-icon-div>*{stroke:var(--color-text-main);transform:scale(1.1)}.about-timeline-header{font-size:1.25rem;display:flex;align-items:center;gap:.75rem;color:var(--color-text-main);text-transform:uppercase;margin-bottom:2rem}.timeline-list{display:flex;flex-direction:column;gap:1rem}.timeline-item-head{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.timeline-item-head{flex-direction:row;align-items:center;justify-content:space-between}}.timeline-item-header{display:flex;flex-direction:row;align-items:center;gap:1rem}.timeline-icon-div{height:2.5rem;aspect-ratio:1 / 1;border:1px solid var(--color-border-dim);display:flex;justify-content:center;align-items:center}.timeline-icon-div>*{stroke:var(--color-text-dim);transition:all .2s ease}.timeline-header-info{display:flex;flex-direction:column;gap:.2rem;flex-grow:1}.timeline-header-title{font-size:1.3rem;letter-spacing:-0.05em;color:var(--color-text-main)}.timeline-header-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--color-text-dim);text-transform:uppercase}.timeline-period{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);padding:.25rem .75rem;border:1px solid var(--color-border-dim);display:flex;align-items:center}.timeline-item-description{color:var(--color-text-dim);font-size:.875rem;line-height:1.625rem}.projects-grid{display:grid;gap:1.5rem}@media(min-width:600px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.project-detail-content{max-width:1280px;padding:8rem 1.5rem 6rem;margin:0 auto;box-sizing:unset}.project-content-banner{aspect-ratio:3 / 1;overflow:hidden;background-color:var(--color-bg-main);margin-bottom:3rem}.project-content-banner>img{height:100%;width:100%;object-fit:cover;object-position:top;transition:object-position 3s cubic-bezier(.4,0,.2,1)}.project-content-banner:hover>img{object-position:bottom}.project-content-grid{display:grid;gap:3rem}@media(min-width:1024px){.project-content-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.project-content-main{grid-column:span 8 / span 8}.project-content-sidebar{grid-column:span 4 / span 4;display:grid}}.project-content-main{padding:0 .5rem;display:flex;flex-direction:column;gap:2rem}.project-content-meta{display:flex;flex-direction:row;align-items:center;color:var(--color-text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;gap:1rem}.meta-id{letter-spacing:.2em}.meta-line{height:1px;width:5rem;background-color:var(--color-border-dim)}.project-content-title{color:var(--color-text-main);font-size:3rem;letter-spacing:-.03em}.project-content-description{line-height:1.5;color:var(--color-text-dim);font-size:1.25rem;font-weight:lighter}.project-content-tech-stack{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.2rem}.tech-stack-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.tech-stack-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border-dim);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-main)}.tech-stack-tag-icon{color:var(--color-text-dim)}.project-content-sidebar{display:grid}.project-content-side{position:sticky;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.2rem;top:8rem;height:fit-content}.project-content-side-item{display:flex;flex-direction:column;gap:.5rem}.side-item-label{font-size:10px;font-family:var(--font-mono);color:var(--color-text-dim);text-transform:uppercase}.side-item-value{color:var(--color-text-main)}.footer{background-color:var(--color-bg-main);padding:2rem 1.5rem;border-top:1px solid var(--color-border-dim);flex-shrink:0}.footer-container{max-width:1536px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}@media(min-width:768px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:-.05em;text-decoration:none}.footer-logo-left{stroke:var(--color-one)}.footer-logo-text{font-family:var(--font-mono);font-weight:700;font-size:.75rem;letter-spacing:-.05em;text-transform:uppercase;color:var(--color-text-main)}.footer-copyright{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;text-align:center;letter-spacing:.1em;color:var(--color-text-dim)}.footer-social{display:flex;gap:1rem;justify-content:center;align-items:baseline}.footer-social-icon{color:var(--color-text-dim);transition:all .25s ease}.footer-social-icon:hover{color:var(--color-text-main);transform:scale(1.2)}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-main-content{flex-grow:1}.page-container{padding:8rem 1.5rem 5rem;display:flex;flex-direction:column;flex-grow:1}.page-header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:4rem}.page-header-border{border-left:4px solid var(--color-text-main);padding:0 2.5rem}.page-header-title{font-family:var(--font-sans);color:var(--color-text-main);text-transform:uppercase;font-weight:700;font-size:3rem}.page-header-description{font-size:1.1rem;color:var(--color-text-dim);max-width:48rem;line-height:1.625;font-weight:300}:root{--color-one: #3d58b9;--color-two: #6200b3;--color-three: #b43e8f;--color-bg-main: #050505;--color-bg-card: #0a0a0a;--color-border-dim: #1a1a1a;--color-border-active: #616161;--color-text-main: #e2e2e2;--color-text-dim: #a3a3a3;--bg-grid: rgba(255, 255, 255, .03);--font-sans: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=light]{--color-bg-main: #f1f5f9;--color-bg-card: #f8fafc;--color-border-dim: #b9bec5;--color-border-active: #858b94;--color-text-main: #5a687d;--color-text-dim: #64748b;--bg-grid: rgba(0, 0, 0, .05)}.color-one{color:var(--color-one)}.color-two{color:var(--color-two)}.color-three{color:var(--color-three)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--color-bg-main)}body{font-family:var(--font-sans)}@media(min-width:768px){.page-header-title{font-size:5rem}}.tech-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-dim)}.tech-div{border:1px solid var(--color-border-dim);transition:all .25s ease;background-color:var(--color-bg-card)}.tech-div:hover{border-color:var(--color-border-active)}.tech-grid-bg{background-size:40px 40px;background-image:linear-gradient(to right,var(--bg-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid) 1px,transparent 1px)}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;color:var(--color-text-main)}.section-header-line{height:1px;background:var(--color-border-dim)}.section-title{font-size:2.25rem;font-family:var(--font-mono);letter-spacing:.1rem;text-transform:uppercase}.section-header-line.grow{flex-grow:1}.section-header-line.fixed{width:7rem;background-color:var(--color-text-main);opacity:.5}.back-button{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--color-text-dim);background-color:transparent;border:none;cursor:pointer;margin-bottom:3rem;transition:all .2s ease}.back-button:hover{color:var(--color-text-main)}.back-button-icon{transition:all .2s ease}.back-button:hover .back-button-icon{transform:translate(-.3rem)}.data-not-found{display:flex;justify-content:center;align-items:center}