*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overscroll-behavior:none;scroll-behavior:smooth}::-webkit-scrollbar{width:0;display:none}html{scrollbar-width:none}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:#fff;color:#000}a{color:inherit;text-decoration:none}ul{list-style:none}.hidden{opacity:0!important;pointer-events:none!important}.frame{margin:0}.content{background:#fff;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px}.logo{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.01em}.nav{display:flex;gap:0}.nav-item{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;cursor:pointer;transition:opacity .2s ease-in-out;padding:0 clamp(16px,3vw,48px)}.nav-item:hover{opacity:.4}.nav-item:last-child{padding-right:0}.hero{max-width:960px;width:100%;margin:0 auto;padding:72px 24px 56px;animation:hero-in 1s cubic-bezier(.22,1,.36,1) both}@keyframes hero-in{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-inner{display:flex;flex-direction:column;gap:0}.hero-name{font-size:clamp(36px,5vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}.hero-tagline{font-size:clamp(14px,1.8vw,18px);font-weight:400;color:#0006;line-height:1.5;margin-bottom:6px}.hero-sub{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#0003;margin-bottom:24px}.hero-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-stat{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#00000040}.hero-divider{width:3px;height:3px;border-radius:50%;background:#0000001f;flex-shrink:0}.home-section{max-width:960px;width:100%;margin:0 auto;padding:0 24px 64px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.section-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.section-link{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:#0000004d;transition:color .2s ease}.section-link:hover{color:#000}.project-card{display:flex;flex-direction:column;cursor:pointer;transition:opacity .25s ease}.project-card:hover{opacity:.7}.project-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;margin-bottom:14px}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-tag{position:absolute;top:12px;left:12px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#ffffffd9;background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:4px}.project-body{display:flex;flex-direction:column}.project-name{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:5px}.project-desc{font-size:12px;font-weight:400;color:#0006;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.project-tech{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:#0003}.spotlight-wrap{position:relative}.spotlight-stage{position:relative;overflow:hidden;min-height:280px}.spotlight-card{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center;position:absolute;top:0;left:0;right:0;opacity:0;transform:translate(30px);filter:blur(2px);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .9s ease,filter .9s ease;pointer-events:none;will-change:transform,opacity,filter}.spotlight-card.active{opacity:1;transform:translate(0);filter:blur(0);pointer-events:auto;position:relative}.spotlight-card.exit-left{opacity:0;transform:translate(-30px);filter:blur(2px);position:absolute}.spotlight-thumb{aspect-ratio:1;overflow:hidden;border-radius:12px}.spotlight-thumb img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-body{display:flex;flex-direction:column;justify-content:center}.project-tag-inline{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#00000059;background:#0000000a;padding:3px 8px;border-radius:3px;width:fit-content;margin-bottom:12px}.spotlight-name{font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:10px}.spotlight-desc{font-size:13px;font-weight:400;color:#00000073;line-height:1.6;max-width:400px;margin-bottom:12px}.spotlight-tech{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#0003}.spotlight-card:hover .spotlight-name{color:#0009}.spotlight-dots{display:flex;justify-content:center;gap:6px;margin-top:24px}.slider-dot{width:5px;height:5px;border-radius:50%;background:#0000001f;cursor:pointer;transition:all .2s ease}.slider-dot.active{background:#00000080;transform:scale(1.3)}.slider-dot:hover{background:#0000004d}.spotlight-date{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:#0000004d;margin-bottom:10px}.spotlight-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.spotlight-tag{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#0000004d;background:#00000008;padding:2px 7px;border-radius:2px}.about-strip{padding:80px 24px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.06)}.about-strip-inner{max-width:520px}.strip-fm{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:12px;line-height:1.8;color:#0000008c;padding:24px;background:#00000004;border:1px solid rgba(0,0,0,.05);border-radius:4px}.strip-delim{display:block;color:#00000026}.strip-k{color:#00000059}.strip-v{color:#000000b3}.strip-nest{padding-left:16px}.strip-link{color:#0009;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#00000026;transition:color .2s ease}.strip-link:hover{color:#000}.about-panel{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease-in-out;z-index:60;background:#fff}.about-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;color:#0000004d;cursor:pointer;transition:color .2s ease;font-family:inherit;line-height:1;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;z-index:61}.about-close:hover{color:#000}.about-inner{max-width:520px;padding:0 24px;overflow-y:auto;max-height:80vh}.skill-file{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:#0009}.skill-frontmatter{margin-bottom:20px}.skill-delimiter{display:block;color:#0003}.skill-key{color:#0006}.skill-val{color:#000000b3}.skill-nested{padding-left:16px}.skill-body{padding-top:8px}.skill-section-head{font-size:12px;font-weight:600;color:#00000059;margin:16px 0 6px;font-family:SF Mono,Fira Code,monospace}.skill-text{font-family:Inter,sans-serif;font-size:12px;line-height:1.7;color:#00000080}.skill-text a{color:#0009;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#00000026;transition:color .2s ease}.skill-text a:hover{color:#000}.skill-links{display:flex;flex-direction:column;gap:4px}.skill-links a{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#0006;transition:color .2s ease}.skill-links a:hover{color:#000}.footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid rgba(0,0,0,.06)}.footer-copy{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:#0003}.footer-contact{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;transition:opacity .2s ease-in-out}.footer-contact:hover{opacity:.4}@view-transition{navigation: auto;}::view-transition-new(root){animation:page-enter 1.75s cubic-bezier(.86,0,.07,1) forwards}::view-transition-old(root){animation:page-exit 1.75s cubic-bezier(.86,0,.07,1) forwards}@keyframes page-exit{0%{transform:scale(1);opacity:1}to{opacity:.25;transform:scale(.9)}}@keyframes page-enter{0%{clip-path:inset(100% 0 0 0);opacity:1}90%{transform:scale(1);opacity:1}to{clip-path:inset(0 0 0 0);transform:scale(1);opacity:1}}.mob-btn{display:none;background:none;border:none;font-family:inherit;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;cursor:pointer;color:#000}.mob-nav{display:none;position:fixed;inset:0;background:#fff;z-index:50;flex-direction:column;align-items:center;justify-content:center;gap:28px}.mob-nav.open{display:flex}.mob-link{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .2s ease}.mob-link:hover{opacity:.4}@media (max-width: 768px){.header{padding:10px 12px}.nav{display:none}.mob-btn{display:block}.logo{font-size:10px}.hero{padding:56px 16px 32px}.hero-stats{gap:10px}.hero-stat{font-size:9px}.home-section{padding:0 16px 48px}.spotlight-card{grid-template-columns:1fr;gap:16px}.spotlight-thumb{aspect-ratio:16 / 9}.spotlight-stage{min-height:360px}.about-strip{padding:60px 16px}.about-inner{padding:0 20px}}