:root{--color-orange: #E07A3A;--color-orange-deep:#C96A2E;--color-blue: #5B8DB8;--color-cream: #FAF5EC;--color-charcoal: #2C2825;--color-warm-mid: #C4A882;--color-panel-bg: #F2EBE0;--color-highlight: #F0C97A;--color-skin: #E8C9A0;--color-card-bg: #F7F0E5;--color-card-hover: #FBF5EA;--color-divider: #E0D5C4;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--panel-width: 280px;--content-max-width: 680px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-charcoal);background-color:var(--color-cream);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);color:var(--color-charcoal)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--color-orange);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-orange-deep)}img{max-width:100%;display:block}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input{font-family:var(--font-body);outline:none;border:none}::selection{background:var(--color-highlight);color:var(--color-charcoal)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-warm-mid)}.divider{width:100%;height:1px;background:var(--color-divider);margin:var(--space-6) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-layout{display:grid;grid-template-columns:var(--panel-width) 1fr;min-height:100vh;width:100%}.left-panel{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--color-panel-bg);border-right:1px solid var(--color-divider);padding:var(--space-10) var(--space-6) var(--space-6);display:flex;flex-direction:column;z-index:100}.left-panel::-webkit-scrollbar{width:0}.left-panel__logo{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--color-charcoal);letter-spacing:-.02em;margin-bottom:var(--space-6);cursor:pointer;transition:color var(--transition-fast)}.left-panel__logo:hover{color:var(--color-orange)}.left-panel__logo .tm{font-size:.4em;vertical-align:super;opacity:.5;margin-left:1px}.left-panel__byline{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warm-mid);text-decoration:none;letter-spacing:.03em;margin-bottom:var(--space-6);transition:color var(--transition-fast)}.left-panel__byline:hover{color:var(--color-orange)}.left-panel__thesis{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-warm-mid);margin-bottom:var(--space-8);font-style:italic}.left-panel__nav{list-style:none;margin-bottom:var(--space-8)}.left-panel__nav li{margin-bottom:var(--space-3)}.left-panel__nav a{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-charcoal);text-decoration:none;position:relative;display:inline-block;padding:var(--space-1) 0;transition:color var(--transition-fast)}.left-panel__nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-orange);transition:width var(--transition-base)}.left-panel__nav a:hover:after,.left-panel__nav a.active:after{width:100%}.left-panel__nav a:hover{color:var(--color-orange)}.left-panel__nav a.active{color:var(--color-orange);font-weight:600}.left-panel__email{margin-top:auto;padding-top:var(--space-6)}.left-panel__email-label{font-size:var(--text-sm);color:var(--color-warm-mid);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.left-panel__footer{margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warm-mid);letter-spacing:.03em}.left-panel__footer a{color:var(--color-warm-mid);transition:color var(--transition-fast)}.left-panel__footer a:hover{color:var(--color-orange)}.content-area{min-height:100vh;overflow-x:hidden;position:relative}.content-panel{padding:var(--space-12) var(--space-10);max-width:900px;margin:0 auto}.article-content{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-12) var(--space-6)}.article-content h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.article-content .article-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warm-mid);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-10)}.article-content p{font-size:var(--text-md);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.article-content blockquote{border-left:3px solid var(--color-orange);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--color-warm-mid)}.article-content em{font-style:italic}.article-content strong{font-weight:700}.article-content hr{border:none;height:1px;background:var(--color-divider);margin:var(--space-10) 0}.mobile-header,.mobile-nav{display:none}@media(max-width:768px){.app-layout{grid-template-columns:1fr}.left-panel{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-panel-bg);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:100}.mobile-header__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-charcoal)}.mobile-header__toggle{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;flex-direction:column;gap:5px}.mobile-header__toggle span{display:block;width:22px;height:2px;background:var(--color-charcoal);border-radius:2px;transition:all var(--transition-fast)}.mobile-nav{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-panel-bg);z-index:200;padding:var(--space-10) var(--space-6);flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base)}.mobile-nav.open{transform:translate(0)}.mobile-nav__close{position:absolute;top:var(--space-4);right:var(--space-5);background:none;font-size:var(--text-2xl);color:var(--color-charcoal);padding:var(--space-2)}.mobile-nav ul{list-style:none;margin-top:var(--space-10)}.mobile-nav ul li{margin-bottom:var(--space-5)}.mobile-nav ul a{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-charcoal)}.content-panel{padding:var(--space-8) var(--space-5)}.article-content{padding:var(--space-8) var(--space-4)}}.panel-enter{opacity:0;transform:translate(40px)}.panel-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease-out,transform .3s ease-out}.panel-exit{opacity:1}.panel-exit-active{opacity:0;transition:opacity .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}.fade-in-delay-4{animation-delay:.4s;opacity:0}.fade-in-delay-5{animation-delay:.5s;opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{display:inline-block;width:2px;height:1.2em;background:var(--color-orange);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes warmPulse{0%,to{opacity:.4}50%{opacity:1}}.warm-pulse{animation:warmPulse 2s ease-in-out infinite}@keyframes quoteFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.quote-fade-in{animation:quoteFadeIn .4s ease-out forwards}.btn-primary{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;background:var(--color-orange);color:var(--color-cream);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary:hover{background:var(--color-orange-deep);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.stung-btn{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warm-mid);background:none;border:1px solid var(--color-divider);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.stung-btn:hover{border-color:var(--color-orange);color:var(--color-orange);background:#e07a3a0d}.card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent}.card:hover{background:var(--color-card-hover);border-color:var(--color-divider);transform:translateY(-2px)}.pill{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-cream);color:var(--color-charcoal);cursor:pointer;transition:all var(--transition-fast);text-transform:none}.pill:hover,.pill.active{background:var(--color-orange);color:var(--color-cream);border-color:var(--color-orange)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float{animation:float 3s ease-in-out infinite}