@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/InstrumentSerif-Regular.woff2") format("woff2")}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/Inter-Regular.woff2") format("woff2")}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/Inter-Medium.woff2") format("woff2")}:root{--color-bg: #0F0F14;--color-surface: rgba(30, 30, 40, 0.85);--color-surface-hover: rgba(40, 40, 55, 0.9);--color-text: #F0F0F0;--color-text-secondary: #A0A0B0;--color-accent: #FF8C00;--color-accent-hover: #FF9E2C;--color-accent-text: #FF8C00;--color-border: rgba(255, 255, 255, 0.08);--color-border-hover: #FF8C00;--shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);--shadow-card-hover: 0 8px 30px rgba(255, 140, 0, 0.1);--color-canvas-bg: #0F0F14;--color-focus: #FF8C00;--color-footer-text: #A0A0B0}[data-theme="light"]{--color-bg: #FAFAFA;--color-surface: rgba(255, 255, 255, 0.92);--color-surface-hover: rgba(255, 255, 255, 0.96);--color-text: #1A1A1A;--color-text-secondary: #555555;--color-accent: #E07800;--color-accent-hover: #C06800;--color-accent-text: #9E5600;--color-border: rgba(0, 0, 0, 0.08);--color-border-hover: #E07800;--shadow-card: 0 2px 10px rgba(0, 0, 0, 0.08);--shadow-card-hover: 0 6px 20px rgba(224, 120, 0, 0.1);--color-canvas-bg: #FAFAFA;--color-focus: #9E5600;--color-footer-text: #555555}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 0.4s ease, color 0.4s ease}h1,h2,h3,h4,h5,h6{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.2;margin-bottom:1rem;color:var(--color-text)}h1{font-size:2.25rem}@media (max-width: 768px){h1{font-size:1.875rem}}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}a{color:var(--color-accent-text);text-decoration:none;transition:color 0.15s ease-out;position:relative}a:hover{color:var(--color-accent-hover)}strong{font-weight:600}em{font-style:italic}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:.25rem}::selection{background:var(--color-accent);color:#fff}[data-theme="light"] ::selection{color:#1A1A1A}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.site-content{position:relative;z-index:1;padding:3rem 1rem;min-height:100vh}@media (max-width: 768px){.site-content{padding:2rem 1rem}}.container{max-width:480px;margin:0 auto}@media (max-width: 768px){.container{max-width:100%}}.hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;margin:0 auto 2rem auto;box-shadow:var(--shadow-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease}.hero.about{max-width:600px;text-align:left;align-items:stretch}.hero.about .hero-text p{color:var(--color-text-secondary);line-height:1.7}.hero.about .hero-text p:last-child{margin-bottom:0}.hero-image .profile-photo{width:150px;height:150px;border-radius:1rem;object-fit:cover;border:2px solid var(--color-accent);filter:grayscale(30%) contrast(1.05);transition:filter 0.4s ease-in-out, box-shadow 0.4s ease-in-out}.hero-image .profile-photo:hover{filter:grayscale(0%) hue-rotate(15deg) saturate(1.2);box-shadow:0 0 20px rgba(255,140,0,0.3)}@media (max-width: 768px){.hero-image .profile-photo{width:120px;height:120px}.hero-image .profile-photo:active{filter:grayscale(0%) hue-rotate(15deg) saturate(1.2);box-shadow:0 0 20px rgba(255,140,0,0.3)}}[data-theme="light"] .hero-image .profile-photo{filter:none}[data-theme="light"] .hero-image .profile-photo:hover{filter:sepia(20%) saturate(1.1);box-shadow:0 0 20px rgba(224,120,0,0.2)}@media (max-width: 768px){[data-theme="light"] .hero-image .profile-photo:active{filter:sepia(20%) saturate(1.1);box-shadow:0 0 20px rgba(224,120,0,0.2)}}.hero-text h1{font-size:2.25rem;color:var(--color-text);margin-bottom:.25rem;font-family:"Instrument Serif",Georgia,"Times New Roman",serif}@media (max-width: 768px){.hero-text h1{font-size:1.875rem}}.hero-text p{color:var(--color-text-secondary);margin-bottom:0;line-height:1.5}.sticky-nav{position:fixed;top:0;left:0;right:0;z-index:100;transform:translateY(-100%);opacity:0;transition:transform 0.3s ease, opacity 0.3s ease;background:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.sticky-nav.visible{transform:translateY(0);opacity:1}.sticky-nav__inner{max-width:480px;margin:0 auto;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.sticky-nav__name{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-size:1.125rem;color:var(--color-text);text-decoration:none}.sticky-nav__name:hover{color:var(--color-accent)}.site-footer{position:relative;z-index:1;text-align:center;padding:1.5rem 1rem 2rem}.site-footer p{font-size:.875rem;color:var(--color-footer-text);margin:0}@media print{#starfield,.theme-toggle,.sticky-nav,.cursor-dot,.cursor-trail{display:none !important}body{background:white;color:black}.hero,.link-card{background:white;box-shadow:none;border:1px solid #ccc;backdrop-filter:none}}.link-tree{display:flex;flex-direction:column;gap:1rem;max-width:480px;margin:0 auto}@media (max-width: 768px){.link-tree{max-width:100%}}.link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1rem 1.5rem;text-decoration:none;color:var(--color-text);transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.4s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-card)}.link-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);text-decoration:none;color:var(--color-text);background:var(--color-surface-hover)}.link-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.link-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.link-text{font-weight:500;font-size:1rem;flex:1}.qr-section{margin-top:3rem;text-align:center}.qr-code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1rem;display:inline-block;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);transition:background 0.4s ease, border-color 0.4s ease}.qr-code img{width:120px;height:120px;border-radius:.5rem}.qr-label{font-size:.75rem;color:var(--color-text-secondary);margin-top:.5rem}.email-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-accent);color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:background 0.15s ease-out,transform 0.15s ease-out}.email-link:hover{background:var(--color-accent-hover);transform:translateY(-2px);color:#fff}.hero.about a:not(.link-card):not(.email-link)::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.hero.about a:not(.link-card):not(.email-link):hover::after{transform:scaleX(1)}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:150;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;color:var(--color-text);padding:0}.theme-toggle:hover{border-color:var(--color-border-hover);transform:scale(1.05)}.theme-toggle svg{transition:opacity 0.3s ease, transform 0.3s ease}.theme-toggle__sun{position:absolute}.theme-toggle__moon{position:absolute}[data-theme="dark"] .theme-toggle__sun{opacity:1;transform:rotate(0deg)}[data-theme="dark"] .theme-toggle__moon{opacity:0;transform:rotate(-90deg)}[data-theme="light"] .theme-toggle__sun{opacity:0;transform:rotate(90deg)}[data-theme="light"] .theme-toggle__moon{opacity:1;transform:rotate(0deg)}.theme-toggle--nav{position:static;z-index:auto;width:36px;height:36px}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger .reveal:nth-child(1){transition-delay:0ms}.reveal-stagger .reveal:nth-child(2){transition-delay:80ms}.reveal-stagger .reveal:nth-child(3){transition-delay:160ms}.reveal-stagger .reveal:nth-child(4){transition-delay:240ms}.reveal-stagger .reveal:nth-child(5){transition-delay:320ms}.reveal-stagger .reveal:nth-child(6){transition-delay:400ms}.reveal-stagger .reveal:nth-child(7){transition-delay:480ms}.reveal-stagger .reveal:nth-child(8){transition-delay:560ms}.reveal-stagger .reveal:nth-child(9){transition-delay:640ms}.reveal-stagger .reveal:nth-child(10){transition-delay:720ms}.reveal-stagger .reveal:nth-child(11){transition-delay:800ms}.reveal-stagger .reveal:nth-child(12){transition-delay:880ms}.reveal-stagger .reveal:nth-child(13){transition-delay:960ms}.reveal-stagger .reveal:nth-child(14){transition-delay:1040ms}.reveal-stagger .reveal:nth-child(15){transition-delay:1120ms}.reveal-stagger .reveal:nth-child(16){transition-delay:1200ms}.reveal-stagger .reveal:nth-child(17){transition-delay:1280ms}.reveal-stagger .reveal:nth-child(18){transition-delay:1360ms}.reveal-stagger .reveal:nth-child(19){transition-delay:1440ms}.reveal-stagger .reveal:nth-child(20){transition-delay:1520ms}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.reveal{opacity:1;transform:none;transition:none}.link-card:hover{transform:none}.hero-image .profile-photo{transition:none}.theme-toggle svg{transition:none}.sticky-nav{transition:none}}.custom-cursor-active{cursor:none}.custom-cursor-active a,.custom-cursor-active button,.custom-cursor-active [role="button"]{cursor:none}@keyframes cursor-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.cursor-dot{position:fixed;top:0;left:0;width:12px;height:12px;background:var(--color-accent);clip-path:polygon(50% 6.7%, 0% 93.3%, 100% 93.3%);pointer-events:none;z-index:200;opacity:0;transform:translate(-50%, -50%) rotate(0deg);transform-origin:center center;animation:cursor-spin 2s linear infinite;will-change:transform;transition:width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out}.cursor-dot.visible{opacity:1}.cursor-dot.hovering{width:24px;height:24px;opacity:0.7}.cursor-dot.hidden{opacity:0}.cursor-trail{position:fixed;top:0;left:0;width:12px;height:12px;background:var(--color-accent);clip-path:polygon(50% 6.7%, 0% 93.3%, 100% 93.3%);pointer-events:none;z-index:199;opacity:0;transform:translate(-50%, -50%) rotate(0deg);transform-origin:center center;animation:cursor-spin 2s linear infinite reverse;will-change:transform;transition:opacity 0.3s ease}.cursor-trail.visible{opacity:0.35}.cursor-trail.hidden{opacity:0}@media (hover: none){.cursor-dot,.cursor-trail{display:none !important}body.custom-cursor-active{cursor:auto}body.custom-cursor-active a,body.custom-cursor-active button,body.custom-cursor-active [role="button"]{cursor:pointer}}@media (prefers-reduced-motion: reduce){.cursor-dot,.cursor-trail{display:none !important}body.custom-cursor-active{cursor:auto}body.custom-cursor-active a,body.custom-cursor-active button,body.custom-cursor-active [role="button"]{cursor:pointer}}
