@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-text: #0F1729;--color-primary: #2641CA;--color-primary-dark: #1530BA;--color-surface: #EEF0FE;--color-muted: #475569;--color-text-muted: #65656D;--color-border: #e5e7eb;--color-white: #ffffff;--shadow-chip: 0 3px 10px 1px rgba(0, 0, 0, .05);--font-weight-regular: 400;--font-weight-semibold: 600;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.8rem;--text-4xl: clamp(1.8rem, 3.5vw, 3rem);--text-button: .875rem;--hero-type-size: clamp(3rem, 8vw, 3.5rem);--hero-type-spacing: -.04em;--line-height-body: 1.6;--line-height-tight: 1.2;--letter-spacing-tight: -.02em;--letter-spacing-wide: -.02em;--letter-spacing-body: -.005em;--nav-height: 72px}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-body);text-decoration:none;list-style:none}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;background-color:var(--color-white);background-position:top;background-size:100% auto;background-attachment:fixed;background-repeat:repeat-y;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);font-weight:var( --font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADHSURBVHgBlZFBEsFAEEX7N3YWbCg7bsAJcBBqbpCrcIMoB8EJ5AbJTrFhpVAy30wqsVJJ/MXMVNf70139Ibliw07bSkBwRsosK0IiWLvubZthwcEfJ8OhWu7ccyi/lVjFfBAiyQznpY1L4K/prpg0Lou3EcBItTot8qmEBlJTAKbq7nFdg1+Gyp9SQPZ1YcdGmpKHuoYUdo2rC+xFHoUVa4Uk/Y2OtBviZoG5L5TBGSN50oVc4kbJwHUb5zPv/cgP1dXIfexrHzj6SliyIZDHAAAAAElFTkSuQmCC) auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}p{font-family:var(--font-body);font-size:var(--text-base);font-style:normal;font-weight:var( --font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.about-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:80px 24px}.about-content{max-width:760px;width:100%;display:flex;flex-direction:column;gap:16px}.eyebrow{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-primary)}.about-content h1{font-size:var(--text-4xl);font-weight:var(--font-weight-regular);font-family:var(--font-display);letter-spacing:var(--letter-spacing-tight)}.about-content h1 span{color:var(--color-primary)}.about-intro{font-size:var(--text-lg);line-height:var(--line-height-body);max-width:680px}.about-highlights{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.about-chip{padding:10px 14px;border-radius:999px;background:var(--color-surface);color:var(--color-primary);font-size:var(--text-sm)}.about-link{margin-top:12px;color:var(--color-text);font-weight:var(--font-weight-semibold);width:fit-content}@media (max-width: 1024px){:root{--text-lg: 1rem;--text-2xl: 1.35rem;--text-4xl: clamp(1.75rem, 3.2vw, 2.4rem)}}@media (max-width: 768px){:root{--text-base: .95rem;--text-lg: .95rem;--text-2xl: 1.2rem;--text-4xl: clamp(1.5rem, 4vw, 2rem);--hero-type-size: 3rem;--hero-type-spacing: -.03em;--line-height-body: 1.55}}.spacing{height:13vh}.deprecated-projects-section{padding:40px 40px 80px;background:#ffffff}.deprecated-projects-header{margin-bottom:24px}.deprecated-projects-table-wrapper{overflow-x:auto}.deprecated-projects-table{width:100%;border-collapse:collapse;font-size:.95rem}.deprecated-projects-table tr{border-bottom:1px solid var(--color-border);transition:border-color .2s ease}.deprecated-projects-table tr:hover{border-bottom-color:var(--color-primary)}.deprecated-projects-table td{padding:24px 0;text-align:left;vertical-align:bottom}.deprecated-project-link{display:flex;align-items:flex-start;gap:24px;width:100%;font-family:var(--font-display);color:var(--color-text);transition:color .2s ease}.deprecated-project-year{font-size:var(--text-sm);width:20%;font-weight:var( --font-weight-regular);color:var(--color-muted);min-width:120px;text-align:left}.deprecated-project-name{font-size:var(--text-2xl);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);width:45%}.deprecated-project-link:hover{color:var(--color-primary)}.deprecated-project-preview{position:fixed;z-index:2000;pointer-events:none;width:min(360px,44vw);background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f17291f;overflow:hidden;animation:archive-preview-float 1.8s ease-in-out infinite;transform:translateZ(0)}.deprecated-project-preview img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover}@keyframes archive-preview-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.project-map,.skill-map{margin:40px 0 40px 40px}.project-img img,.project-img video{width:90%;object-fit:cover;object-position:center;transition:transform .3s ease}.footer{display:flex;padding:24px 40px}.glowing-txt{font-size:20px}.project-img{width:50%}.portrait{width:70%}.head-content{margin-top:40px;width:70%}.hero-text{margin-top:16px;margin-left:40px;display:flex;flex-direction:column}.hero-text p{font-size:18px;line-height:155%;margin-right:4vw}.hero-text h1{font-size:2rem;font-weight:var( --font-weight-regular);margin-bottom:10px}.hero-typewriter{display:flex;flex-direction:column;margin-top:8px;margin-left:40px;gap:10px;font-size:var(--hero-type-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--hero-type-spacing);transition:opacity 1s ease-in-out}.project-content{width:45%}.project-card{width:100%;height:20%;margin-bottom:120px;color:var(--color-text)}.project-title p{margin-top:24px;width:80%}.project-title h1{font-size:40px;font-weight:var(--font-weight-regular);letter-spacing:-2px}.responsibilities{display:flex;width:90%;flex-wrap:wrap;margin-top:24px}#contact{display:flex;padding:80px 0;border-top:1px solid var(--color-primary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:var(--color-surface)}#contact .left-contact{width:50%}.hero-socials{display:inline-flex;margin:40px;flex-direction:column;align-items:flex-start}.contact-section{width:50%;height:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.contact-section p{padding-top:24px;width:70%}.contact-section h1{font-weight:var(--font-weight-regular);font-size:72px;letter-spacing:-4px}.contact-section a{margin-top:64px;font-size:32px}.contact-section a img{margin-right:-8px;width:40px}@media (max-width: 1300px){.project-card{height:32vw;margin-bottom:64px}.modal-content{width:70%;height:80%}}@media (max-width: 1024px){.modal-content{width:90%;height:80%}.contact-section h1{font-size:40px;letter-spacing:-.5px}}@media (max-width: 768px){.head-content{width:100%}.head-container{flex-direction:column-reverse}.heading h1{font-size:30px;margin-left:0}.hero-text{margin-left:16px}.close-button{display:none}.portrait{width:100%}.skill-map{margin:32px 10px 10px;gap:5px}.glowing-txt{font-size:1rem;letter-spacing:6px}.project-map{margin:40px}.project-card{flex-direction:column;height:auto;margin-bottom:80px}.project-img{width:100%}.project-img img,.project-img video{width:100%}.responsibilities{margin:8px 0;width:100%}.resp p,p{font-size:16px}p{line-height:20px}.project-content{padding-top:24px;width:100%}.project-title p{margin-top:8px;width:100%}.project-title h1{font-size:24px;font-weight:var(--font-weight-regular);letter-spacing:-1px}.footer{padding:24px}.social-link{padding:0 4px 0 2px;margin-right:8px}.modal-content{height:95%;flex-direction:column}.modal-left{width:100%;height:70%}.modal-right{width:100%;height:100%;padding:24px 0}#contact{flex-direction:column;padding:40px 0}#contact .left-contact{width:90%}.hero-socials{margin:0 14px;flex-direction:row}.contact-section{width:90%;margin:24px 16px}.contact-section h1{letter-spacing:-1.5px}.contact-section p{width:95%}.contact-section a{margin-top:24px;font-size:24px}}@media (max-width: 576px){:root{--hero-type-size: 2.25rem;--hero-type-spacing: -.02em}.project-map{margin:40px 16px;padding:0}.skill-map{padding:0}.modal-content{width:95%;height:80%}.footer{padding:16px;flex-direction:column-reverse}}.header{position:sticky;background-color:#eef0fe73;top:0;z-index:1}nav{display:flex;justify-content:space-between;align-items:stretch;width:100%;min-height:var(--nav-height);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo{display:flex;align-items:stretch;justify-content:center;min-height:var(--nav-height);background-color:var(--color-primary)}.logo a,.menu a,.home-button{font-size:var(--text-button);font-weight:var(--font-weight-regular);font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:1}.logo a{display:inline-flex;align-items:center;justify-content:center;height:var(--nav-height);padding:0 24px;transition:.2s all ease-in-out;color:var(--color-white)}.logo a:hover{opacity:1;color:#a3b3ff}.menu-icon{display:none}.menu{display:flex;align-items:center;padding:0 16px;transition:.2s all ease-in-out;color:var(--color-text)}.menu a{display:inline-flex;align-items:center;margin:0 16px;padding:2px 0;text-align:center;transition:.2s all ease-in-out;color:var(--color-text);position:relative}.menu a:hover{opacity:1;color:var(--color-primary-dark)}.menu a:after{content:"";position:absolute;width:100%;height:1px;background:var(--color-primary-dark);bottom:-2px;left:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.menu a:hover:after{transform:scaleX(1)}#menu-toggle{display:none}#menu-toggle:checked~.menu{transform:scale(1)}@media (max-width: 950px){.hero-typewriter{margin-left:16px}.menu{flex-direction:column;background:rgba(235,235,235,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid rgba(74,74,75,.25);align-items:flex-start;position:absolute;top:72px;left:0;width:100%;min-height:auto;padding:12px 0;z-index:1;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out}.menu a{height:auto;margin-left:12px;padding:12px 0}.menu li{margin-bottom:10px}.menu-icon{display:block;padding:16px;height:64px;color:var(--color-text);font-size:24px;line-height:100%;cursor:pointer}}.head-container{display:flex;justify-content:space-between}.portrait img{width:100%}.heading h1{font-size:24px;font-weight:300}h3{font-size:20px;font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.project-card{position:relative;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;overflow:hidden;transition:transform .6s ease;display:flex}.project-card:hover .project-content{color:var(--color-primary-dark)}.project-card:hover .project-img img,.project-card:hover .project-img video{transform:scale(1.02)}.resp{background-color:var(--color-white);box-shadow:var(--shadow-chip);border:1px solid rgba(240,240,240);border-radius:40px;margin:4px 8px 4px 0;padding:8px 16px;color:var(--color-text)}.resp p{margin:0;width:100%;color:inherit}.modal-content{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white);padding:20px;border:none;max-width:none;overflow:hidden}.modal-left{background-color:var(--color-white);display:flex;align-items:center;justify-content:center}.modal-left img{width:100%;height:auto;object-fit:contain}.modal-right{overflow-y:auto;position:relative}.close-button{position:absolute;top:16px;right:16px;font-size:24px;cursor:pointer}.modal-title h2{margin-bottom:20px;font-size:32px;font-weight:var(--font-weight-regular);letter-spacing:-2px;font-family:var(--font-display)}.modal-description{margin-bottom:20px}.modal-description h4{margin:16px 0 8px;font-weight:var(--font-weight-regular);font-size:20px;font-family:var(--font-display);letter-spacing:-1px}.modal-description .tags{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:8px}.tags div{background-color:var(--color-surface);border:1px solid rgba(240,240,240);color:var(--color-primary-dark);padding:12px 16px;margin:4px;border-radius:40px;font-size:16px;font-weight:var( --font-weight-regular);font-family:var(--font-display)}.buttons{display:flex;flex-direction:column}.modal-button-pri,.modal-button-sec{font-size:16px;font-weight:var(--font-weight-regular);width:100%;padding:12px 8px;text-align:center;border-radius:12px;transition:all .2s ease-in-out;cursor:pointer}.modal-button-pri{background-color:var(--color-text);color:var(--color-white);margin-bottom:16px}.modal-button-sec{border:1px solid var(--color-text);color:var(--color-text)}.modal-button-pri:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.modal-button-sec:hover{border:1px solid var(--color-primary-dark);color:var(--color-primary-dark)}.skill-map{background-size:cover;border-radius:2px}.skill{padding:4px;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:56px}.scevo{border-radius:40px;background-color:var(--color-white);box-shadow:var(--shadow-chip);border:1px solid rgba(240,240,240);color:var(--color-text);display:flex;align-items:center;justify-content:center;width:100%;height:100%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:.2s all ease-in-out}.scevo p{display:flex;padding:4px 16px;color:inherit}.social-link,.contact-section a{display:inline-flex;white-space:nowrap;align-items:center;font-weight:var(--font-weight-regular);font-family:var(--font-display);letter-spacing:-1px;color:var(--color-text);line-height:26px;text-decoration:none;padding-bottom:2px;position:relative;transition:color .2s ease-in-out}.social-link{font-size:20px;margin-top:16px}.social-link:hover,.contact-section a:hover{color:var(--color-primary-dark)}.social-link:after,.contact-section a:after{content:"";position:absolute;width:100%;height:2px;background:var(--color-primary);bottom:-2px;left:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.social-link:hover:after,.contact-section a:hover:after{transform:scaleX(1)}.social-link img,.contact-section a img{margin-right:-6px;opacity:0;transform:translate(-5px);transition:opacity .5s ease,transform .5s ease}.social-link img{width:32px}.social-link:hover img,.contact-section a:hover img{opacity:1;transform:translate(0)}.footer{display:flex;justify-content:space-between;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:left;background-color:var(--color-surface);bottom:0;width:100%}@media (max-width: 400px){:root{--hero-type-size: 2rem;--hero-type-spacing: -.02em}.hero-text h1{font-size:1.2rem}.spacing{height:6vh}}