:root{--color-bg: #111111;--color-surface: #1a1a1a;--color-text: #e8e8e8;--color-text-secondary: #888888;--color-border: #2a2a2a;--color-accent: #ccff66;--color-accent-dim: #b8e65c;--font-mono: "IBM Plex Mono", "SF Mono", "Consolas", monospace;--font-sans: "Inter", -apple-system, system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 5rem;--max-width: 1200px;--content-width: 800px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}::selection{background-color:var(--color-accent);color:#111}.header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg);position:sticky;top:0;z-index:100}.header__inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.header__brand{font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.header__nav{display:flex;gap:0}.header__nav a{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);padding:.5rem 1rem;transition:color .15s}.header__nav a:hover{color:var(--color-text)}.header__nav a.active{color:var(--color-text);border-bottom:2px solid var(--color-text)}.header__burger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:.5rem}.header__burger span{display:block;width:20px;height:1.5px;background-color:var(--color-text);transition:transform .2s,opacity .2s}.header__burger--open span:first-child{transform:rotate(45deg) translate(2.5px,2.5px)}.header__burger--open span:last-child{transform:rotate(-45deg) translate(2.5px,-2.5px)}@media(max-width:640px){.header__burger{display:flex}.header__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md)}.header__nav--open{display:flex}.header__nav a{padding:var(--space-xs) 0}.header__nav a.active{border-bottom:none}}.footer{border-top:1px solid var(--color-border);margin-top:var(--space-xl);padding:var(--space-md) 0}.footer__inner{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}.home__header{padding:var(--space-xl) 0 var(--space-lg);border-bottom:1px solid var(--color-border)}.home__name{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.home__tagline{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}.home__projects{display:flex;flex-direction:column}.home__row{display:grid;grid-template-columns:3fr 2fr;min-height:420px;border-bottom:1px solid var(--color-border);transition:background-color .15s}.home__row:hover{background-color:var(--color-surface)}.home__row--reverse{grid-template-columns:2fr 3fr}.home__row--reverse .home__image{order:2}.home__row--reverse .home__info{order:1}.home__image{overflow:hidden}.home__image img{width:100%;height:100%;object-fit:cover;transition:opacity .15s}.home__row:hover .home__image img{opacity:.9}.home__info{display:flex;flex-direction:column;justify-content:center;padding:var(--space-lg) var(--space-lg)}.home__index{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:var(--space-sm)}.home__title{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.home__desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;max-width:360px;margin-bottom:var(--space-sm)}.home__year{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}@media(max-width:768px){.home__row,.home__row--reverse{grid-template-columns:1fr;min-height:auto}.home__row--reverse .home__image,.home__row--reverse .home__info{order:0}.home__image{aspect-ratio:16 / 10}.home__info{padding:var(--space-md)}}.detail__hero{padding-top:var(--space-lg)}.detail__hero img{width:100%;max-height:70vh;object-fit:cover}.detail__video{padding-top:var(--space-lg)}.detail__video-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#000}.detail__video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.detail__back{margin-top:var(--space-lg);margin-bottom:var(--space-md)}.detail__back a{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);transition:color .15s}.detail__back a:hover{color:var(--color-text)}.detail__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.detail__title{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.detail__year{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);flex-shrink:0}.detail__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.detail__description p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.detail__spec-table{width:100%;border-collapse:collapse}.detail__spec-table tr{border-bottom:1px solid var(--color-border)}.detail__spec-table td{padding:.5rem 0;font-size:.8125rem;vertical-align:top}.detail__spec-label{font-family:var(--font-mono);font-weight:500;color:var(--color-text);width:7rem;padding-right:var(--space-sm)}.detail__spec-value{color:var(--color-text-secondary)}.detail__spotify{margin-bottom:var(--space-lg)}.detail__link{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:2px;transition:border-color .15s}.detail__link:hover{border-color:var(--color-text)}.detail__simulation{margin-top:var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.detail__simulation-title{font-family:var(--font-mono);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.detail__simulation-launch{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text);background:none;border:1px solid var(--color-border);padding:.75rem 1.5rem;cursor:pointer;transition:border-color .15s,background-color .15s}.detail__simulation-launch:hover{border-color:var(--color-text);background-color:var(--color-surface)}.detail__simulation-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.segments-simulation{width:100%;height:70vh;border:1px solid var(--color-border);background:#000}.segments-simulation canvas{display:block}.detail__simulation-loading{width:100%;height:70vh;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary)}.detail__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.detail__photo{position:relative}.detail__photo img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.detail__caption{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-secondary);display:block;padding:.375rem 0}@media(max-width:768px){.detail__body{grid-template-columns:1fr;gap:var(--space-md)}.detail__gallery{grid-template-columns:repeat(2,1fr)}.detail__title{font-size:1.25rem}}.resume{padding-top:var(--space-lg);padding-bottom:var(--space-lg);max-width:var(--content-width)}.resume__name{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-text)}.resume__section{margin-bottom:var(--space-lg)}.resume__heading{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding-bottom:.375rem;margin-bottom:var(--space-md)}.resume__entry{margin-bottom:var(--space-md)}.resume__entry--sub{margin-top:calc(var(--space-sm) * -.5)}.resume__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm)}.resume__org{font-family:var(--font-mono);font-size:.875rem;font-weight:600}.resume__role{font-size:.875rem;font-weight:500}.resume__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.resume__list{list-style:none;margin-top:.375rem;padding-left:0}.resume__list li{font-size:.8125rem;line-height:1.55;color:var(--color-text-secondary);padding-left:1rem;position:relative;margin-bottom:.2rem}.resume__list li:before{content:"–";position:absolute;left:0;color:var(--color-border)}.resume__skills{display:flex;flex-direction:column;gap:.375rem}.resume__skill-row{display:flex;gap:var(--space-sm);font-size:.8125rem;line-height:1.55}.resume__skill-label{font-family:var(--font-mono);font-weight:500;flex-shrink:0;min-width:5.5rem;color:var(--color-text)}.resume__skill-value{color:var(--color-text-secondary)}@media(max-width:640px){.resume__row{flex-direction:column;gap:.125rem}.resume__meta{flex-direction:row;align-items:baseline;gap:var(--space-sm)}.resume__skill-row{flex-direction:column;gap:.125rem}.resume__skill-label{min-width:unset}}.about{padding-top:var(--space-lg);padding-bottom:var(--space-lg);max-width:var(--content-width)}.about__content{display:flex;gap:var(--space-lg);align-items:flex-start}.about__photo{flex:0 0 240px}.about__photo img{width:100%}.about__bio{flex:1}.about__name{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.about__subtitle{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.about__text{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-md);max-width:480px}.about__links{display:flex;gap:var(--space-md)}.about__links a{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:2px;transition:border-color .15s}.about__links a:hover{border-color:var(--color-text)}@media(max-width:640px){.about__content{flex-direction:column}.about__photo{flex:none;width:100%;max-width:240px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}