*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0b09;--surface: #131310;--surface2: #191916;--border: #252520;--border-warm: #332f27;--text: #ede9e0;--muted: #67645c;--muted-light: #9a968e;--saffron: #c8921e;--saffron-bright: #dda52a;--saffron-dim: rgba(200, 146, 30, .07);--saffron-mid: rgba(200, 146, 30, .14);--saffron-glow: rgba(200, 146, 30, .55);--teal: #2bbfb0;--teal-dim: rgba(43, 191, 176, .07);--teal-mid: rgba(43, 191, 176, .14);--signal-no-go: #e05c4b;--signal-conditional: rgba(200, 146, 30, .6);--font-display: "Outfit", sans-serif;--font-mono: "IBM Plex Mono", monospace;--type-display: clamp(52px, 7.2vw, 90px);--type-h1: clamp(32px, 4vw, 52px);--type-h2: 28px;--type-h3: 22px;--type-body: 18px;--type-mono: 13px;--type-label: 11px;--type-micro: 10px;--type-nano: 9px;--space-xs: 8px;--space-sm: 16px;--space-md: 28px;--space-lg: 40px;--space-xl: 64px;--space-2xl: 88px;--max-width: 1040px;--wrapper-pad: 40px;--sidebar-width: 260px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--z-base: 1;--z-canvas: 1;--z-content: 2;--z-nav: 50;--z-modal: 200;--z-overlay: 199}.type-display{font-family:var(--font-display);font-size:var(--type-display);font-weight:900;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.type-h1{font-family:var(--font-display);font-size:var(--type-h1);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase}.type-h2{font-family:var(--font-display);font-size:var(--type-h2);font-weight:700;line-height:1.15;letter-spacing:-.01em}.type-h3{font-family:var(--font-display);font-size:var(--type-h3);font-weight:700;line-height:1.25;letter-spacing:-.01em}.type-body{font-family:var(--font-mono);font-size:var(--type-mono);font-weight:300;line-height:1.8;color:var(--muted-light)}.type-label{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.14em;text-transform:uppercase}.type-eyebrow{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.type-micro{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}hr{border:none;border-top:1px solid var(--border)}.wrapper{max-width:var(--max-width);margin:0 auto;padding:0 var(--wrapper-pad)}.hero{display:grid;grid-template-columns:1fr var(--sidebar-width);border-bottom:1px solid var(--border)}.hero-main{border-right:1px solid var(--border);padding:var(--space-2xl) var(--space-xl) var(--space-2xl) 0;position:relative}.hero-sidebar{padding:48px 0 48px 36px;display:flex;flex-direction:column}.hero-headline-wrap{position:relative;margin-bottom:var(--space-lg);line-height:1}.constellation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-canvas);pointer-events:none}.hero-headline,.hero-sub,.cta-row{position:relative;z-index:var(--z-content)}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:36px 0;border-bottom:1px solid var(--border)}.logo{font-family:var(--font-display);font-size:17px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.logo-dot{color:var(--saffron)}.nav-links{display:flex;gap:var(--space-lg)}.nav-links a{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light);transition:color var(--transition-base);position:relative}.nav-links a:hover{color:var(--teal)}.nav-links a.active{color:var(--saffron)}.cta-primary{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--bg);background:var(--saffron);padding:15px 28px;text-decoration:none;transition:background var(--transition-base);cursor:pointer;border:none}.cta-primary:hover{background:var(--saffron-bright)}.cta-secondary{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light);text-decoration:none;border-bottom:1px solid var(--border-warm);padding-bottom:3px;transition:color var(--transition-base),border-color var(--transition-base)}.cta-secondary:hover{color:var(--teal);border-color:var(--teal)}.cta-row{display:flex;align-items:center;gap:32px}.section-label{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--saffron);margin-bottom:36px;display:flex;align-items:center;gap:14px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.eyebrow{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:32px;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--teal);flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--border)}.section-eyebrow{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-light)}.section-count{font-family:var(--font-mono);font-size:var(--type-label);color:var(--muted);letter-spacing:.1em}.work-section{border-bottom:1px solid var(--border)}.work-list{display:flex;flex-direction:column}.work-item{display:grid;grid-template-columns:52px 1fr 160px 28px;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-base),padding var(--transition-base),margin var(--transition-base)}.work-item:last-child{border-bottom:none}.work-item:hover{background:var(--saffron-dim);margin:0 calc(-1 * var(--wrapper-pad));padding:var(--space-md) var(--wrapper-pad)}.work-num{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.08em}.work-name{font-family:var(--font-display);font-size:var(--type-body);font-weight:700;color:var(--text);letter-spacing:-.01em}.work-tag{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);text-align:right;opacity:.7;transition:opacity var(--transition-base)}.work-arrow{color:var(--saffron);font-size:16px;opacity:0;transition:opacity var(--transition-base),transform var(--transition-base)}.work-item:hover .work-arrow{opacity:1;transform:translate(3px,-3px)}.work-item:hover .work-tag{opacity:1}.thinking-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.thinking-card{background:var(--surface);padding:40px 36px;position:relative;overflow:hidden;transition:background var(--transition-slow);cursor:pointer}.thinking-card:hover{background:var(--surface2)}.thinking-type{font-family:var(--font-mono);font-size:var(--type-nano);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.thinking-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);line-height:1.35;letter-spacing:-.01em;margin-bottom:16px}.thinking-date{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--muted);letter-spacing:.08em}.thinking-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--saffron);transition:width var(--transition-slow)}.thinking-card:hover:after{width:100%}.sidebar-block{padding:24px 0;border-bottom:1px solid var(--border);flex:1;display:flex;flex-direction:column;justify-content:center}.sidebar-block:last-child{border-bottom:none}.sidebar-tag{font-family:var(--font-mono);font-size:var(--type-nano);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.sidebar-val{font-family:var(--font-display);font-size:40px;font-weight:900;color:var(--saffron);line-height:1;letter-spacing:-.02em}.sidebar-desc{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--muted);letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.site-footer{border-top:1px solid var(--border);padding:48px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-copy{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--muted);letter-spacing:.1em}.footer-links{display:flex;gap:32px}.footer-links a{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color var(--transition-base)}.footer-links a:hover{color:var(--saffron)}.modal-overlay{position:fixed;inset:0;background:#0b0b09e0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay.is-open{opacity:1;pointer-events:all}.modal-panel{background:var(--surface);border:1px solid var(--border-warm);max-width:680px;width:100%;max-height:80vh;overflow-y:auto;position:relative;z-index:var(--z-modal);transform:translateY(12px);transition:transform var(--transition-base)}.modal-overlay.is-open .modal-panel{transform:translateY(0)}.modal-header{padding:40px 40px 28px;border-bottom:1px solid var(--border);margin-bottom:32px}.modal-tag{font-family:var(--font-mono);font-size:var(--type-nano);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.modal-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.01em;line-height:1.2}.modal-body{padding:0 40px 40px}.modal-body p{font-family:var(--font-mono);font-size:var(--type-mono);line-height:1.8;color:var(--muted-light);font-weight:300;margin-bottom:20px}.modal-body p:last-child{margin-bottom:0}.modal-meta-row{display:flex;gap:32px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.modal-meta-label{font-family:var(--font-mono);font-size:var(--type-nano);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.modal-meta-value{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--muted-light);letter-spacing:.06em}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:18px;cursor:pointer;transition:color var(--transition-base);background:none;border:none;font-family:var(--font-mono)}.modal-close:hover{color:var(--saffron)}.accent-block{background:var(--saffron);color:var(--bg);padding:2px 10px 5px;display:inline-block;line-height:1.05}.text-muted{color:var(--muted)}.text-muted-light{color:var(--muted-light)}.text-saffron{color:var(--saffron)}.text-teal{color:var(--teal)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.constellation-demo-canvas{width:100%;display:block;border:1px solid var(--border);background:var(--surface)}@media(max-width:768px){:root{--wrapper-pad: 24px}.hero{grid-template-columns:1fr}.hero-main{border-right:none;border-bottom:1px solid var(--border);padding:60px 0 48px}.hero-sidebar{padding:32px 0;flex-direction:row;gap:1px;background:var(--border)}.sidebar-block{flex:1;border-bottom:none;border-right:1px solid var(--border);background:var(--bg);padding:24px 20px}.sidebar-block:last-child{border-right:none}.thinking-strip{grid-template-columns:1fr}.work-item{grid-template-columns:40px 1fr 28px;gap:16px}.work-tag{display:none}.modal-overlay{padding:20px;align-items:flex-end}.modal-panel{max-height:90vh}.modal-header,.modal-body{padding-left:28px;padding-right:28px}.footer-inner{flex-direction:column;gap:20px;text-align:center}}@media(max-width:480px){.site-nav{flex-direction:column;align-items:flex-start;gap:24px}.nav-links{gap:24px}.cta-row{flex-direction:column;align-items:flex-start;gap:20px}}