:root{--gray-0:#fafaf8;--gray-50:#f4f3f0;--gray-100:#e6e4df;--gray-200:#d4d1ca;--gray-300:#b3b0a8;--gray-400:#97948c;--gray-500:#6b6b66;--gray-600:#4a4945;--gray-700:#2c2b28;--gray-800:#1c1c1a;--gray-900:#1a1a18;--gray-950:#121210;--gray-1000:#0e0d0b;--terracotta:#a4502a;--terracotta-bright:#d98a5f;--steel:#36618e;--steel-bright:#8ab0d9;--amber:#9a6b1f;--amber-bright:#d9a84e;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--shadow-soft:0 1px 3px #14120e14,0 8px 24px #14120e0f;--font-serif:"Fraunces",Georgia,"Times New Roman",serif;--font-sans:"Noto Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,monospace;--text-display:clamp(2.5rem,6vw,4.5rem);--text-h1:clamp(2rem,4vw,3rem);--text-h2:clamp(1.5rem,3vw,2.25rem);--text-h3:clamp(1.25rem,2vw,1.5rem);--text-body-lg:1.125rem;--text-body:1rem;--text-small:0.875rem;--text-caption:0.8125rem;--measure-prose:72ch;--measure-narrow:65ch}:root,[data-theme=light]{--bg:var(--gray-0);--bg-elevated:#fff;--text:var(--gray-900);--text-muted:var(--gray-500);--border:var(--gray-100);--accent:var(--terracotta);--hover-bg:#14120e0f;--shadow:var(--shadow-soft);--font-display:var(--font-serif)}[data-theme=dark]{--bg:var(--gray-950);--bg-elevated:var(--gray-800);--text:#ece9e2;--text-muted:var(--gray-400);--border:var(--gray-700);--accent:var(--terracotta-bright);--hover-bg:#ece9e214;--shadow:0 1px 3px #0006,0 8px 24px #0000004d}[data-mode=professional]{--accent:var(--steel)}[data-mode=professional][data-theme=dark]{--accent:var(--steel-bright)}[data-mode=film]{--accent:var(--amber)}[data-mode=film][data-theme=dark]{--accent:var(--amber-bright);--bg:var(--gray-1000);--bg-elevated:var(--gray-900)}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark}html{scroll-behavior:smooth}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 0;background-color:var(--bg);color:var(--text);font-family:var(--font-mono);height:100%;letter-spacing:-.25px;overflow-y:auto;width:100%}#root{display:flex;flex-direction:column;min-height:100%;width:100%}::selection{background-color:var(--accent);color:var(--bg)}code{background-color:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);padding:.2rem .4rem}:focus-visible{border-radius:2px;outline:2px solid var(--accent);outline-offset:2px}.skip-link{background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:var(--text-caption);left:var(--space-2);padding:var(--space-2) var(--space-4);position:fixed;text-decoration:none;top:var(--space-2);transform:translateY(-200%);z-index:2000}.skip-link:focus{transform:translateY(0)}h1,h2,h3,h4,h5,h6{font-weight:600}a,p,span{font-weight:400}.text-display{font-size:var(--text-display);letter-spacing:-.02em;line-height:1.05}.text-display,.text-h1{font-family:var(--font-display);font-weight:500}.text-h1{font-size:var(--text-h1);letter-spacing:-.015em;line-height:1.1}.text-h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:500;line-height:1.15}.text-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}.text-prose{font-family:var(--font-sans);font-size:var(--text-body-lg);line-height:1.7;max-width:var(--measure-prose)}.container{margin-inline:auto;max-width:1200px;padding-inline:var(--space-6);width:100%}.prose{max-width:var(--measure-prose)}.section{padding-block:var(--space-16)}@media (min-width:1024px){.section{padding-block:var(--space-24)}}.full-bleed{max-width:none;width:100%}.fade-in{animation:fadeIn .8s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}to{transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-container{display:flex;min-height:100vh;width:100%}.content-container{background-color:var(--bg);flex:1 1;margin-left:220px;min-height:100vh;transition:margin-left .3s ease-in-out,background-color .3s ease}.content-container.nav-collapsed{margin-left:0}.nav-toggle-btn{align-items:center;background:var(--bg);border:1px solid var(--border);border-left:none;border-radius:0 20px 20px 0;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;left:220px;padding:0;position:fixed;top:50%;transform:translateY(-50%);transition:left .3s ease-in-out,border-color .2s ease,color .2s ease;width:20px;z-index:100}.nav-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-toggle-btn.collapsed{left:0}.route-loading{min-height:50vh}@media (min-width:769px) and (max-width:1024px){.content-container{margin-left:200px}.content-container.nav-collapsed{margin-left:0}.nav-toggle-btn{left:200px}.nav-toggle-btn.collapsed{left:0}}@media (max-width:768px){.app-container{flex-direction:column}.content-container{margin-left:0;min-height:100vh;padding-top:4rem}.nav-toggle-btn{display:none}}.theme-toggle{align-items:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:var(--text-caption);gap:var(--space-2);letter-spacing:.06em;padding:var(--space-2) var(--space-3);text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.theme-toggle:hover{border-color:var(--text-muted);color:var(--text)}.vertical-nav{background-color:var(--bg);border-right:1px solid var(--border);height:100vh;left:0;overflow-y:auto;padding:var(--space-8) var(--space-6);position:fixed;top:0;transition:transform .3s ease-in-out,background-color .3s ease;width:220px;z-index:10}.nav-items,.vertical-nav{display:flex;flex-direction:column}.nav-items{gap:var(--space-8)}.nav-home{color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:-.01em;text-decoration:none;transition:color .2s ease}.nav-home:hover{color:var(--accent)}.nav-section{display:flex;flex-direction:column;gap:var(--space-2)}.nav-section-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.nav-link{align-items:center;color:var(--text);display:inline-flex;font-family:var(--font-sans);font-size:.9375rem;gap:var(--space-1);padding:2px 0;position:relative;text-decoration:none;transition:color .2s ease;width:-webkit-fit-content;width:fit-content}.nav-link:after{background-color:var(--accent);bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:100%}.nav-link:hover{color:var(--accent)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--accent)}.nav-external-icon{opacity:.5}.nav-footer{margin-top:auto;padding-top:var(--space-8)}@media (min-width:769px){.vertical-nav.collapsed{transform:translateX(-100%)}}.hamburger-menu{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:none;height:40px;justify-content:center;padding:8px;position:fixed;right:1rem;top:1rem;transition:border-color .2s ease,transform .2s ease;width:40px;z-index:1000}.hamburger-menu.open,.hamburger-menu:hover{border-color:var(--accent)}.hamburger-menu.open .hamburger-icon,.hamburger-menu:hover .hamburger-icon{stroke:var(--accent)}.hamburger-menu:active{transform:scale(.92)}.hamburger-icon{stroke:var(--text);display:block;transition:stroke .2s ease}@media (min-width:769px) and (max-width:1024px){.vertical-nav{padding:var(--space-6) var(--space-4);width:200px}}@media (max-width:768px){.hamburger-menu{display:flex}.vertical-nav{border-bottom:1px solid var(--border);border-right:none;height:auto;max-height:100vh;padding:var(--space-6);transform:translateY(-100%);width:100%}.vertical-nav.mobile-open{transform:translateY(0)}.nav-items{gap:var(--space-6)}}
/*# sourceMappingURL=main.11e1612f.css.map*/