:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h2{font-size:1.8em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{background-color:#fff;border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden}@media(orientation:portrait){body{overflow-y:auto}.container{flex-direction:column;height:auto;min-height:100vh}.separator{width:90%;height:2px;margin:40px auto}.main-section,.projects{width:100%;height:auto}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:#fff;text-align:center;overflow:hidden}.container{display:flex;flex-direction:row;width:100vw;height:100vh}.main-section,.projects{flex:1;padding:60px;box-sizing:border-box;overflow-y:auto;scrollbar-width:none}.main-section::-webkit-scrollbar{display:none}.separator{width:2px;background:#fff;height:90vh;align-self:center}.hero{margin-bottom:20px}.profile{width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;transition:opacity .7s ease-in-out}.carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:calc(100% - 240px)}.carousel img{width:80%;aspect-ratio:1200 / 600;border-radius:20px;object-fit:cover;transition:opacity .5s ease-in-out}.carousel p{font-family:monospace;font-size:.7rem;line-height:1.2;max-width:500px;margin:0;text-align:center;color:#ccc;background-color:#0000004d;padding:4px 6px;border-radius:4px}.projects{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;overflow-x:hidden;box-sizing:border-box}.projects-row{padding:8px;display:flex;width:100%;gap:24px;flex-wrap:wrap;box-sizing:border-box}.projects-item{flex:1 1 0;display:flex;justify-content:center;align-items:center;gap:8px;flex-direction:row;min-width:0}.projects h2{font-variant-caps:all-small-caps}.projects p{max-width:320px;font-family:monospace;font-size:.85rem;line-height:1.4;margin:0}.projects-row{padding:8px;display:flex;width:100%;gap:24px}.projects a{margin:8px}.projects-item{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;flex-direction:row}@media(orientation:portrait),(max-width:768px){.projects-item{flex-direction:column}}.btn{padding:17px;background:#fff;color:#000;border-radius:4px;text-decoration:none;font-weight:700;transition:.3s;border:2px solid transparent;display:flex;align-items:center;justify-content:center}.btn:hover{background:#000;color:#fff;border:2px solid #ccc}h1{font-size:3rem;margin:0}p{font-size:1.2rem;margin-top:10px;color:#ccc}@media(orientation:portrait),(max-width:768px){body{overflow-y:auto}.container{flex-direction:column;height:auto;min-height:100vh}.separator{width:90%;height:2px;margin:40px auto}.main-section,.projects{width:100%;height:auto;padding:60px 20px}.carousel img{width:100%}}.fade-visible{opacity:1;transition:opacity .5s ease-in-out}.fade-hidden{opacity:0;transition:opacity .5s ease-in-out}.contact-main{position:absolute;top:50%;transform:translateY(-50%);z-index:2;touch-action:manipulation}.contact-bar:hover{height:340px}.contact-bar:hover .contact-main{opacity:0;pointer-events:none}.contact-bar{position:fixed;left:0;top:50%;transform:translateY(-50%);overflow:hidden;transition:height .3s ease;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;background:#222;padding:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;z-index:9999;height:auto}.contact-bar a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;color:#000;border-radius:8px;text-decoration:none;font-size:1.2rem;transition:.3s;border:2px solid transparent}.contact-bar img{max-width:100%;max-height:100%;display:block}.contact-bar a:nth-child(1) img,.contact-bar a:nth-child(5) img{padding:5px}.contact-bar a:hover{background:#000;color:#fff;border:2px solid #ccc}.contact-bar a:hover img{filter:invert(1)}.contact-bar a:not(.contact-main){opacity:0;transform:none;pointer-events:none;transition:opacity .2s ease}.contact-bar:hover a:not(.contact-main){opacity:1;transform:none;pointer-events:auto}.contact-bar:hover a:nth-child(4){transition-delay:.05s}.contact-bar:hover a:nth-child(3),.contact-bar:hover a:nth-child(5){transition-delay:.1s}.contact-bar:hover a:nth-child(2),.contact-bar:hover a:nth-child(6){transition-delay:.18s}.contact-bar{height:48px;overflow:hidden;transition:height .3s ease}.contact-bar:hover,.contact-bar.open{height:auto}.contact-bar a:not(.contact-main){pointer-events:none}.contact-bar:hover a:not(.contact-main),.contact-bar.open a:not(.contact-main){opacity:1;transform:none;pointer-events:auto}.contact-bar.open .contact-main{opacity:0;pointer-events:none}.contact-bar.open a:not(.contact-main){transition:opacity .15s linear;transition-delay:0s}@media(orientation:portrait),(max-width:768px){.contact-bar a{width:36px;height:36px}.contact-bar img{transform:scale(.75)}}.contact-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;background:transparent}