:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 4rem;--radius: 10px;--content-max: 72rem;--nav-height: 3.5rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-display: 2.5rem;--leading: 1.6;--leading-heading: 1.2;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text: #1c1c1c;--color-text-muted: #565656;--color-primary: #1f5fbf;--color-on-primary: #ffffff;--color-border: #d4d4d4;--color-accent: #1f5fbf;--color-focus: #1f5fbf}:root[data-mode=dark]{--color-bg: #141414;--color-surface: #1e1e1e;--color-text: #ededed;--color-text-muted: #ababab;--color-primary: #6aa9ff;--color-on-primary: #0a0a0a;--color-border: #333333;--color-accent: #6aa9ff;--color-focus: #6aa9ff}html[data-theme=studio]{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-display: 3rem;--leading: 1.6;--leading-heading: 1.15}html[data-theme=studio][data-mode=light]{--color-bg: #eef2f5;--color-surface: #ffffff;--color-text: #2b3034;--color-text-muted: #4c6270;--color-primary: #c6332d;--color-on-primary: #ffffff;--color-border: #b9c7d2;--color-accent: #a82c22;--color-focus: #c6332d}html[data-theme=studio][data-mode=dark]{--color-bg: #2b3034;--color-surface: #31373c;--color-text: #b9c7d2;--color-text-muted: #a3a2a6;--color-primary: #f5837a;--color-on-primary: #2b3034;--color-border: #54606b;--color-accent: #f9a79c;--color-focus: #f5837a}html[data-theme=lights-on]{--font-sans: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--font-mono: "Cascadia Code", ui-monospace, "Source Code Pro", Menlo, Consolas, monospace;--text-sm: .9rem;--text-base: 1.05rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-display: 3.25rem;--leading: 1.65;--leading-heading: 1.1}html[data-theme=lights-on][data-mode=light]{--color-bg: #f7f2e9;--color-surface: #fffdf8;--color-text: #2a2016;--color-text-muted: #6b5d4a;--color-primary: #9c4d16;--color-on-primary: #fff8ef;--color-border: #e3d8c4;--color-accent: #c8791f;--color-focus: #9c4d16}html[data-theme=lights-on][data-mode=dark]{--color-bg: #14110c;--color-surface: #1f1a12;--color-text: #f0e6d2;--color-text-muted: #b3a488;--color-primary: #f2a54a;--color-on-primary: #1a1206;--color-border: #352e22;--color-accent: #ffb64d;--color-focus: #f2a54a}html:not([data-mode=dark]) lights-on-power-dock{display:none}html[data-lights-on-power] .section__content{opacity:.8}html[data-lights-on-powered=hero] .site-nav__links a[href="#hero"],html[data-lights-on-powered=story] .site-nav__links a[href="#story"],html[data-lights-on-powered=experience] .site-nav__links a[href="#experience"],html[data-lights-on-powered=projects] .site-nav__links a[href="#projects"],html[data-lights-on-powered=tech-stack] .site-nav__links a[href="#tech-stack"],html[data-lights-on-powered=philosophy] .site-nav__links a[href="#philosophy"],html[data-lights-on-powered=contact] .site-nav__links a[href="#contact"]{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}html[data-theme=lights-on]::-webkit-scrollbar,html[data-theme=lights-on] ::-webkit-scrollbar{width:12px;height:12px}html[data-theme=lights-on]::-webkit-scrollbar-track,html[data-theme=lights-on] ::-webkit-scrollbar-track{background:var(--color-bg)}html[data-theme=lights-on]::-webkit-scrollbar-thumb,html[data-theme=lights-on] ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px;border:3px solid var(--color-bg)}html[data-theme=lights-on]::-webkit-scrollbar-thumb:hover,html[data-theme=lights-on] ::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}html[data-theme=lights-on]::-webkit-scrollbar-thumb:active,html[data-theme=lights-on] ::-webkit-scrollbar-thumb:active{background:var(--color-primary)}html[data-theme=lights-on]::-webkit-scrollbar-corner,html[data-theme=lights-on] ::-webkit-scrollbar-corner{background:var(--color-bg)}@supports not selector(::-webkit-scrollbar){html[data-theme=lights-on]{scrollbar-color:var(--color-border) var(--color-bg)}}html[data-theme=lights-on],html[data-theme=lights-on] body{overflow-x:clip}:root{--lo-beam-length: 520px}.lo-beam{position:absolute;width:var(--lo-beam-length);height:380px;transform-origin:0 50%;transform:translateY(-50%) rotate(var(--beam-angle, 0deg));background:linear-gradient(to right,#ffc7782b,#f2a54a14 48%,#f2a54a00 90%);clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);filter:blur(14px);opacity:0;transition:opacity .7s ease}.lit .lo-beam{opacity:1}lights-on-torch-cursor .lo-beam{opacity:1}@media(prefers-reduced-motion:reduce){.lo-beam{transition:none}}.lo-veil{position:absolute;top:0;bottom:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);z-index:2;pointer-events:none;background:#0009;-webkit-mask-composite:source-in;mask-composite:intersect;opacity:0;transition:opacity .7s ease}.lit .lo-veil{opacity:1}@media(prefers-contrast:more){.lo-veil{display:none}}html[data-theme=lights-on]{--section-w: min(100vw, var(--content-max));--lamp-w: clamp(190px, 24vw, 300px)}@media(max-width:640px){html[data-theme=lights-on]{--lamp-w: clamp(120px, 30vw, 180px)}}html[data-theme=lights-on] #story{padding-top:calc(var(--space-8) + 3.5rem)}html[data-theme=lights-on] #experience{padding-top:calc(var(--space-8) + 4.5rem)}html[data-theme=lights-on] #projects{padding-top:calc(var(--space-8) + 3.5rem)}html[data-theme=lights-on] #tech-stack{padding-top:calc(var(--space-8) + 2.5rem)}html:not([data-mode=dark]) lights-on-breaker-panel .breaker,html:not([data-mode=dark]) lights-on-breaker-panel .junction{display:none}html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=backend] #tech-stack [data-skill-group=backend],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=frontend] #tech-stack [data-skill-group=frontend],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=data] #tech-stack [data-skill-group=data],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=devops] #tech-stack [data-skill-group=devops],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=security] #tech-stack [data-skill-group=security],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=architecture] #tech-stack [data-skill-group=architecture],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=ai] #tech-stack [data-skill-group=ai]{opacity:.4;transition:opacity .45s ease}@media(prefers-contrast:more){html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=backend] #tech-stack [data-skill-group=backend],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=frontend] #tech-stack [data-skill-group=frontend],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=data] #tech-stack [data-skill-group=data],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=devops] #tech-stack [data-skill-group=devops],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=security] #tech-stack [data-skill-group=security],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=architecture] #tech-stack [data-skill-group=architecture],html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off~=ai] #tech-stack [data-skill-group=ai]{opacity:.78}}@media(prefers-reduced-motion:reduce){html[data-lights-on-powered=tech-stack][data-lights-on-breakers-off] #tech-stack [data-skill-group]{transition:none}}html:not([data-mode=dark]) lights-on-master-breaker{display:none}@media(hover:none),(pointer:coarse){html[data-mode=dark] lights-on-master-breaker{display:none}}@media(prefers-reduced-motion:reduce){html[data-mode=dark] lights-on-master-breaker{display:none}}lights-on-blackout-overlay{display:none}html[data-lights-on-outage] lights-on-blackout-overlay{display:block}@media(prefers-reduced-motion:reduce){html[data-lights-on-outage] lights-on-blackout-overlay{display:none}}lights-on-torch-cursor{display:none}html[data-lights-on-outage] lights-on-torch-cursor{display:block}html[data-lights-on-outage],html[data-lights-on-outage] *{cursor:none}@media(prefers-reduced-motion:reduce){html[data-lights-on-outage] lights-on-torch-cursor{display:none}html[data-lights-on-outage],html[data-lights-on-outage] *{cursor:auto}}html[data-lights-on-lit=hero] #hero,html[data-lights-on-lit=story] #story,html[data-lights-on-lit=experience] #experience,html[data-lights-on-lit=projects] #projects,html[data-lights-on-lit=tech-stack] #tech-stack,html[data-lights-on-lit=philosophy] #philosophy,html[data-lights-on-lit=contact] #contact{position:relative;z-index:45;border-radius:var(--radius);box-shadow:0 0 4rem 1.5rem #000000d1}html[data-lights-on-lit=hero] #hero lights-on-power-dock .cable,html[data-lights-on-lit=story] #story lights-on-power-dock .cable,html[data-lights-on-lit=experience] #experience lights-on-power-dock .cable,html[data-lights-on-lit=projects] #projects lights-on-power-dock .cable,html[data-lights-on-lit=tech-stack] #tech-stack lights-on-power-dock .cable,html[data-lights-on-lit=philosophy] #philosophy lights-on-power-dock .cable,html[data-lights-on-lit=contact] #contact lights-on-power-dock .cable,html[data-lights-on-lit=hero] #hero lights-on-power-dock .branch,html[data-lights-on-lit=story] #story lights-on-power-dock .branch,html[data-lights-on-lit=experience] #experience lights-on-power-dock .branch,html[data-lights-on-lit=projects] #projects lights-on-power-dock .branch,html[data-lights-on-lit=tech-stack] #tech-stack lights-on-power-dock .branch,html[data-lights-on-lit=philosophy] #philosophy lights-on-power-dock .branch,html[data-lights-on-lit=contact] #contact lights-on-power-dock .branch{background:var(--color-primary);opacity:.7;filter:drop-shadow(0 0 4px rgb(242 165 74 / 45%))}@media(prefers-reduced-motion:no-preference){html[data-lights-on-outage] .section{transition:box-shadow .4s ease}}html[data-lights-on-outage] lights-on-power-dock .outlet{z-index:45;filter:drop-shadow(0 0 5px rgb(242 165 74 / 55%))}@media(prefers-reduced-motion:no-preference){html[data-mode=dark]:not([data-lights-on-outage]):not([data-lights-on-outage-seen]) lights-on-master-breaker .master__led{animation:lights-on-outage-hint 7s ease-in-out infinite}}@keyframes lights-on-outage-hint{0%,88%,to{opacity:1;filter:none}90%{opacity:.35}93%{opacity:1;filter:drop-shadow(0 0 4px var(--color-primary))}96%{opacity:.6}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);background:var(--color-bg);color:var(--color-text)}h1,h2,h3{font-family:var(--font-sans);line-height:var(--leading-heading);color:var(--color-text)}a{color:var(--color-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}html.theme-transition-active body{transition:background-color .26s ease,color .26s ease}
