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-alt:var(--color-slate);--color-text:var(--color-white);--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-black);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)}.navbar-links{justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);display:flex}.navbar-links a{color:var(--color-black);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-black)}.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}.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-black);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.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}