*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navigation{display:flex;flex-direction:column;gap:0;padding:0}.nav-item{background:none;border:none;color:#000;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.02em;padding:6px 0;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-item.active{font-size:2rem;letter-spacing:.1em;padding:10px 0}.nav-item:not(.active):hover{font-size:1.2rem}@media (max-width:768px){.navigation{flex-wrap:wrap;gap:15px}.nav-item{font-size:.9rem;padding:5px 0}.nav-item:before{display:none}.nav-item.active{font-size:1.5rem;padding:5px 0}.nav-item:not(.active):hover{font-size:1rem}}.home-container{align-items:flex-start;display:flex;flex-direction:column;gap:50px;justify-content:flex-start;min-height:80vh}.hero-block{align-self:flex-end;max-width:800px;padding:40px;text-align:right}.hero-name{color:#000;font-size:5rem;font-weight:900;letter-spacing:-.05em;line-height:1.1;margin-bottom:5px;text-transform:uppercase;transition:transform .2s ease-in-out}.hero-name:hover{transform:scale(1.02)}.hero-title{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase;transition:transform .2s ease-in-out}.hero-title:hover{transform:scale(1.02)}.hero-philosophy{font-size:1.1rem;line-height:1.5;transition:transform .2s ease-in-out}.hero-philosophy:hover{transform:scale(1.02)}.about-section{padding:0 40px;width:100%}.about-content{display:flex;flex-direction:column;gap:24px;text-align:justify}.about-content p{font-size:1.05rem;line-height:1.8;margin:0}.about-content a{border-bottom:2px solid #000;color:#000;display:inline-block;line-height:1.2;text-decoration:none;transition:all .2s ease-in-out}.about-content a:hover{transform:scale(1.025)}@media (max-width:768px){.hero-name{font-size:3rem}.hero-title{font-size:1rem}.about-section,.hero-block{padding:20px}.about-content{font-size:.7rem;text-align:left}}.project-card{background:#fff;border:4px solid #000;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{box-shadow:12px 12px 0 0 #000;transform:translate(-4px,-4px)}.project-image{align-items:center;background:#f0f0f0;border-bottom:4px solid #000;display:flex;flex-grow:1;justify-content:center;object-fit:cover;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;width:100%}.project-content{display:flex;flex:1 1;flex-direction:column;flex-grow:0;gap:12px;padding:20px}.project-title{font-size:1.5rem;font-weight:700;letter-spacing:.02em;margin:0}.project-description{font-size:.95rem;line-height:1.5;margin:0;white-space:pre-line}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tech-tag{border:2px solid #000;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}@media (max-width:768px){.project-content{padding:15px}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}}.projects-page{width:100%}.projects-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.projects-grid{gap:40px;grid-template-columns:1fr}}.explosion-container{display:inline-block;position:relative;width:100%}.particle{animation:move-and-fade 1s ease-out forwards;background:#000;margin-left:-4px;margin-top:-4px;pointer-events:none;position:absolute;z-index:100}@keyframes move-and-fade{0%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty))}}.resume-card-wrapper{cursor:pointer;position:relative;width:100%;z-index:10}.resume-card{background:#fff;border:4px solid #000;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%;z-index:1}.resume-card:hover{box-shadow:12px 12px 0 0 #000;transform:translate(-4px,-4px)}.resume-header{align-items:flex-start;border-bottom:4px solid #000;display:flex;gap:20px;justify-content:space-between;padding:24px}.resume-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.resume-title{font-size:1.5rem;font-weight:700;letter-spacing:.02em;margin:0}.resume-company{font-size:1.1rem;font-weight:600;margin:0;opacity:.7}.resume-dates{background:#000;border:2px solid #000;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.resume-content{display:flex;gap:24px;padding:24px}.resume-description{flex:1 1;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-line}.resume-impact{background:#f5f5f5;border-left:4px solid #000;display:flex;flex-basis:45%;flex-direction:column;flex-shrink:0;gap:12px;padding:20px}.impact-title{font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.impact-list{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:24px}.impact-list li{font-size:.9rem;line-height:1.5}@media (max-width:768px){.resume-header{flex-direction:column;gap:12px;padding:20px}.resume-dates{align-self:flex-start}.resume-content{flex-direction:column;padding:20px}.resume-impact{min-width:0;min-width:auto}.resume-title{font-size:1.3rem}.resume-company{font-size:1rem}.resume-description{font-size:.9rem}}.particle-wrapper{animation:x-axis-motion 2s linear forwards,rotation-motion 2s linear forwards,fade-out 2s ease-in forwards;height:var(--size);margin-left:calc(var(--size)/-2);margin-top:calc(var(--size)/-2);pointer-events:none;position:absolute;width:var(--size);z-index:20}.particle-box{animation:y-axis-gravity 2s ease forwards;background:#000;height:100%;width:100%}@keyframes x-axis-motion{to{transform:translateX(var(--tx))}}@keyframes y-axis-gravity{0%{transform:translateY(0)}30%{transform:translateY(var(--ty-init))}to{transform:translateY(calc(var(--ty-init) + 800px))}}@keyframes rotation-motion{to{rotate:var(--tr)}}@keyframes fade-out{0%,60%{opacity:1}to{opacity:0}}.resume-page{width:100%}.resume-list{display:flex;flex-direction:column;gap:40px}@media (max-width:768px){.resume-list{gap:30px}}.contact-card{align-items:center;background:#fff;border:4px solid #000;cursor:pointer;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:250px;padding:60px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-card:hover{box-shadow:12px 12px 0 0 #000;transform:translate(-4px,-4px)}.contact-icon{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.contact-icon svg{stroke-width:2;height:100%;width:100%}.contact-label{font-size:1.2rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}@media (max-width:768px){.contact-card{min-height:200px;padding:40px 30px}.contact-icon{height:60px;width:60px}.contact-label{font-size:1rem}}.contact-page{width:100%}.contact-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.contact-grid{gap:40px;grid-template-columns:1fr}}.App{background:#fff;color:#000;display:flex;gap:60px;min-height:100vh;padding:60px 80px}.sidebar{border-left:4px solid #000;flex-shrink:0;padding-left:30px;padding-top:20px;width:200px}.content{flex:1 1;padding-top:20px;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;pointer-events:none;transform:translateY(5px)}@media (min-width:769px){.sidebar{height:400px;left:80px;position:fixed;top:60px}.content{margin-left:260px}}@media (max-width:768px){.App{display:block;gap:40px;padding:30px 20px}.App,.sidebar{position:relative}.sidebar{border-left:none;padding-left:20px;padding-top:10px}.sidebar:after{background:#000;bottom:-40vh;content:"";left:0;position:absolute;top:0;width:4px}.content{padding-left:30px;padding-top:30px}}
/*# sourceMappingURL=main.42c55904.css.map*/