html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit}
:root{--color-white:#fff;--color-black:#000;--color-navy:#071524;--color-charcoal:#2a2825;--color-primary-dark:#1e3653;--color-primary:#305b7e;--color-deep-teal:#19404c;--color-teal:#487674;--color-teal-light:#83b4ae;--color-steel:#63757d;--color-peach:#d69369;--color-tan:#c3a481;--color-brown:#7b5c3f;--color-orange:#ee690b;--color-earth:#864c2c;--color-deep-earth:#6e3115;--color-earth-dark:#4f210d;--color-dark:#0b1014;--color-dark-teal:#13272e;--color-slate:#2e3e4b;--color-brown-slate:#4b332e;--color-background:var(--color-white);--color-surface:var(--color-tan);--color-surface-alt:var(--color-teal-light);--color-text:var(--color-black);--color-text-muted:var(--color-steel);--color-border:var(--color-steel);--glass-05:#305b7e0d;--glass-15:#305b7e26;--glass-30:#305b7e4d;--glass-50:#305b7e80;--glass-70:#305b7eb3;--glass-100:#305b7e;--glass-border:#305b7e26;--glass-blur:20px;--gradient-primary:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary), var(--color-teal));--gradient-ocean:linear-gradient(135deg, var(--color-navy), var(--color-primary-dark), var(--color-deep-teal));--gradient-teal:linear-gradient(135deg, var(--color-deep-teal), var(--color-teal), var(--color-teal-light));--gradient-warm:linear-gradient(135deg, var(--color-peach), var(--color-orange), var(--color-earth));--gradient-earth:linear-gradient(135deg, var(--color-earth), var(--color-deep-earth), var(--color-earth-dark));--container-width:1200px;--navbar-height:clamp(4rem, 5vw, 5rem);--space-xs:clamp(.5rem, 1vw, .75rem);--space-sm:clamp(.75rem, 1.5vw, 1rem);--space-md:clamp(1rem, 2vw, 1.5rem);--space-lg:clamp(1.5rem, 3vw, 2rem);--space-xl:clamp(2.5rem, 5vw, 4rem);--space-2xl:clamp(5rem, 10vw, 8rem);--radius-sm:clamp(.4rem, 1vw, .5rem);--radius-md:clamp(.75rem, 1.5vw, 1rem);--radius-lg:clamp(1rem, 2vw, 1.5rem);--radius-pill:999px;--transition-fast:.18s ease;--transition-normal:.3s ease}[data-theme=dark]{--color-background:var(--color-dark);--color-surface:var(--color-dark-teal);--color-surface-light:var(--color-deep-teal);--color-surface-alt:var(--color-slate);--color-text:var(--color-teal-light);--color-text-muted:var(--color-teal-light);--color-border:var(--color-slate);--glass-05:#4876740d;--glass-15:#48767426;--glass-30:#4876744d;--glass-50:#48767480;--glass-70:#487674b3;--glass-100:#487674;--glass-border:#83b4ae2e}
.navbar{z-index:1000;width:100%;min-height:var(--navbar-height);background:var(--color-background);border-bottom:1px solid var(--glass-border);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,4vw,4rem);display:grid;position:fixed;top:0;left:0}.navbar-name{color:var(--color-text);white-space:nowrap;justify-self:start;font-size:clamp(.8rem,1.1vw,1rem);font-weight:600}.navbar-name span{color:var(--color-orange);letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.4vw,1.3rem);font-style:italic;font-weight:700;display:inline-block;transform:rotate(-2deg)}@media (max-width:768px){.navbar{grid-template-columns:1fr auto auto;padding:0 1rem}}
.navbar-links{justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);display:flex}.navbar-links a{color:var(--color-text);white-space:nowrap;transition:color var(--transition-fast);font-size:clamp(.7rem,.9vw,.875rem);position:relative}.navbar-links a:hover{color:var(--color-orange)}.navbar-links a.active{color:var(--color-text)}.navbar-links a.active:after{content:"";background:var(--color-orange);border-radius:var(--radius-pill);height:2px;position:absolute;bottom:clamp(-.6rem,-1vw,-.4rem);left:0;right:0}@media (max-width:768px){.navbar-links{display:none}}
.navbar-actions{justify-self:end;align-items:center;gap:clamp(.5rem,1vw,.75rem);display:flex}.theme-toggle{width:clamp(2.25rem,3vw,2.75rem);height:clamp(2.25rem,3vw,2.75rem);color:var(--color-orange);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.theme-toggle-icon{transition:color var(--transition-normal), transform var(--transition-normal);justify-content:center;align-items:center;font-size:2.25rem;line-height:1;display:flex}.theme-toggle-light{color:var(--color-orange)}.theme-toggle-dark{color:var(--color-teal-light)}.theme-toggle:hover .theme-toggle-icon{transform:scale(1.08)}.theme-toggle:after{content:attr(title);color:var(--color-white);background:var(--color-deep-teal);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);pointer-events:none;padding:.35rem .6rem;font-size:.7rem;font-weight:500;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(-4px)}.theme-toggle:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.resume-button{min-height:clamp(2.25rem,3vw,2.75rem);color:var(--color-white);background:var(--gradient-teal);border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;padding:0 clamp(1rem,1.5vw,1.5rem);font-size:clamp(.7rem,.9vw,.875rem);font-weight:500;display:flex}@media (max-width:768px){.navbar-actions{justify-self:end}.theme-toggle{width:2rem;height:2rem}.theme-toggle-icon{font-size:1.4rem}.resume-button{display:none}}
.mobile-menu{display:none}@media (max-width:768px){.mobile-menu{justify-content:flex-end;justify-self:end;align-items:center;display:flex;position:relative}.mobile-menu-toggle{width:1rem;height:1rem;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:10px;padding:0;display:flex}.mobile-menu-toggle svg{width:1rem;height:1rem}.mobile-menu-dropdown{z-index:1001;width:min(15rem,100vw - 2rem);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff73;flex-direction:column;padding:.75rem;display:flex;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 12px 35px #0000001f}.mobile-menu-dropdown a{color:var(--color-steel);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);padding:.75rem;font-size:.9rem;font-weight:500;display:block}.mobile-menu-dropdown a:hover,.mobile-menu-dropdown a.active{color:var(--color-orange);background:var(--glass-05)}.mobile-menu-resume{background:var(--gradient-teal);text-align:center;min-height:2.25rem;margin-top:.5rem;padding:0 1rem;font-size:.75rem;color:var(--color-white)!important}.mobile-menu-resume:hover{color:var(--color-white)!important;background:var(--gradient-teal)!important}[data-theme=dark] .mobile-menu-dropdown{background:var(--glass-70);-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--glass-border)}[data-theme=dark] .mobile-menu-dropdown a{color:var(--color-steel)}[data-theme=dark] .mobile-menu-dropdown a:hover,[data-theme=dark] .mobile-menu-dropdown a.active{color:var(--color-orange);background:var(--glass-15)}}