:root{--color-primary: #0D1117;--color-primary-dark: #010409;--color-primary-light: #1F2937;--color-heading: #334E68;--color-secondary: #3B82F6;--color-secondary-dark: #2563EB;--color-accent: #6366F1;--color-accent-light: #8B5CF6;--color-accent-dark: #4F46E5;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-text: #0F172A;--color-text-light: #475569;--color-text-muted: #64748B;--color-text-inverse: #F8FAFC;--color-bg: #FFFFFF;--color-bg-light: #F8FAFC;--color-bg-lighter: #F1F5F9;--color-bg-dark: #0F172A;--color-bg-darker: #0D1117;--color-white: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-border-dark: #374151;--gradient-primary: linear-gradient(135deg, #0D1117 0%, #1F2937 50%, #374151 100%);--gradient-secondary: linear-gradient(135deg, #3B82F6 0%, #6366F1 100%);--gradient-accent: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-neural: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #06B6D4 100%);--gradient-bg: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, rgba(248, 250, 252, .8) 100%);--gradient-hero: linear-gradient(135deg, #0D1117 0%, #1F2937 50%, #3B82F6 100%);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Monaco", "Inconsolata", monospace;--font-family-display: "Inter", system-ui, sans-serif;--font-scale-xs: .75rem;--font-scale-sm: .875rem;--font-scale-base: 1rem;--font-scale-lg: 1.125rem;--font-scale-xl: 1.25rem;--font-scale-2xl: 1.5rem;--font-scale-3xl: 2rem;--font-scale-4xl: 2.5rem;--font-scale-5xl: 3rem;--font-scale-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--spacing-unit: 1rem;--spacing-xs: calc(var(--spacing-unit) * .25);--spacing-sm: calc(var(--spacing-unit) * .5);--spacing-md: var(--spacing-unit);--spacing-lg: calc(var(--spacing-unit) * 1.5);--spacing-xl: calc(var(--spacing-unit) * 2);--spacing-2xl: calc(var(--spacing-unit) * 3);--spacing-3xl: calc(var(--spacing-unit) * 4);--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 8px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-purple: 0 0 20px rgba(99, 102, 241, .15);--shadow-neural: 0 8px 32px rgba(59, 130, 246, .12), 0 4px 16px rgba(99, 102, 241, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .75s;--z-hide: -1;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1020;--z-banner: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-skipLink: 1070;--z-toast: 1080;--z-tooltip: 1090;--neural-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Ccircle cx='10' cy='10' r='1'/%3E%3Ccircle cx='50' cy='50' r='1'/%3E%3Ccircle cx='10' cy='50' r='1'/%3E%3Ccircle cx='50' cy='10' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--circuit-pattern: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236366F1' fill-opacity='0.02'%3E%3Cpath d='M20 20h10v1H20zM10 20h1v10h-1zM20 10v1h10v-1z'/%3E%3C/g%3E%3C/svg%3E");--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px)}[data-theme=dark]{--color-text: #F8FAFC;--color-text-light: #CBD5E1;--color-text-muted: #94A3B8;--color-text-inverse: #0F172A;--color-bg: #0F172A;--color-bg-light: #1E293B;--color-bg-lighter: #334155;--color-bg-dark: #020617;--color-bg-darker: #000000;--color-heading: #E2E8F0;--color-border: #334155;--color-border-light: #475569;--color-border-dark: #1E293B;--gradient-bg: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--gradient-card: linear-gradient(135deg, rgba(30, 41, 59, .8) 0%, rgba(51, 65, 85, .4) 100%);--gradient-hero: linear-gradient(135deg, #000000 0%, #0F172A 50%, #1E293B 100%);--glass-bg: rgba(30, 41, 59, .3);--glass-border: rgba(71, 85, 105, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5), 0 8px 10px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-purple: 0 0 20px rgba(99, 102, 241, .3);--shadow-neural: 0 8px 32px rgba(59, 130, 246, .2), 0 4px 16px rgba(99, 102, 241, .15);--neural-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233B82F6' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Ccircle cx='10' cy='10' r='1'/%3E%3Ccircle cx='50' cy='50' r='1'/%3E%3Ccircle cx='10' cy='50' r='1'/%3E%3Ccircle cx='50' cy='10' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--circuit-pattern: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236366F1' fill-opacity='0.06'%3E%3Cpath d='M20 20h10v1H20zM10 20h1v10h-1zM20 10v1h10v-1z'/%3E%3C/g%3E%3C/svg%3E")}.theme-professional{--color-primary: #0f172a;--color-secondary: #0891b2;--color-accent: #06b6d4;--color-text: #0f172a;--color-text-light: #475569}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.card{background:var(--gradient-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.button{background:var(--gradient-secondary);color:var(--color-white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.button:hover{background:var(--gradient-accent);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.button-secondary{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.button-secondary:hover{background:var(--color-secondary);color:var(--color-white)}[data-direction]{--design-paper: #f3f0e8;--design-ink: #202a28;--design-muted: #59615a;--design-line: #c8ccc2;--design-accent: #963f2e;--design-soft: #e3e5da;--design-white: #fff;--design-display: Georgia, "Times New Roman", serif;--design-body: "Atkinson", Arial, sans-serif;--design-mono: Consolas, "Courier New", monospace;--design-size-label: .72rem;--design-size-small: .88rem;--design-size-body: 1.1rem;--design-size-deck: 1.3rem;--design-size-title: clamp(3.5rem, 6.8vw, 6.5rem);--design-size-section: clamp(2.5rem, 4vw, 4rem);--design-size-project: clamp(2.4rem, 3.5vw, 3.5rem);--design-size-wordmark: 2rem;--design-size-cover: clamp(4.5rem, 8vw, 8rem);--design-size-arrow: 1.5rem;--design-page: min(1200px, calc(100% - 112px) );--design-space-xs: .4rem;--design-space-sm: .8rem;--design-space-md: 1.5rem;--design-space-lg: 2.5rem;--design-space-xl: 4rem;--design-space-2xl: 6rem;--design-hairline: 1px;--design-focus: 3px;--design-radius: 2px;--design-target: 44px;--design-portrait: 230px;--design-copy: 38rem;--design-warm: #dccdbc;--color-text: var(--design-ink);--color-text-light: var(--design-muted);--color-secondary: var(--design-accent)}[data-direction=studio]{--design-paper: #102e30;--design-ink: #eff1e7;--design-muted: #b2c6bf;--design-line: #47605a;--design-accent: #d6ec96;--design-soft: #204044;--design-display: "Atkinson", Arial, sans-serif;--design-warm: #e6ddc8}@media (max-width: 700px){[data-direction]{--design-page: calc(100% - 40px) ;--design-space-2xl: 3.5rem;--design-space-xl: 2.5rem;--design-portrait: 120px}}[data-direction=journal]{--design-reading: 44rem;--design-reading-wide: 60rem;--design-size-reading-title: clamp(2.8rem, 5vw, 4.7rem);--design-size-reading-mobile: clamp(2.25rem, 9vw, 3.3rem);--design-size-reading-h2: clamp(1.8rem, 3vw, 2.5rem);--design-size-quote: clamp(1.6rem, 2.7vw, 2.5rem);--design-size-code: .88em;--design-code-pad: .2em;--design-portrait-about: 300px}@view-transition{navigation: auto;}.page-transition{transition:opacity var(--transition-base),transform var(--transition-base)}.page-transition.entering{opacity:0;transform:translateY(20px)}.page-transition.entered{opacity:1;transform:translateY(0)}:root{--accent: var(--color-secondary);--accent-dark: var(--color-secondary-dark);--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: var(--shadow-lg)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:var(--font-family-primary);margin:0;padding:0;text-align:left;background:var(--gradient-bg);background-attachment:fixed;word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text);font-size:var(--font-scale-base);line-height:1.7;transition:all var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}main{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;color:var(--color-text);line-height:1.2;font-weight:var(--font-weight-bold);letter-spacing:-.025em;font-family:var(--font-family-display)}h1{font-size:var(--font-scale-5xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-lg);background:var(--gradient-neural);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}h2{font-size:var(--font-scale-3xl);margin-bottom:var(--spacing-md);color:var(--color-text)}h3{font-size:var(--font-scale-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text)}h4{font-size:var(--font-scale-xl);margin-bottom:var(--spacing-sm);color:var(--color-text)}strong,b{font-weight:600;color:var(--color-text)}a{color:var(--color-secondary);text-decoration:none;transition:all var(--transition-base);border-bottom:2px solid transparent;font-weight:500}a:hover,a:focus{color:var(--color-accent);border-bottom-color:var(--color-accent)}button,.button{background:var(--gradient-secondary);color:var(--color-white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:var(--font-scale-base);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-spring);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);position:relative;overflow:hidden}button:hover,.button:hover{background:var(--gradient-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}button:active,.button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.button-primary{background:var(--gradient-neural);box-shadow:var(--shadow-glow)}.button-primary:hover{box-shadow:var(--shadow-glow-purple)}.button-outline{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.button-outline:hover{background:var(--color-secondary);color:var(--color-white);transform:translateY(-2px)}.button-ghost{background:transparent;color:var(--color-text-light);border:1px solid var(--color-border);box-shadow:none}.button-ghost:hover{background:var(--color-bg-light);color:var(--color-text);border-color:var(--color-secondary);box-shadow:var(--shadow-sm)}.card{background:var(--gradient-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:all var(--transition-base);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-neural);transform:translateY(-4px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-neural);opacity:0;transition:opacity var(--transition-base)}.card:hover:before{opacity:1}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-glow)}p,ul,ol{margin-bottom:var(--spacing-lg);color:var(--color-text-light);line-height:1.7}.prose p{margin-bottom:var(--spacing-lg)}textarea{width:100%;font-size:16px;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm);transition:border-color var(--transition-base)}textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0891b21a}input{font-size:16px;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm);transition:border-color var(--transition-base)}input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0891b21a}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}table th,table td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left}table th{background:var(--color-bg-light);font-weight:600;color:var(--color-text)}img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}code{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-light);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:.9em;color:var(--color-accent);border:1px solid var(--color-border-light);font-weight:var(--font-weight-medium)}pre{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);background:var(--gradient-primary);color:var(--color-text-inverse);overflow-x:auto;box-shadow:var(--shadow-neural);border:1px solid var(--color-border-dark);position:relative}pre>code{all:unset;background:none;border:none;color:inherit}blockquote{border-left:4px solid var(--color-secondary);padding:0 0 0 var(--spacing-lg);margin:var(--spacing-lg) 0;font-size:var(--font-scale-lg);color:var(--color-text-light);font-style:italic;background:var(--color-bg-light);padding:var(--spacing-lg);border-radius:var(--border-radius)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.human-commentary{border-left:4px solid var(--color-success);background:var(--color-bg-light);padding:var(--spacing-lg);margin:0 0 var(--spacing-xl) 0;border-radius:var(--border-radius);font-style:normal}.human-commentary .commentary-label{display:inline-block;font-size:var(--font-scale-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-success);margin-bottom:var(--spacing-sm)}.human-commentary p{margin:0;color:var(--color-text);font-size:var(--font-scale-base)}@media (max-width: 1200px){main{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 768px){body{font-size:var(--font-scale-sm)}main{padding:var(--spacing-lg) var(--spacing-md)}h1{font-size:var(--font-scale-4xl)}h2{font-size:var(--font-scale-2xl)}h3{font-size:var(--font-scale-xl)}.card{padding:var(--spacing-lg)}.button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-scale-sm)}}@media (max-width: 480px){h1{font-size:var(--font-scale-3xl)}h2{font-size:var(--font-scale-xl)}main{padding:var(--spacing-md) var(--spacing-sm)}.card{padding:var(--spacing-md)}}.text-gradient{background:var(--gradient-neural);-webkit-background-clip:text;background-clip:text;color:transparent}.text-ai{color:var(--color-secondary)}.bg-neural{background:var(--neural-pattern),var(--gradient-bg)}.bg-circuit{background:var(--circuit-pattern),var(--color-bg-light)}.glow{box-shadow:var(--shadow-glow)}.glow-purple{box-shadow:var(--shadow-glow-purple)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.focus-visible:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}html{scroll-behavior:smooth}::selection{background:var(--color-secondary);color:var(--color-white)}::-moz-selection{background:var(--color-secondary);color:var(--color-white)}.direction,.direction *{box-sizing:border-box}.direction{margin:0;background:var(--design-paper);color:var(--design-ink);font-family:var(--design-body);font-size:var(--design-size-body);line-height:1.6}.direction *{transition:none}.direction main{width:var(--design-page);max-width:none;padding:0;margin:auto}.direction h1,.direction h2,.direction h3{color:var(--design-ink);font-family:var(--design-display);font-weight:400;letter-spacing:-.055em;background:none;margin:0;line-height:1.06}.direction h1{font-size:var(--design-size-title)}.direction h2{font-size:var(--design-size-section)}.direction h3{font-size:var(--design-size-project)}.direction p{color:inherit;margin:0 0 var(--design-space-md)}.direction em{color:var(--design-accent);font-weight:inherit}.direction a{color:inherit;text-decoration:none;border:0}.direction a:hover{text-decoration:underline;text-underline-offset:.25em}.direction a:focus-visible{outline:var(--design-focus) solid var(--design-accent);outline-offset:var(--design-space-xs)}.direction img{display:block;max-width:100%;height:auto;border-radius:0}.direction .skip-link{position:absolute;transform:translateY(-200%);background:var(--design-paper);padding:var(--design-space-md);z-index:10}.direction .skip-link:focus{transform:none}.design-header{width:var(--design-page);margin:auto;padding:var(--design-space-md) 0;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--design-hairline) solid var(--design-line)}.direction .wordmark{font-family:var(--design-body);font-size:var(--design-size-wordmark);font-weight:700;letter-spacing:-.08em;line-height:1;min-height:var(--design-target);display:flex;align-items:center}.wordmark-dot{color:var(--design-accent)}.wordmark-ai{font-weight:400}.design-header nav{display:flex;gap:var(--design-space-lg)}.design-header nav a,.header-github{min-height:var(--design-target);display:inline-flex;align-items:center;font-size:var(--design-size-small)}.direction .eyebrow,.direction .small-label{font-family:var(--design-mono);font-size:var(--design-size-label);letter-spacing:.06em;line-height:1.5;text-transform:uppercase;color:var(--design-muted)}.direction .eyebrow{margin-bottom:var(--design-space-md)}.direction .text-link{display:inline-flex;min-height:var(--design-target);align-items:center;gap:var(--design-space-lg);font-weight:700;font-size:var(--design-size-small);border-bottom:var(--design-hairline) solid currentColor}.direction .project-caveat{font-size:var(--design-size-small);color:var(--design-muted)}.section-rule{display:flex;justify-content:space-between;align-items:baseline;gap:var(--design-space-md);border-top:var(--design-hairline) solid var(--design-ink);padding-top:var(--design-space-md);margin-bottom:var(--design-space-lg)}.section-rule h2{font-family:var(--design-body);letter-spacing:-.035em;font-size:var(--design-size-deck);font-weight:700}.journal-hero{display:grid;grid-template-columns:3fr 1fr;gap:var(--design-space-2xl);padding:var(--design-space-2xl) 0;align-items:end}.hero-deck{max-width:var(--design-copy);font-size:var(--design-size-deck);margin:var(--design-space-lg) 0 var(--design-space-md)!important}.author-note{max-width:var(--design-portrait)}.portrait-frame{background:var(--design-soft);width:var(--design-portrait);aspect-ratio:1;overflow:hidden;margin-bottom:var(--design-space-md);border-radius:50% 50% 0 0}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1)}.author-note p{font-size:var(--design-size-small);line-height:1.5}.journal-feature{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:var(--design-space-xl)}.project-image{display:block;background:var(--design-soft)}.project-image img{width:100%;aspect-ratio:1.6;object-fit:cover}.feature-copy h3{margin-bottom:var(--design-space-md)}.work-index{display:grid;grid-template-columns:1fr 1fr;gap:var(--design-space-xl);margin-top:var(--design-space-xl)}.work-index article{padding:var(--design-space-lg) 0;border-top:var(--design-hairline) solid var(--design-line)}.work-index h3{margin:var(--design-space-sm) 0 var(--design-space-md)}.work-index p{max-width:var(--design-copy)}.journal-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--design-space-xl);border-top:var(--design-hairline) solid var(--design-ink);padding:var(--design-space-xl) 0 var(--design-space-2xl);margin-top:var(--design-space-xl)}.article-link{border-top:var(--design-hairline) solid var(--design-line)!important;padding:var(--design-space-md) 0;display:grid;grid-template-columns:1fr auto;gap:var(--design-space-sm)}.article-link>span:first-child{grid-column:1 / -1;font-size:var(--design-size-label);font-family:var(--design-mono)}.article-link strong{font-size:var(--design-size-deck);font-weight:400}.design-footer{width:var(--design-page);margin:auto;border-top:var(--design-hairline) solid var(--design-line);padding:var(--design-space-lg) 0;display:flex;gap:var(--design-space-lg);align-items:center;flex-wrap:wrap}.design-footer p{margin:0 auto 0 0;font-size:var(--design-size-small);color:var(--design-muted)}.design-footer>a:not(.wordmark){font-size:var(--design-size-small);min-height:var(--design-target);display:inline-flex;align-items:center}[data-direction=studio] .wordmark{text-transform:uppercase;font-size:var(--design-size-deck);letter-spacing:-.07em}[data-direction=studio] .wordmark-ai{font-weight:700}.studio-hero{padding:var(--design-space-2xl) 0 var(--design-space-xl)}.studio-hero h1{font-weight:700;letter-spacing:-.07em;line-height:.99}.studio-hero h1 span{color:var(--design-accent)}.studio-intro{display:grid;grid-template-columns:1fr 2fr 1.2fr;align-items:center;gap:var(--design-space-xl);margin-top:var(--design-space-xl)}.studio-cross{font-size:var(--design-size-section);line-height:1;font-weight:400;color:var(--design-accent)}.studio-intro p{margin:0;font-size:var(--design-size-deck)}.solid-link{background:var(--design-accent);color:var(--design-paper)!important;display:inline-flex;align-items:center;justify-content:space-between;padding:var(--design-space-md);min-height:var(--design-target);font-size:var(--design-size-small);font-weight:700;gap:var(--design-space-lg)}.studio-feature{background:var(--design-soft);padding:var(--design-space-lg)}.studio-feature-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--design-space-lg)}.studio-feature-head h3{margin-top:var(--design-space-sm);font-weight:700}.round-link{font-size:var(--design-size-arrow);display:flex;align-items:center;justify-content:center;width:max(var(--design-target),var(--design-space-xl));height:max(var(--design-target),var(--design-space-xl));border:var(--design-hairline) solid var(--design-line)!important;border-radius:50%}.studio-image img{width:100%}.studio-caption{display:flex;justify-content:space-between;align-items:end;gap:var(--design-space-md);padding-top:var(--design-space-md)}.studio-caption p{margin:0}.studio-caption p span{color:var(--design-muted);font-size:var(--design-size-small)}.studio-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--design-space-lg);margin-top:var(--design-space-lg)}.extension{padding:var(--design-space-lg);background:var(--design-warm);color:var(--design-paper);display:flex;flex-direction:column}.extension-label{display:flex;align-items:center;justify-content:space-between}.extension-label .eyebrow{color:var(--design-paper);margin:0}.extension-label a{font-size:var(--design-size-arrow);min-height:var(--design-target);min-width:var(--design-target);display:grid;place-items:center}.extension h3{color:var(--design-paper);font-size:var(--design-size-cover);line-height:.86;font-weight:700;letter-spacing:-.08em;margin:var(--design-space-xl) 0}.extension h3 span{color:var(--design-accent)}.extension-bottom p{font-size:var(--design-size-small)}.extension-bottom p:first-child{font-size:var(--design-size-deck)}.daily{border:var(--design-hairline) solid var(--design-line);padding:var(--design-space-lg);display:flex;flex-direction:column}.daily h3{margin:var(--design-space-xl) 0 var(--design-space-lg);font-size:var(--design-size-section)}.daily h3 em,.studio-writing h2 em{font-family:Georgia,serif}.daily .text-link{margin-top:auto;align-self:start}.studio-writing{margin:var(--design-space-2xl) 0}.studio-writing h2{margin-bottom:var(--design-space-lg)}.studio-article{display:grid;grid-template-columns:1fr 3fr auto;gap:var(--design-space-lg);align-items:baseline;padding:var(--design-space-lg) 0;border-top:var(--design-hairline) solid var(--design-line)!important}.studio-article>span:first-child{font-family:var(--design-mono);color:var(--design-muted);font-size:var(--design-size-label)}.studio-article strong{font-size:var(--design-size-deck);font-weight:400}@media (max-width: 900px){.journal-hero{gap:var(--design-space-lg)}.studio-intro{grid-template-columns:1fr 2fr}.studio-cross{display:none}.studio-intro .solid-link{justify-self:end}}@media (max-width: 700px){.design-header{flex-wrap:wrap;gap:var(--design-space-sm)}.design-header nav{order:3;width:100%;justify-content:space-between;gap:var(--design-space-sm)}.design-header nav a{min-height:var(--design-target)}.journal-hero,.journal-feature,.work-index,.journal-notes,.studio-secondary,.studio-intro{grid-template-columns:1fr}.journal-hero{padding-top:var(--design-space-xl)}.author-note{max-width:none;display:grid;grid-template-columns:var(--design-portrait) 1fr;gap:var(--design-space-md);align-items:center}.author-note p{margin:0}.author-note .small-label{grid-column:2}.portrait-frame{grid-row:span 2;margin:0}.hero-deck{font-size:var(--design-size-body)}.section-rule{flex-wrap:wrap;gap:var(--design-space-sm)}.work-index{gap:0;margin-top:var(--design-space-lg)}.journal-notes{margin-top:var(--design-space-lg)}.design-footer{gap:var(--design-space-md)}.design-footer p{width:calc(100% - 140px);margin:0}.studio-intro{gap:var(--design-space-md)}.studio-intro .solid-link{justify-self:stretch}.studio-feature{padding:var(--design-space-md)}.studio-caption{align-items:start;flex-direction:column}.studio-article{grid-template-columns:1fr auto;gap:var(--design-space-sm)}.studio-article>span:first-child{grid-column:1 / -1}.extension h3{margin:var(--design-space-lg) 0}}