:root{--color-navy-900: oklch(.2 .04 260);--color-navy-800: oklch(.25 .05 258);--color-navy-700: oklch(.3 .06 256);--color-navy-600: oklch(.38 .07 254);--color-navy-500: oklch(.45 .08 252);--color-navy-400: oklch(.55 .07 250);--color-navy-300: oklch(.68 .05 248);--color-navy-200: oklch(.8 .03 246);--color-navy-100: oklch(.9 .02 244);--color-navy-50: oklch(.96 .01 242);--color-blue-accent: oklch(.58 .16 248);--color-blue-light: oklch(.72 .1 246);--color-surface: oklch(.98 .005 240);--color-surface-alt: oklch(.95 .01 242);--color-surface-card: oklch(1 0 0);--color-border: oklch(.88 .02 244);--color-border-light: oklch(.92 .01 244);--color-text-primary: oklch(.22 .04 260);--color-text-secondary: oklch(.45 .03 254);--color-text-tertiary: oklch(.6 .02 250);--color-text-inverse: oklch(.97 .005 240);--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "Space Grotesk", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-mono: .08em;--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;--sidebar-width: 280px;--content-max: 900px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .7s;--duration-reveal: .9s}*,*: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-sans);color:var(--color-text-primary);background:var(--color-surface);line-height:var(--leading-normal)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.app-layout{display:flex;min-height:100vh}.app-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-navy-900);color:var(--color-text-inverse);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{padding:var(--space-8) var(--space-6);border-bottom:1px solid oklch(.3 .04 258)}.sidebar-logo{width:48px;height:48px;margin-bottom:var(--space-4);object-fit:contain}.sidebar-brand{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-mono);color:var(--color-text-inverse)}.sidebar-tagline{font-size:var(--text-xs);color:var(--color-navy-300);margin-top:var(--space-2);letter-spacing:var(--tracking-wide);text-transform:uppercase}.sidebar-nav{flex:1;padding:var(--space-8) 0}.sidebar-nav a{display:block;padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-navy-300);transition:color var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo),padding-left var(--duration-fast) var(--ease-out-expo)}.sidebar-nav a:hover{color:var(--color-text-inverse);background:#122239;padding-left:var(--space-8)}.sidebar-nav a.router-link-exact-active{color:var(--color-blue-light);background:#0c223e;border-right:3px solid var(--color-blue-accent);padding-left:var(--space-8)}.sidebar-footer{padding:var(--space-6);border-top:1px solid oklch(.3 .04 258);font-size:var(--text-xs);color:var(--color-navy-400)}.app-main{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:var(--space-16) var(--space-12);max-width:calc(var(--content-max) + var(--space-24))}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--color-navy-900);z-index:200;align-items:center;padding:0 var(--space-4);gap:var(--space-4)}.mobile-logo{width:32px;height:32px;object-fit:contain}.mobile-brand{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-text-inverse);letter-spacing:var(--tracking-mono)}.hamburger{margin-left:auto;width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.hamburger span{display:block;width:22px;height:2px;background:var(--color-text-inverse);transition:transform var(--duration-fast) var(--ease-out-expo)}.sidebar-overlay{display:none}@media(max-width:900px){.mobile-header{display:flex}.app-sidebar{transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out-expo)}.app-sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#03030380;z-index:99}.app-main{margin-left:0;padding-top:60px}.page-content{padding:var(--space-8) var(--space-5)}}.page-index{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);color:var(--color-navy-400);text-transform:uppercase;margin-bottom:var(--space-4)}.page-title{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-navy-900);margin-bottom:var(--space-6)}.page-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-snug);max-width:640px;margin-bottom:var(--space-12)}.section-heading{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--color-navy-800);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-navy-200)}.section-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal);max-width:640px}.index-cards{display:flex;flex-direction:column;gap:var(--space-6)}.index-card{display:grid;grid-template-columns:60px 1fr;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface-card);border:1px solid var(--color-border);border-left:4px solid var(--color-navy-600);transition:border-color var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.index-card:hover{border-left-color:var(--color-blue-accent);box-shadow:0 2px 12px #192f4614}.index-card__number{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-navy-200);line-height:1}.index-card__title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-navy-800);margin-bottom:var(--space-2)}.index-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.cutout-image{position:relative;overflow:hidden;background:var(--color-navy-50);border:1px solid var(--color-border)}.cutout-image img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%)}.cutout-image--wide{aspect-ratio:16 / 7}.cutout-image--square{aspect-ratio:1}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-navy-200)}.timeline-item{position:relative;padding-bottom:var(--space-8)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-8) + 8px);top:6px;width:10px;height:10px;background:var(--color-navy-600);border:2px solid var(--color-surface);outline:2px solid var(--color-navy-200)}.timeline-date{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-navy-500);margin-bottom:var(--space-1)}.timeline-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6)}.person-card{background:var(--color-surface-card);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out-expo)}.person-card:hover{box-shadow:0 4px 20px #192f461a}.person-card__photo{aspect-ratio:3 / 4;overflow:hidden;background:var(--color-navy-100)}.person-card__photo img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%)}.person-card__info{padding:var(--space-4)}.person-card__name{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-navy-800)}.person-card__role{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.job-list{display:flex;flex-direction:column;gap:var(--space-4)}.job-item{display:grid;grid-template-columns:40px 1fr auto;align-items:start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface-card);border:1px solid var(--color-border);border-left:3px solid var(--color-navy-400);transition:border-color var(--duration-fast) var(--ease-out-expo)}.job-item:hover{border-left-color:var(--color-blue-accent)}.job-item__number{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-navy-300)}.job-item__title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-navy-800);margin-bottom:var(--space-1)}.job-item__meta{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-normal)}.job-item__arrow{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-navy-300);align-self:center}.btn-sharp{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--color-navy-800);color:var(--color-text-inverse);transition:background var(--duration-fast) var(--ease-out-expo)}.btn-sharp:hover{background:var(--color-navy-600)}.btn-sharp--outline{background:transparent;color:var(--color-navy-800);border:2px solid var(--color-navy-800)}.btn-sharp--outline:hover{background:var(--color-navy-800);color:var(--color-text-inverse)}.hero-manual{padding:var(--space-16) 0 var(--space-20);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-16)}.hero-manual__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-blue-accent);margin-bottom:var(--space-4)}.hero-manual__title{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-navy-900);margin-bottom:var(--space-6);max-width:700px}.hero-manual__desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:580px;margin-bottom:var(--space-8);line-height:var(--leading-normal)}.hero-manual__image{margin-top:var(--space-10)}.site-footer{background:var(--color-navy-900);color:var(--color-navy-300);padding:var(--space-16) var(--space-12);margin-left:var(--sidebar-width)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}.footer-brand__name{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-text-inverse);margin-bottom:var(--space-3)}.footer-brand__desc{font-size:var(--text-sm);line-height:var(--leading-normal);max-width:280px}.footer-column__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-inverse);margin-bottom:var(--space-4)}.footer-column__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-column__list a{font-size:var(--text-sm);color:var(--color-navy-400);transition:color var(--duration-fast)}.footer-column__list a:hover{color:var(--color-text-inverse)}.footer-bottom{border-top:1px solid oklch(.3 .04 258);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-bottom__copy{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-navy-500)}.footer-bottom__address{font-size:var(--text-xs);color:var(--color-navy-500);max-width:400px;text-align:right}@media(max-width:900px){.site-footer{margin-left:0;padding:var(--space-10) var(--space-5)}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom__address{text-align:left}}[data-reveal]{opacity:0;clip-path:inset(0 0 100% 0);transition:opacity var(--duration-reveal) var(--ease-out-expo),clip-path var(--duration-reveal) var(--ease-out-expo)}[data-reveal].revealed{opacity:1;clip-path:inset(0 0 0 0)}[data-reveal=stagger-list]{opacity:0;transform:translateY(24px);clip-path:none;transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}[data-reveal=stagger-list].revealed{opacity:1;transform:translateY(0)}.route-enter-active,.route-leave-active{transition:transform var(--duration-normal) var(--ease-out-expo)}.route-enter-from{transform:translateY(20px)}.route-leave-to{transform:translateY(-20px)}.route-enter-to,.route-leave-from{transform:translateY(0)}