*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--color-bg: #12151c;--color-bg-elevated: #1a1e28;--color-surface: #1e2330;--color-text: #c8cdd8;--color-text-muted: #7a8294;--color-text-dim: #4a5268;--color-accent: #9a8a5c;--color-accent-hover: #b0a070;--color-border: #2a3040;--color-overlay: rgba(18, 21, 28, .55);--placeholder-projects: linear-gradient(160deg, #1a2030 0%, #243040 100%);--placeholder-about: linear-gradient(160deg, #181e2a 0%, #2a3040 100%);--placeholder-cv: linear-gradient(160deg, #1c2230 0%, #283448 100%);--placeholder-contact: linear-gradient(160deg, #161c28 0%, #263040 100%);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--menu-column-count: 4;--transition-panel: .6s cubic-bezier(.16, 1, .3, 1);--transition-hover: .3s ease;--transition-theme: .45s ease;--section-height: 100vh;--radius-sm: 4px;--radius-md: 8px}[data-theme=light]{--color-bg: #e8eaef;--color-bg-elevated: #f4f5f8;--color-surface: #dce0e8;--color-text: #2a3040;--color-text-muted: #5a6278;--color-text-dim: #8a92a8;--color-accent: #7a6b45;--color-accent-hover: #5c5035;--color-border: #c8cdd8;--color-overlay: rgba(232, 234, 239, .55);--placeholder-projects: linear-gradient(160deg, #d0d8e8 0%, #b8c4d8 100%);--placeholder-about: linear-gradient(160deg, #ccd4e4 0%, #b0bcd0 100%);--placeholder-cv: linear-gradient(160deg, #d4dae8 0%, #bcc8dc 100%);--placeholder-contact: linear-gradient(160deg, #c8d0e0 0%, #b4c0d4 100%)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--transition-theme);animation-timing-function:ease-in-out}html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition-property:background-color,color,border-color,outline-color,fill,stroke,box-shadow;transition-duration:var(--transition-theme);transition-timing-function:ease}}img{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-hover)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.mono{font-family:var(--font-mono)}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.top-controls{position:fixed;top:1.25rem;right:1.25rem;z-index:200;display:flex;align-items:center;gap:.75rem}.lang-toggle{display:flex;align-items:center;gap:.35rem;padding:.4rem .65rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-toggle__btn{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--color-text-dim);padding:.15rem .25rem;transition:color var(--transition-hover)}.lang-toggle__btn:hover{color:var(--color-text-muted)}.lang-toggle__btn.is-active{color:var(--color-text);font-weight:500}.lang-toggle__sep{font-family:var(--font-mono);font-size:.65rem;color:var(--color-border);-webkit-user-select:none;user-select:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:.95rem;line-height:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color var(--transition-hover),border-color var(--transition-hover)}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-accent)}.theme-toggle:focus-visible,.lang-toggle__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:767px){.top-controls{top:.75rem;right:.75rem;gap:.5rem}.lang-toggle{padding:.35rem .5rem}.theme-toggle{width:2rem;height:2rem;font-size:.85rem}}.identity-mark{position:fixed;top:1.25rem;left:1.25rem;z-index:200;width:2ch;height:1.2em;opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}.identity-mark__text{position:absolute;top:0;left:0;font-size:.85rem;letter-spacing:.14em;line-height:1.2;opacity:0}.identity-mark__text--binary{font-family:var(--font-mono);font-weight:500;animation:identityBinary 5.6s infinite}.identity-mark__text--initials{font-family:var(--font-sans);font-weight:500;animation:identityInitials 5.6s infinite}.identity-mark__glitch{position:absolute;top:0;left:0;font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.14em;opacity:0;pointer-events:none;animation:identityGlitch 5.6s infinite}.identity-mark__glitch--a{color:var(--color-accent);clip-path:inset(0 0 55% 0);animation-name:identityGlitchA}.identity-mark__glitch--b{color:var(--color-text-muted);clip-path:inset(45% 0 0 0);animation-name:identityGlitchB}@keyframes identityBinary{0%,42%{opacity:1}46%,to{opacity:0}}@keyframes identityInitials{0%,46%{opacity:0}50%,92%{opacity:1}96%,to{opacity:0}}@keyframes identityGlitchA{0%,43%{opacity:0;transform:translate(0)}44%{opacity:.9;transform:translate(2px,-1px)}45%{opacity:.7;transform:translate(-2px,1px)}46%{opacity:0;transform:translate(1px)}93%,to{opacity:0;transform:translate(0)}}@keyframes identityGlitchB{0%,43%{opacity:0;transform:translate(0)}44%{opacity:.7;transform:translate(-2px,1px)}45%{opacity:.9;transform:translate(2px,-1px)}46%{opacity:0;transform:translate(-1px)}93%,94%{opacity:0;transform:translate(0)}95%{opacity:.9;transform:translate(2px)}96%{opacity:0;transform:translate(-2px)}}@media(max-width:767px){.identity-mark{top:.75rem;left:.75rem}}@media(prefers-reduced-motion:reduce){.identity-mark__text--binary{display:none;animation:none}.identity-mark__text--initials{opacity:1;animation:none}.identity-mark__glitch{display:none}}.welcome{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--section-height);padding:2rem;text-align:center}.welcome__content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.welcome:not(.is-ready) .welcome__content{visibility:hidden}.welcome__name{font-family:var(--font-sans);font-size:clamp(2.5rem,8vw,5rem);font-weight:300;letter-spacing:-.02em;color:var(--color-text);line-height:1.1}.welcome__name-inner{display:inline-flex;align-items:baseline;justify-content:flex-start}.welcome__name-o,.welcome__name-i{display:inline-block;flex-shrink:0}.welcome__name-i{margin-left:.2em;transition:margin-left .8s ease-in-out}.welcome__name.is-expanded .welcome__name-i{margin-left:0}.welcome__name-middle,.welcome__name-rest{display:inline-block;overflow:hidden;max-width:0;opacity:0;white-space:nowrap;vertical-align:bottom;transition:max-width .8s ease-in-out,opacity .8s ease-in-out}.welcome__name.is-expanded .welcome__name-middle,.welcome__name.is-expanded .welcome__name-rest{opacity:1}.welcome__name.is-expanded .welcome__name-middle{max-width:var(--expand-width, 12ch)}.welcome__name.is-expanded .welcome__name-rest{max-width:var(--expand-width, 6ch)}.welcome__role{font-family:var(--font-mono);font-size:clamp(.85rem,2vw,1rem);color:var(--color-text-muted);letter-spacing:.02em;opacity:0;visibility:hidden;transform:translateY(16px);transition:none}.welcome.is-expanded .welcome__role{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .5s ease .8s,transform .5s ease .8s,visibility 0s linear .8s}.welcome__hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%) translateY(16px);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);letter-spacing:.08em;opacity:0;visibility:hidden;transition:none}.welcome.is-expanded .welcome__hint{opacity:.6;visibility:visible;transform:translate(-50%) translateY(0);transition:opacity .5s ease 1s,transform .5s ease 1s,visibility 0s linear 1s}.welcome__hint-arrow{display:inline-block;margin-left:.25rem}@media(prefers-reduced-motion:reduce){.welcome:not(.is-ready) .welcome__content{visibility:visible}.welcome__name-middle,.welcome__name-rest,.welcome.is-expanded .welcome__role,.welcome.is-expanded .welcome__hint{transition:none}}.menu{position:relative;display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--section-height);width:100%}.menu__column{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--section-height);overflow:hidden;border:none;cursor:pointer;transition:flex var(--transition-hover)}.menu__column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:0}.menu__column:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);transition:background var(--transition-hover);z-index:1}.menu__column[data-panel=projects]:before{background-image:var(--placeholder-projects)}.menu__column[data-panel=about]:before{background-image:var(--placeholder-about)}.menu__column[data-panel=cv]:before{background-image:var(--placeholder-cv)}.menu__column[data-panel=contact]:before{background-image:var(--placeholder-contact)}.menu__column:not(:last-child){border-right:1px solid var(--color-border)}.menu__column:hover:before{transform:scale(1.06)}.menu__column:hover:after{background:#12151c59}.menu__column.is-active:after{background:color-mix(in srgb,var(--color-accent) 28%,transparent)}.menu__column.is-dimmed:after{background:#12151cbf}.menu__column.is-dimmed:before{transform:scale(1);filter:grayscale(.4)}.menu__label{position:relative;z-index:2;font-family:var(--font-sans);font-size:clamp(.9rem,2vw,1.25rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);transition:transform var(--transition-hover),letter-spacing var(--transition-hover);pointer-events:none}.menu__column:hover .menu__label{transform:translateY(-2px);letter-spacing:.1em}.menu__column.is-active .menu__label{color:#fff}.panels{position:relative;overflow:hidden}.panels__wrapper{height:0;overflow:hidden;visibility:hidden}.panels__wrapper.is-open{visibility:visible}.panel{display:none;padding:clamp(3rem,8vw,6rem) clamp(1.5rem,6vw,4rem);background:var(--color-bg-elevated);border-top:1px solid var(--color-border)}.panel.is-active{display:block}.panel__inner{max-width:720px;margin:0 auto}.panel__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;margin-bottom:2rem;letter-spacing:-.02em}.project-card{padding:1.75rem 0 1.75rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);border-left:2px solid var(--color-accent)}.project-card:first-child{padding-top:0}.project-card--placeholder{opacity:.7;border-left-style:dashed}.project-card__meta{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);letter-spacing:.04em;margin-bottom:.5rem}.project-card__title{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.project-card__description{color:var(--color-text-muted);margin-bottom:1rem;font-size:.95rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-card__tag{font-family:var(--font-mono);font-size:.7rem;padding:.25rem .6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.project-card__links{display:flex;gap:1.25rem;font-family:var(--font-mono);font-size:.8rem}.about{display:flex;flex-direction:column;gap:2rem}.about__header{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.about__avatar{width:96px;height:96px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.5rem;color:var(--color-text-muted);flex-shrink:0}.about__bio{color:var(--color-text-muted);font-size:1rem;line-height:1.75}.about__skills{display:flex;flex-wrap:wrap;gap:.5rem}.about__skill{font-family:var(--font-mono);font-size:.75rem;padding:.35rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.cv__download{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);margin-bottom:2.5rem;transition:background var(--transition-hover),color var(--transition-hover)}.cv__download:hover{background:var(--color-accent);color:var(--color-bg)}.cv__section{margin-bottom:2.5rem}.cv__section-title{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.cv__entry{margin-bottom:1.5rem}.cv__entry-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.cv__entry-role{font-weight:500}.cv__entry-period{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim)}.cv__entry-company{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);margin-bottom:.5rem}.cv__entry-desc{color:var(--color-text-muted);font-size:.9rem}.cv__skills{display:flex;flex-wrap:wrap;gap:.5rem}.cv__skill{font-family:var(--font-mono);font-size:.75rem;padding:.35rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.contact__email{font-family:var(--font-mono);font-size:1.1rem;margin-bottom:.75rem;display:inline-block}.contact__location{font-size:.85rem;color:var(--color-text-muted);margin-bottom:2rem}.about__interests{margin-top:1.5rem}.about__interests .section-label{margin-bottom:1rem}.contact__socials{display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem}.contact__social{display:flex;align-items:baseline;gap:1rem;font-size:.95rem}.contact__social-label{font-weight:500;min-width:5rem}.contact__social-handle{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.contact__form{display:flex;flex-direction:column;gap:1rem}.contact__field label{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.08em}.contact__field input,.contact__field textarea{width:100%;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:.95rem;transition:border-color var(--transition-hover)}.contact__field input:focus,.contact__field textarea:focus{outline:none;border-color:var(--color-accent)}.contact__field textarea{min-height:120px;resize:vertical}.contact__submit{align-self:flex-start;font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-dim);cursor:not-allowed;opacity:.6}.back-to-menu{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);z-index:100;font-family:var(--font-mono);font-size:.8rem;padding:.65rem 1.25rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-hover),transform var(--transition-hover),border-color var(--transition-hover),color var(--transition-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-to-menu.is-visible{opacity:.35;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.back-to-menu.is-visible:hover,.back-to-menu.is-visible:focus-visible{opacity:1;color:var(--color-text);border-color:var(--color-accent)}.back-to-menu:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.stat-block{flex:1;min-width:200px;padding:1.25rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat-block__row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--color-border)}.stat-block__row:last-child{border-bottom:none}.stat-block__label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.stat-block__value{font-size:.9rem;font-weight:500;color:var(--color-text);text-align:right}@media(max-width:767px){.about__header{flex-direction:column}.stat-block{width:100%}}@media(max-width:1023px){.menu{grid-template-columns:repeat(2,1fr);min-height:auto}.menu__column{min-height:50vh}.menu__column:nth-child(2){border-right:none}.menu__column:nth-child(1),.menu__column:nth-child(2){border-bottom:1px solid var(--color-border)}}@media(max-width:767px){.menu{grid-template-columns:1fr}.menu__column{min-height:25vh}.menu__column{border-right:none!important}.menu__column:not(:last-child){border-bottom:1px solid var(--color-border)}.back-to-menu.is-visible{opacity:.7}.cv__entry-header{flex-direction:column}}@media(hover:none){.back-to-menu.is-visible{opacity:.7}.back-to-menu.is-visible:active{opacity:1}}