@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=Diphylleia&family=Harmattan:wght@400;500;600;700&display=swap);:root{--color-bg:#fff;--color-text:#333;--color-muted:#999;--color-accent:#4e1459;--color-accent-hover:#a889bb;--color-border:#686868;--color-button:#7a4a8c;--color-button-text:#fff;--font-mono:"Courier New",monospace;--font-serif:"Lora",serif;--font-display:"Diphylleia",serif;--font-body:"Harmattan",sans-serif;--color-glow:#a883af}[data-theme=dark]{--color-bg:#121212;--color-text:#e8e8e8;--color-muted:#9a9a9a;--color-text-soft:#bdbdbd;--color-accent:#b98ad6;--color-border:#8a8a8a;--color-button:#7a4a8c;--color-button-text:#fff;--color-glow:#747474;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:#fff;background:var(--color-bg);color:#333;color:var(--color-text);font-family:Courier New,monospace;font-family:var(--font-mono);transition:background .3s,color .3s}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%}.container{margin:0 auto;max-width:820px;padding:0 24px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{padding:32px 0}.navbar-inner{align-items:center;display:flex;justify-content:space-between;max-width:830px}.navbar-logo{font-size:18px;white-space:nowrap}.navbar-right{align-items:center;display:flex;gap:32px}.navbar-links{display:flex;font-size:13px;gap:32px}.navbar-links a:hover{color:var(--color-accent-hover)}.theme-toggle{background:#0000;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;height:21px;position:relative;width:32px}.theme-toggle-dot{border:1px solid var(--color-border);border-radius:50%;height:12px;left:15px;position:absolute;right:3px;top:3px;transition:left .2s,background .2s;width:12px}.theme-toggle.wiggle{animation:wiggle .45s ease-in-out}@keyframes wiggle{0%{transform:rotate(0deg) scale(1)}20%{transform:rotate(-14deg) scale(1.12)}40%{transform:rotate(12deg) scale(1.12)}60%{transform:rotate(-8deg) scale(1.06)}80%{transform:rotate(5deg) scale(1.03)}to{transform:rotate(0deg) scale(1)}}@media (prefers-reduced-motion:reduce){.theme-toggle.wiggle{animation:none}}[data-theme=dark] .theme-toggle-dot{background:var(--color-text);left:3px}@media (max-width:640px){.navbar{padding:20px 0}.navbar-inner{flex-direction:column;gap:14px}.navbar-logo{left:0;margin-left:0}.navbar-right{flex-wrap:wrap;gap:14px;justify-content:center}.navbar-links{font-size:12px;gap:14px}}.hero{padding:40px 0 80px}.hero-top{align-items:flex-start;display:flex;gap:40px;justify-content:space-between}.hero-role{font-size:14px;margin-bottom:16px}.hero-name{color:var(--color-muted);font-family:var(--font-display);font-size:44px;font-weight:400;line-height:1.1}.hero-name span{color:var(--color-accent)}.hero-location{font-size:10px;margin-top:10px}.hero-location hover{color:var(--color-accent)}.hero-photo{align-items:center;border:1px solid var(--color-border);border-radius:32px;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;width:140px}.hero-photo img{border-radius:32px;height:96%;object-fit:cover;width:96%}.hero-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:46px;max-width:840px}.skill-tag{-webkit-tap-highlight-color:transparent;border:1px solid var(--color-border);cursor:default;font-size:11px;padding:4px 10px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;user-select:none;-webkit-user-select:none}@media (hover:hover){.skill-tag:hover{border-color:var(--color-glow);box-shadow:0 0 4px var(--color-glow);transform:scale(1.12);z-index:2}}.skill-tag:active{border-color:var(--color-glow);box-shadow:0 0 8px var(--color-glow);transform:scale(1.12);z-index:2}@media (max-width:640px){.hero{padding:24px 0 60px}.hero-top{gap:16px}.hero-name{font-size:28px}.hero-photo{border-radius:22px;height:110px;width:110px}.hero-skills{margin-top:32px}}.about{overflow:hidden;padding:20px 0 100px;text-align:center}.about-label{color:var(--color-muted);font-size:13px;margin-bottom:8px}.about-title{font-family:var(--font-mono);font-size:28px;font-weight:700;margin-bottom:30px}.about-text{font-feature-settings:none;font-variant-ligatures:none}@media (prefers-reduced-motion:reduce){.about-text .char{opacity:1;transform:none;transition:none}.about-text.is-arranged .char-body{animation:none}}@media (max-width:640px){.about,.experience{padding:40px 0 60px}.about-title,.experience-heading{font-size:24px}.about-text{font-size:13px;line-height:1.4}}.experience{padding:20px 0 100px;text-align:center}.experience-label{color:var(--color-muted);font-size:13px;margin-bottom:8px}.experience-heading{font-family:var(--font-mono);font-size:28px;font-weight:700;margin-bottom:32px}.timeline{align-items:center;display:flex;flex-direction:column}.timeline-end{background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;box-sizing:border-box;height:8px;width:8px}.timeline-item{align-items:center;display:flex;flex-direction:column;width:100%}.timeline-connector{background:radial-gradient(circle at center,var(--color-border) 2px,#0000 2.5px) top /8px 8px repeat-y;width:8px}@media (max-width:640px){.about,.experience{padding:40px 0 60px}.about-title,.experience-heading{font-size:24px}}.exp-card{-webkit-font-smoothing:antialiased;backface-visibility:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;color:inherit;display:block;margin:0 auto;max-width:380px;padding:20px 20px 28px;position:relative;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;width:100%}.exp-title{color:var(--color-accent);font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.1;margin-bottom:6px}.exp-period{font-size:10px;font-weight:700}.exp-duration{font-size:9px;margin-bottom:20px}.exp-duration,.exp-role{color:var(--color-muted)}.exp-role{font-size:10px;margin-bottom:16px}.exp-desc{color:var(--color-text-soft);font-family:var(--font-body);font-size:16px;line-height:1.1}.exp-more{bottom:10px;font-size:10px;letter-spacing:1px;position:absolute;right:16px}@media (hover:hover){.exp-card:hover{border-color:var(--color-glow);box-shadow:0 0 6px var(--color-glow),0 0 18px var(--color-glow),0 8px 24px #58585826;transform:scale(1.04)}}.exp-card:active{border-color:var(--color-glow);box-shadow:0 0 6px var(--color-glow),0 0 18px var(--color-glow);transform:scale(1.04)}.exp-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transform:scale(1.04)}.timeline-connector{animation:dots-up 1.2s linear infinite;background:radial-gradient(circle at center,var(--color-border) 2px,#0000 2.5px) center 0 /14px 8px repeat-y;display:block;height:24px;width:16px}@keyframes dots-up{0%{background-position:center 0}to{background-position:center -8px}}@media (prefers-reduced-motion:reduce){.timeline-connector{animation:none}}.projects{padding:20px 0 100px;text-align:center}.projects-container{max-width:900px}.projects-label{color:var(--color-muted);font-size:13px;margin-bottom:8px}.projects-heading{font-family:var(--font-mono);font-size:28px;font-weight:700;margin-bottom:60px}.carousel{align-items:center;display:flex;gap:24px;justify-content:center}.carousel-btn{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:48px;line-height:1;padding:8px}.carousel-btn:hover{color:var(--color-glow)}.project-card{align-items:center top;border:2px dotted var(--color-border);border-radius:12px;display:flex;gap:32px;max-width:620px;min-height:450px;padding:28px 30px;text-align:left;width:100%}.project-images{display:flex;flex:1.6 1;flex-direction:column;gap:12px;margin-top:10px;min-width:0}.project-images img{display:block;width:100%}.project-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin-top:10px;min-width:0;padding:0 12px}.project-title{font-family:Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:14px;margin-right:12px;margin-top:28px}.project-desc{font-size:10px;line-height:1.6;margin-bottom:24px;margin-right:12px}.project-details-btn{background:var(--color-button);border:none;color:var(--color-button-text);cursor:pointer;display:inline-block;font-family:var(--font-mono);font-size:11px;padding:10px 28px;text-decoration:none}.project-details-btn:hover{background:var(--color-accent)}.type-ghost{visibility:hidden}.type-cursor{position:relative}.type-cursor:after{animation:cursor-blink .8s steps(1) infinite;background:currentColor;content:"";height:1.1em;left:1px;position:absolute;top:.1em;width:1px}@keyframes cursor-blink{50%{opacity:0}}@media (max-width:700px){.projects{padding:40px 0 60px}.projects-heading{font-size:24px;margin-bottom:32px}.carousel{gap:4px}.carousel-btn{font-size:26px;padding:4px}.project-card{align-items:stretch;flex-direction:column;gap:14px;min-height:300px;padding:18px 16px}.project-info{display:contents}.project-title{font-size:20px;margin:0;order:1;text-align:center}.project-desc{font-size:11px;margin:0;order:2;text-align:center}.project-images{flex:none;gap:8px;order:3;width:100%}.project-details-btn{align-self:center;margin-top:4px;order:4}.project-images img{margin:0 auto;width:85%}.project-images img:not(:first-child){display:none}}.contact{padding:60px 0 80px;text-align:center}.contact-label{color:var(--color-muted);font-size:13px;margin-bottom:8px}.contact-heading{font-family:var(--font-mono);font-size:28px;font-weight:700;margin-bottom:50px}.contact-intro{color:var(--color-muted);font-size:10px;margin-bottom:20px;margin-top:70px}.contact-list{display:inline-flex;flex-direction:column;gap:17px;text-align:left}.contact-link{align-items:center;display:flex;gap:8px}.contact-icon{color:var(--color-text);display:flex;font-size:24px}.contact-text{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.contact-link:hover .contact-icon,.contact-link:hover .contact-text{color:var(--color-accent)}@media (max-width:640px){.contact-heading{font-size:24px;margin-bottom:36px}}.footer{padding:80px 24px 40px;text-align:center}.footer-line{border-top:1px solid var(--color-border);margin:0 auto 28px;max-width:760px;position:relative}.footer-text{color:var(--color-muted);font-family:Inter,sans-serif;font-size:11px}.cat{height:64px;pointer-events:none;position:absolute;width:64px}.cat.walk{bottom:-21px}.cat.loaf{bottom:-25px}.cat-flip{position:relative}.cat-flip,.cat-sprite{height:64px;width:64px}.cat-sprite{background-repeat:no-repeat;left:0;position:absolute;top:0;visibility:hidden}.cat.loaf .sprite-loaf{animation:loaf-frames 2s steps(2) infinite;visibility:visible}@keyframes loaf-frames{0%{background-position:0 0}to{background-position:-128px 0}}.cat.walk .sprite-walk{animation:walk-frames .5s steps(4) infinite;animation:walk-frames var(--step,.5s) steps(4) infinite;visibility:visible}@keyframes walk-frames{0%{background-position:0 0}to{background-position:-256px 0}}[data-theme=dark] .cat-sprite{filter:invert(1)}@media (prefers-reduced-motion:reduce){.cat-sprite{animation:none!important}}.detail{max-width:600px;padding-bottom:60px;padding-top:20px}.detail-label{font-size:13px;margin-bottom:6px}.detail-title{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.2}.detail-location{font-size:11px;font-weight:700;margin-top:8px}.detail-period{color:var(--color-muted);font-size:9px;font-style:italic;margin-bottom:36px}.detail-heading{font-family:var(--font-mono);font-size:13px;font-weight:700;margin:36px 0 16px;text-align:center}.detail-text{font-size:14px;line-height:1.4;margin-bottom:14px;text-align:center}.detail-image{border:1px solid var(--color-border);border-radius:16px;display:block;padding:8px}.detail-image img{border-radius:10px;display:block;width:100%}.detail-frame{aspect-ratio:16/7;border-radius:10px;overflow:hidden}.detail-frame img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}a.detail-image:hover{border-color:var(--color-accent)}.detail-links{font-size:10px;margin-top:28px;text-align:center}.detail-icons{display:flex;font-size:26px;gap:14px;justify-content:center;margin-top:8px}.detail-icons a:hover{color:var(--color-accent)}.detail-back{display:inline-block;font-size:12px;margin-top:40px}.detail-back:hover{color:var(--color-accent)}.pd{max-width:600px;padding-bottom:60px;padding-top:20px}.pd-label{font-size:13px;margin-bottom:6px}.pd-title{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.2}.pd-period{color:var(--color-muted);font-size:9px;font-style:italic;margin:6px 0 24px}.pd-heading{font-family:var(--font-mono);font-size:13px;font-weight:700;margin:28px 0 14px;text-align:center}.pd-text{font-size:14px;line-height:1.4;margin-bottom:14px;text-align:center}.pd-cover{border:1px solid var(--color-border);border-radius:20px;margin:36px auto 0;max-width:460px;overflow:hidden;padding:8px}.pd-cover img{border-radius:14px;display:block;width:100%}.pd-btn{background:var(--color-button);color:var(--color-button-text);display:block;font-family:var(--font-mono);font-size:10px;margin:28px auto 0;padding:10px 28px;width:fit-content}.pd-btn:hover{background:var(--color-accent)}.pd-gallery{display:flex;flex-direction:column;gap:14px;margin-top:24px}.pd-gallery img{border:1px solid var(--color-border);border-radius:10px;display:block;width:100%}.pd-stack-heading{margin-top:60px}.pd-stack{flex-wrap:wrap;font-size:28px;gap:16px;justify-content:center}.pd-stack,.pd-stack li{display:flex}.pd-back{display:inline-block;font-size:12px;margin-top:50px}.pd-back:hover{color:var(--color-accent)}
/*# sourceMappingURL=main.3385720c.css.map*/