:root{--bg-primary:#fafafa;--accent-green:#00d84a;--accent-sage:#5b7f6a;--accent-bright:#4af626;--spacing-section:80px;--spacing-container:2rem;--font-main:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--transition-standard:250ms ease-out}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-snap-type:y mandatory}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);line-height:1.6;margin:0}body,h1,h2,h3,h4,h5,h6{color:#111;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;margin-top:0}a{color:inherit;text-decoration:none;transition:color .25s ease-out;transition:color var(--transition-standard)}.main-content{width:100%}.mono,code,pre{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#ccc}.fade-in{animation:fadeIn .3s ease-in-out}.App{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:2px solid #000;display:flex;justify-content:space-between;left:0;padding:20px var(--spacing-container);position:fixed;top:0;width:100%;z-index:1000}.logo-text{color:#000;font-family:var(--font-main);font-size:1.5rem;font-weight:700;letter-spacing:-.05em;margin:0}.nav-links{align-items:center;display:flex;gap:0}.nav-item{background:none;border:none;color:#000;cursor:pointer;font-family:var(--font-main);font-size:1rem;opacity:1;padding:0 1rem;position:relative;transition:opacity .2s ease}.nav-item:not(:last-child):after{color:#000;content:"|";font-weight:400;pointer-events:none;position:absolute;right:0}.nav-item:hover{color:#000}.nav-item.active,.nav-item:hover{opacity:1;text-decoration:underline}.nav-item.active{font-weight:700}.nav-item.active:before{display:none}@media (max-width:768px){.header{border-bottom:2px solid #000;flex-direction:column;gap:1rem;padding:15px}.nav-links{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-item{padding:0 .5rem}.nav-item:not(:last-child):after{content:"|";right:-.25rem}}.footer{background-color:var(--bg-primary);border-top:1px solid #eaeaea;color:var(--text-secondary);font-family:var(--font-main);font-size:.9rem;margin-top:auto;padding:40px var(--spacing-container);text-align:center}.footer p{font-weight:400;margin:0;opacity:.8}.intro{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;min-height:100vh;padding:120px var(--spacing-container) 40px;scroll-snap-align:start;text-align:center}.arrow-container{display:none;margin:2rem 0}.story{margin:0 auto;max-width:800px;text-align:left}.story h1{color:var(--text-primary);font-size:3rem;font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:2rem}.story h1,.story p{font-family:var(--font-main)}.story p{font-size:1.2rem;font-weight:400;line-height:1.7;margin-bottom:1.5rem}.bio-text,.story p{color:var(--text-secondary)}.bio-text{font-size:1.15rem;line-height:1.8;margin-bottom:3rem;max-width:700px}.bio-text strong{color:var(--text-primary);font-weight:600}.poker-hand{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;margin-top:2rem}.poker-card,.poker-hand{perspective:1000px;width:100%}.poker-card{background-color:initial;border:none;box-shadow:none;cursor:pointer;height:320px;padding:0}.card-inner{border-radius:12px;box-shadow:0 4px 10px #0000000d;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);width:100%}.poker-card:hover .card-inner{box-shadow:0 20px 40px #00000026;transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border:2px solid #333;border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.5rem;position:absolute;width:100%}.card-front{border-color:#111;z-index:2}.card-front h3{border-bottom:2px solid;font-family:var(--font-main);font-size:1.2rem;font-weight:800;letter-spacing:.1em;margin-bottom:0;text-transform:uppercase}.card-back{background-color:#fafafa;color:#111;transform:rotateY(180deg)}.card-black .card-back{border-color:#111}.card-red .card-back{border-color:#d32f2f}.card-back h3{border-bottom:1px solid #eee;font-family:var(--font-mono);font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase;width:100%}.card-black .card-back h3{color:#111}.card-red .card-back h3{color:#d32f2f}.card-back ul{display:flex;flex-direction:column;height:100%;justify-content:center;list-style:none;margin:0;padding:0;text-align:center;width:100%}.card-back li{border-bottom:1px solid #0000000d;color:#444;font-family:var(--font-main);font-size:1rem;font-weight:500;padding:.6rem 0}.card-back li:last-child{border-bottom:none}.card-black .card-front{color:#111}.card-red .card-front{border-color:#d32f2f;color:#d32f2f}.card-corner{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1;opacity:1;position:absolute}.top-left{left:.8rem;top:.8rem}.bottom-right{bottom:.8rem;right:.8rem;transform:rotate(180deg)}@media (max-width:900px){.poker-hand{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.poker-hand{grid-template-columns:1fr}.poker-card{height:280px}}:root{--transition-speed:0.5s;--panel-width:100%;--accent-color:#fff}.projects{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:100px var(--spacing-container);scroll-snap-align:start}.projects-container{display:flex;gap:1rem;height:600px;overflow:hidden;width:100%}.project-panel{align-items:flex-end;background-color:#000;border-radius:12px;cursor:pointer;display:flex;flex:1 1;overflow:hidden;position:relative;transition:flex .5s cubic-bezier(.25,.46,.45,.94);transition:flex var(--transition-speed) cubic-bezier(.25,.46,.45,.94)}.project-panel.active,.project-panel:hover{flex:3 1}.panel-bg{background-position:50%;background-size:cover;filter:grayscale(100%) brightness(.5);height:100%;left:0;position:absolute;top:0;transition:transform .5s ease,filter .5s ease;transition:transform var(--transition-speed) ease,filter var(--transition-speed) ease;width:100%;z-index:1}.project-panel.active .panel-bg,.project-panel:hover .panel-bg{filter:grayscale(0) brightness(.8);transform:scale(1.05)}.panel-overlay{background:linear-gradient(0deg,#000000f2 0,#0009 40%,#0003);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transition:opacity .3s ease,background .3s ease;width:100%;z-index:2}.project-panel.active .panel-overlay,.project-panel:hover .panel-overlay{background:linear-gradient(0deg,#000000f2 10%,#140a00b3 50%,#0000);opacity:.9}.panel-content{color:#fff;padding:2.5rem;position:relative;transform:translateY(0);transition:transform .4s ease;width:100%;z-index:3}.project-title{font-family:var(--font-main);font-size:2rem;font-weight:800;margin-bottom:.5rem;overflow:hidden;position:relative;text-overflow:ellipsis;text-shadow:0 4px 6px #00000080;transition:color .3s ease;white-space:nowrap}.project-panel.active .project-title,.project-panel:hover .project-title{color:#fff;text-shadow:0 4px 12px #000c}.expand-hint{bottom:2.5rem;color:#fffc;font-size:1.5rem;opacity:1;position:absolute;right:2rem;transform:translateX(0);transition:all .3s ease}.project-panel:hover .expand-hint{opacity:0;transform:translateX(20px)}.project-details{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease}.project-panel.active .project-details,.project-panel:hover .project-details{margin-top:1.5rem;max-height:500px;opacity:1}.project-desc{color:#eee;font-family:var(--font-main);font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:2rem;max-width:650px;text-shadow:0 1px 2px #00000080}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.tag{background-color:#ffffff26;border:1px solid #fff6;color:#fff;font-size:.8rem;gap:.4rem;padding:6px 12px}.tag:hover{background-color:#fff;background-color:var(--accent-color);border-color:#fff;border-color:var(--accent-color);color:#000;font-weight:600}.project-links{display:flex;gap:1rem}.link-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;border:2px solid #fff;border-radius:4px;color:#fff;display:inline-flex;font-family:var(--font-main);font-size:1rem;font-weight:700;gap:.5rem;padding:10px 20px;text-decoration:none;transition:all .2s ease}.link-btn:hover{background-color:#fff;background-color:var(--accent-color);border-color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #ffffff4d;color:#000;transform:translateY(-2px)}@media (max-width:900px){.projects-container{flex-direction:column;height:auto;min-height:800px}.project-panel{background-position:top;flex:1 1;min-height:180px}.project-panel.active,.project-panel:hover{flex:2 1}.project-title{font-size:1.6rem}}:root{--sidebar-width:250px;--accent-color:#111;--bg-color:#fff;--text-primary:#111;--text-secondary:#555;--active-bg:#f5f5f5;--border-color:#eee}.experience{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1100px;min-height:100vh;padding:100px var(--spacing-container) 40px;scroll-snap-align:start}.experience-container{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:250px 1fr;grid-template-columns:var(--sidebar-width) 1fr;height:550px;width:100%}.experience-list{border-right:1px solid #eee;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.2rem;height:100%;overflow-y:visible;padding-right:.8rem}.experience-list-item{border-left:3px solid #0000;border-radius:0 4px 4px 0;cursor:pointer;padding:.8rem 1rem;transition:all .2s ease}.experience-list-item:hover{background-color:#fafafa}.experience-list-item.active{background-color:#f5f5f5;background-color:var(--active-bg);border-left-color:#111;border-left-color:var(--accent-color)}.list-role{color:#111;color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:.1rem}.list-company,.list-role{font-family:var(--font-main)}.list-company{color:#555;color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.2rem}.list-date{color:#888;display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase}.experience-detail{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;height:100%;padding-top:0}.detail-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);margin-bottom:1.2rem;padding-bottom:.8rem}.detail-header h3{color:#111;color:var(--text-primary);font-family:var(--font-main);font-size:1.6rem;font-weight:700;line-height:1.1;margin-bottom:.6rem;padding-right:1rem}.job-date{color:#666}.at-symbol{color:#ccc;font-weight:400;margin:0 .2rem}.company-link{color:#111;color:var(--accent-color);font-weight:700;position:relative;text-decoration:none;transition:all .2s ease}.company-link:after{background-color:#111;background-color:var(--accent-color);bottom:-2px;content:"";height:2px;left:0;opacity:.5;position:absolute;transform:scaleX(.3);transform-origin:bottom right;transition:transform .25s cubic-bezier(.65,.05,.36,1);width:100%}.company-link:hover:after{opacity:1;transform:scaleX(1);transform-origin:bottom left}.detail-meta{align-items:center;display:flex;justify-content:space-between;width:100%}.meta-widget{align-items:center;display:flex;gap:.5rem}.job-date,.meta-widget{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#333;font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:6px 12px}.job-date{white-space:nowrap}.meta-widget svg{color:#666;font-size:.75rem}.detail-content{flex-grow:1;overflow-y:visible}.detail-content ul{list-style:none;margin-bottom:1.2rem;padding:0}.detail-content li{color:#444;font-family:var(--font-main);font-size:.95rem;line-height:1.5;margin-bottom:.6rem;padding-left:1.4rem;position:relative}.bullet-icon{color:#111;color:var(--accent-color);font-size:.7rem;left:0;position:absolute;top:5px}.tags{flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag,.tags{display:flex}.tag{align-items:center;background-color:#fff;border:1px solid #111;border-radius:4px;color:#111;font-family:var(--font-mono);font-size:.75rem;gap:.3rem;padding:4px 10px;transition:all .2s ease}.tag:hover{background-color:#111;border-color:#111;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.experience-container{gap:2rem;grid-template-columns:1fr;height:auto}.experience-list{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;height:auto;overflow-x:auto;padding-bottom:1rem;padding-right:0}.experience-list-item{border-bottom:3px solid #0000;border-left:none;border-radius:4px 4px 0 0;min-width:180px}.experience-list-item.active{border-bottom-color:#111;border-bottom-color:var(--accent-color);border-left-color:#0000}}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;min-height:100vh;padding:100px var(--spacing-container);scroll-snap-align:start}.contact-content{max-width:800px;text-align:center;width:100%}.contact h2{color:var(--text-primary);font-family:var(--font-main);font-size:3rem;font-weight:700;letter-spacing:-.04em;margin-bottom:1rem}.contact-subtitle{color:var(--text-secondary);font-family:var(--font-main);font-size:1.1rem;margin-bottom:4rem}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%}.contact-card{align-items:flex-start;background:#fff;border:1px solid #eaeaea;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.contact-card:hover{border-color:#111;box-shadow:0 12px 24px #0000000d;transform:translateY(-4px)}.card-icon-wrapper{align-items:center;background:#0000000d;border-radius:50%;color:#111;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1.5rem;transition:background .3s ease,color .3s ease;width:48px}.contact-card:hover .card-icon-wrapper{background:#111;color:#fff}.card-info h3{color:var(--text-primary);font-family:var(--font-main);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.card-info span{color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.card-arrow{color:#e0e0e0;font-size:1.25rem;position:absolute;right:2rem;top:2rem;transition:transform .3s ease,color .3s ease}.contact-card:hover .card-arrow{color:#111;transform:translateX(4px) translateY(-4px)}.coffee-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-container);scroll-snap-align:start;text-align:center}.coffee-container{background-color:#fdfdfd;border:1px dashed #e0e0e0;border-radius:8px;max-width:900px;padding:2rem;width:95%}.coffee-icon{animation:float 3s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1.5rem}.coffee-content h2{font-family:var(--font-main);font-weight:600;margin-bottom:1rem}.status-text{color:var(--text-secondary);font-family:var(--font-main);font-size:1.1rem;margin-bottom:2rem}.loader{color:#111;font-family:var(--font-mono);font-size:1.5rem}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.polaroid-gallery{align-items:center;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:center;margin-top:2rem;overflow-x:hidden;padding:1rem 0;width:100%}.polaroid-card{cursor:pointer;flex:0 1 200px;min-width:120px;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.polaroid-frame{background:#fff;border-radius:2px;box-shadow:0 4px 15px #00000026;padding:5% 5% 15%;transform:rotate(-2deg);transition:all .3s ease;width:100%}.polaroid-frame img{aspect-ratio:1/1;border:1px solid #f0f0f0;filter:sepia(20%) contrast(1.1);object-fit:cover;width:100%}.polaroid-card:first-child .polaroid-frame{transform:rotate(-4deg)}.polaroid-card:nth-child(2) .polaroid-frame{transform:rotate(3deg) translateY(-5px);z-index:2}.polaroid-card:nth-child(3) .polaroid-frame{transform:rotate(-2deg)}.polaroid-card:hover{z-index:10}.polaroid-card:hover .polaroid-frame{box-shadow:0 10px 25px #0003;transform:scale(1.05) rotate(0deg)}
/*# sourceMappingURL=main.1cc0b939.css.map*/