*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100svh}@property --ring-start{syntax:"<color>";inherits:false;initial-value:#000}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-alt:#f5f5f7;--text:#1d1d1f;--text-muted:#6e6e73;--accent:#3a3a3c;--accent-light:#6e6e73;--accent-glow:#3a3a3c1f;--border:#00000014;--card-bg:transparent;--navbar-bg:#fffc;--radius:12px;--max-w:1200px;--navbar-h:68px;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", sans-serif;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", sans-serif}[data-theme=dark]{--bg:#000;--bg-alt:#1d1d1f;--text:#f5f5f7;--text-muted:#a1a1a6;--accent:#d1d1d6;--accent-light:#e5e5ea;--accent-glow:#d1d1d61a;--border:#ffffff1a;--card-bg:#ffffff08;--navbar-bg:#000c}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-width:1100px;line-height:1.6}a{color:inherit;text-decoration:none}.app{z-index:1;padding-top:var(--navbar-h);position:relative}.theme-transitioning,.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:background-color .4s,color .4s,border-color .4s!important}.section-animate{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.section-animate.visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.navbar{height:var(--navbar-h);z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{color:var(--text);font-family:var(--font-sans);letter-spacing:.01em;text-align:left;cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:700;line-height:1.25;transition:color .2s}.navbar-brand:hover{color:var(--accent)}.navbar-center{align-items:center;gap:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar-link{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;padding:6px 14px;font-size:.82rem;font-weight:400;transition:color .2s;position:relative}.navbar-link:hover{color:var(--text)}.navbar-link.active{color:var(--text);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.navbar-theme-toggle{cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;transition:color .2s;display:flex}.navbar-theme-toggle:hover{color:var(--text)}.navbar-theme-label{letter-spacing:.01em;font-size:.8rem}.page-section{scroll-margin-top:var(--navbar-h);border-top:1px solid var(--border)}.section-alt{background:0 0}.hero{min-height:88vh;max-width:var(--max-w);scroll-margin-top:var(--navbar-h);flex-direction:row;justify-content:space-between;align-items:center;gap:40px;margin:0 auto;padding:60px 40px;display:flex}.hero-content{flex-direction:column;display:flex}.hero-cartoon-wrapper{--ring-start:#000;background:linear-gradient(135deg, var(--ring-start) 0%, #6e6e73 100%);border-radius:50%;flex-shrink:0;width:520px;height:520px;padding:3px;transition:--ring-start .4s;animation:.9s cubic-bezier(.16,1,.3,1) .15s both fadeUp}[data-theme=dark] .hero-cartoon-wrapper{--ring-start:#fff}.hero-cartoon-clip{border-radius:50%;width:100%;height:100%;overflow:hidden}.hero-cartoon{object-fit:cover;object-position:top center;transform-origin:55% 20%;pointer-events:none;width:100%;height:100%;transform:scale(1.8)}.hero-name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:8px;font-size:clamp(3.5rem,9vw,7rem);font-weight:700;line-height:1;animation:.9s cubic-bezier(.16,1,.3,1) both fadeUp}.hero-pronouns{font-family:var(--font-sans);color:var(--text-muted);opacity:.55;letter-spacing:.02em;margin-bottom:12px;font-size:.78rem;animation:.9s cubic-bezier(.16,1,.3,1) 50ms both fadeUp}.hero-tagline{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.02em;margin-bottom:20px;font-size:.78rem;animation:.9s cubic-bezier(.16,1,.3,1) .1s both fadeUp}.hero-about{flex-direction:column;gap:14px;max-width:520px;display:flex}.hero-about p{color:var(--text-muted);font-size:1.15rem;line-height:1.75}.section-header{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:1.3rem;font-style:italic;font-weight:400}.contact-divider{border-bottom:1px solid var(--border);width:300px;margin-top:8px}.hero-contact{flex-wrap:wrap;gap:4px;margin-top:20px;animation:.9s cubic-bezier(.16,1,.3,1) .2s both fadeUp;display:flex}.hero-contact-label{color:var(--text-muted);letter-spacing:.03em;align-items:center;padding-right:12px;font-size:.75rem;font-weight:500;display:flex}.hero-contact-btn{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.03em;background:0 0;border:none;outline:none;align-items:center;gap:7px;padding:7px 14px 7px 0;font-size:.75rem;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.hero-contact-btn:hover{color:var(--accent)}.contact-list{flex-direction:column;display:flex}.contact-item{color:var(--text);border-bottom:.5px solid var(--border);align-items:center;gap:14px;padding:20px 0;text-decoration:none;transition:color .2s;display:flex}.contact-item:first-child{border-top:.5px solid var(--border)}.contact-item:hover{color:var(--accent)}.contact-item-icon{color:var(--text-muted);align-items:center;transition:color .2s;display:flex}.contact-item:hover .contact-item-icon{color:var(--accent)}.contact-item-label{flex:1;font-size:1rem;font-weight:500}.contact-item-arrow{color:var(--text-muted);font-size:.9rem;transition:color .2s,transform .2s}.contact-item:hover .contact-item-arrow{color:var(--accent);transform:translate(2px,-2px)}.section{max-width:var(--max-w);margin:0 auto;padding:60px 40px}.section-layout{max-width:var(--max-w);grid-template-columns:280px 1fr;align-items:start;gap:72px;margin:0 auto;padding:72px 40px;display:grid}.section-layout--about{grid-template-columns:460px 1fr}.section-layout--about .section-content{border-left:1px solid #ffffff26;padding-left:48px}.section-meta{text-align:left;overflow-wrap:break-word;min-width:0}.section-meta-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;margin-bottom:14px;font-size:3rem;font-weight:700;line-height:1.05}.section-meta-desc{color:var(--text-muted);font-size:1rem;line-height:1.65}.section-content{min-width:0}.section-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;margin-bottom:32px;font-size:3rem;font-weight:700;line-height:1.05}.about-bio{color:var(--text-muted);margin-top:16px;font-size:1rem;line-height:1.7}.about-values-header{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-top:28px;margin-bottom:4px;font-size:1.5rem;font-weight:700}.about-values{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.about-value-item{align-items:baseline;gap:10px;display:flex}.about-value-number{font-family:var(--font-sans);color:var(--text-muted);opacity:.5;flex-shrink:0;font-size:.72rem}.about-value-label{font-family:var(--font-sans);color:var(--text-muted);font-size:1rem}@keyframes techFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-cloud-wrapper{flex-direction:column;display:flex}.tech-cloud-label{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);text-align:center;margin-bottom:6px;font-size:1.5rem;font-weight:700}.tech-cloud-hint{color:var(--text-muted);opacity:.55;text-align:center;letter-spacing:.01em;margin-bottom:12px;font-size:.72rem}.tech-cloud{width:100%;height:320px;position:relative}.tech-item{animation:techFloat var(--float-dur,3s) ease-in-out var(--float-delay,0s) infinite;cursor:default;flex-direction:column;align-items:center;gap:6px;transition:transform .2s,filter .2s;display:flex;position:absolute}.tech-item:hover{filter:drop-shadow(0 0 10px #ffffff59);animation-play-state:paused;transform:scale(1.12)}.tech-name{letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;opacity:0;font-family:Courier New,Courier,monospace;font-size:.68rem;transition:opacity .2s,transform .2s;transform:translateY(4px)}.tech-item:hover .tech-name{opacity:1;transform:translateY(0)}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.card-header h3{font-family:var(--font-sans);color:var(--text);margin-bottom:0;font-size:1.2rem;font-weight:600;line-height:1.3}.card-links{flex-shrink:0;align-items:center;gap:8px;margin-top:2px;display:flex}.card-link{color:var(--text-muted);align-items:center;transition:color .15s;display:flex}.card-link svg{width:22px;height:22px}.card-link:hover{color:var(--accent-light)}.card-link-divider{color:var(--text-muted);opacity:.4;font-size:.8rem}.card-num{font-family:var(--font-sans);color:var(--accent);letter-spacing:.06em;opacity:.7;margin-bottom:10px;font-size:.68rem;display:block}.exp-list{flex-direction:column;display:flex}.timeline{flex-direction:column;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:10px;bottom:10px;left:0}.timeline-item{padding-bottom:36px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--accent);border:2px solid var(--bg);box-sizing:content-box;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:-23px}.timeline-item p{color:var(--text-muted);margin-bottom:16px;font-size:.88rem;line-height:1.7}.timeline-item h3{color:var(--text);font-size:1.2rem;font-weight:600}.exp-card{background:var(--card-bg);padding:28px 0;transition:opacity .2s}.exp-card:not(:last-child){border-bottom:.5px solid var(--border)}.exp-card:hover{opacity:.85}.exp-card p{color:var(--text-muted);margin-bottom:16px;font-size:.88rem;line-height:1.7}.exp-company{font-family:var(--font-sans);letter-spacing:.04em;color:var(--text-muted);margin-bottom:12px!important;font-size:.72rem!important}.exp-media{flex-direction:row;gap:10px;margin-top:16px;display:flex}.exp-media-item{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;flex:1 1 0;max-width:260px;height:155px;position:relative;overflow:hidden}.exp-media-item img,.exp-media-item video{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.exp-media-item:hover img,.exp-media-item:hover video{transform:scale(1.04)}.exp-media-play{color:#fff;font-size:.72rem;font-family:var(--font-sans);letter-spacing:.05em;pointer-events:none;background:#00000073;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.exp-media-overflow{font-family:var(--font-sans);color:#fff;background:#0000008c;justify-content:center;align-items:center;font-size:1.4rem;font-weight:400;display:flex;position:absolute;inset:0}.inline-tab-link{color:var(--accent-light);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.inline-tab-link:hover{color:var(--accent)}.av-text{color:var(--text-muted);margin-bottom:22px;font-size:.9rem;line-height:1.7}.av-link{color:var(--accent-light);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.av-link:hover{color:var(--accent)}.av-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;display:grid}.av-cell{aspect-ratio:16/9;border-radius:var(--radius);cursor:pointer;overflow:hidden}.av-cell img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.av-cell:hover img{transform:scale(1.03)}.av-quote{border-left:2px solid var(--accent);color:var(--text-muted);margin-bottom:24px;padding-left:20px;font-style:italic}.av-quote p{margin-bottom:12px;font-size:.9rem;line-height:1.7}.av-quote ul{flex-direction:column;gap:8px;padding-left:20px;display:flex}.av-quote li{font-size:.9rem}.gallery-section{flex-direction:column;gap:16px;display:flex}.gallery-section-header{border:none;border-bottom:.5px solid var(--border);color:var(--text);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;font-size:1rem;font-weight:500;transition:color .2s;display:flex}.gallery-section-header:hover{color:var(--accent-light)}.gallery-collapse{max-height:0;transition:max-height .35s;overflow:hidden}.gallery-collapse.open{max-height:2000px}.gallery-collapse-inner{padding-top:12px}.batman-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.batman-cell{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;overflow:hidden}.batman-cell img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.batman-cell:hover img{transform:scale(1.05)}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--font-sans);background:var(--bg-alt);color:var(--text-muted);letter-spacing:.02em;border:.5px solid var(--border);border-radius:20px;padding:3px 10px;font-size:.68rem}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxOut{0%{opacity:1}to{opacity:0}}@keyframes lightboxContentIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes lightboxContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.93)}}.lightbox-backdrop{z-index:1000;background:#000000e6;justify-content:center;align-items:center;animation:.22s lightboxIn;display:flex;position:fixed;inset:0}.lightbox-backdrop.closing{animation:.22s forwards lightboxOut}.lightbox-backdrop .lightbox-content{animation:.25s cubic-bezier(.16,1,.3,1) lightboxContentIn}.lightbox-backdrop.closing .lightbox-content{animation:.2s forwards lightboxContentOut}.lightbox-content{flex-direction:column;align-items:center;max-width:85vw;max-height:85vh;display:flex}.lightbox-content img,.lightbox-content video{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:78vh}.lightbox-close{color:#fff;cursor:pointer;opacity:.6;font-size:1.3rem;line-height:1;font-family:var(--font-sans);background:0 0;border:none;position:absolute;top:20px;right:24px}.lightbox-close:hover{opacity:1}.lightbox-arrow{color:#fff;cursor:pointer;opacity:.5;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0 20px;font-size:3rem;line-height:1}.lightbox-arrow:hover{opacity:1}.lightbox-dots{gap:8px;margin-top:14px;display:flex}.lightbox-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:background .2s}.lightbox-dot.active{background:var(--accent)}