.nav-brand{border-radius:var(--radius-md);padding:4px 0;transition:background-color .12s ease,box-shadow .12s ease}html.dark .nav-brand{padding:6px 12px;background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border)}html.dark .nav-logo--light{display:none!important}html.dark .nav-logo--dark{display:block!important}:root{--canvas: #FAFAF7;--surface: #FFFFFF;--surface-raised: #F3F1EC;--border: #E6E3DC;--text-primary: #111210;--text-secondary: #5A5B54;--text-muted: #8B8C83;--accent: #2E5E4E;--accent-soft: rgba(46, 94, 78, .12);--accent-text: #F2F0EA;--pillar-systems: rgba(31, 58, 104, .08);--pillar-longcourse: rgba(46, 94, 78, .08);--pillar-borders: rgba(184, 138, 43, .08);--pillar-zerotoone: rgba(122, 46, 79, .08);--pillar-transitions: rgba(214, 76, 43, .08);--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 8px 24px -8px rgba(20, 20, 18, .12);--shadow-lift: 0 12px 32px -12px rgba(20, 20, 18, .18);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-none: 0px;--ease-default: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-hover: .15s;--duration-entrance: .5s;--duration-exit: .3s;--duration-page: .2s;--duration-focus: 80ms;--duration-carousel: 6s;--duration-carousel-transition: 1.2s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-32: 128px;--space-48: 192px;--max-width: 1120px;--max-width-prose: 720px;--gutter: 80px;color-scheme:light dark}.dark{--canvas: #0E0F0D;--surface: #151613;--surface-raised: #1C1D1A;--border: #2A2B27;--text-primary: #F2F0EA;--text-secondary: #A3A49B;--text-muted: #6E6F66;--accent: #2E5E4E;--accent-soft: rgba(46, 94, 78, .18);--accent-text: #F2F0EA;--pillar-systems: rgba(31, 58, 104, .14);--pillar-longcourse: rgba(46, 94, 78, .14);--pillar-borders: rgba(184, 138, 43, .14);--pillar-zerotoone: rgba(122, 46, 79, .14);--pillar-transitions: rgba(214, 76, 43, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .12);--shadow-2: 0 8px 24px -8px rgba(0, 0, 0, .4);--shadow-lift: 0 12px 32px -12px rgba(0, 0, 0, .5)}@media(max-width:1023px){:root{--gutter: 48px}}@media(max-width:639px){:root{--gutter: 24px}}@font-face{font-family:Geist Sans;src:url(/fonts/GeistSans-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Variable.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Italic-Variable.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--font-display: "Geist Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "Geist Mono", "JetBrains Mono", "Fira Code", monospace;--font-ui: "Geist Sans", -apple-system, BlinkMacSystemFont, sans-serif}.text-display{font-family:var(--font-display);font-size:clamp(48px,7vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.03em}.text-h1{font-family:var(--font-display);font-size:clamp(36px,5vw,44px);line-height:1.18;font-weight:600;letter-spacing:-.02em}.text-h2{font-family:var(--font-display);font-size:32px;line-height:40px;font-weight:600;letter-spacing:-.02em}.text-h3{font-family:var(--font-display);font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.01em}.text-h4{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600}.text-lead{font-family:var(--font-body);font-size:18px;line-height:28px;font-weight:400}.text-body{font-family:var(--font-body);font-size:16px;line-height:26px;font-weight:400}.text-sm{font-family:var(--font-ui);font-size:14px;line-height:20px;font-weight:400}.text-xs{font-family:var(--font-ui);font-size:12px;line-height:16px;font-weight:500}.text-mono-lg{font-family:var(--font-mono);font-size:48px;line-height:52px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum"}.text-mono-sm{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:400;font-feature-settings:"tnum"}.eyebrow{font-family:var(--font-ui);font-size:12px;line-height:16px;font-weight:500;font-variant:all-small-caps;letter-spacing:.08em;color:var(--text-secondary)}.italic-accent{font-family:var(--font-body);font-style:italic;font-weight:400}.prose{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text-primary);max-width:var(--max-width-prose)}.prose h2{font-family:var(--font-display);font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.02em;margin-top:48px;margin-bottom:16px;color:var(--text-primary)}.prose h3{font-family:var(--font-display);font-size:22px;line-height:30px;font-weight:600;margin-top:32px;margin-bottom:12px;color:var(--text-primary)}.prose p{margin-bottom:24px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-hover) var(--ease-default)}.prose a:hover{color:var(--text-primary)}.prose strong{font-weight:600;color:var(--text-primary)}.prose ul,.prose ol{margin-bottom:24px;padding-left:24px}.prose li{margin-bottom:8px}.prose blockquote{border-left:2px solid var(--accent);padding-left:24px;margin:32px 0;font-style:italic;color:var(--text-secondary)}.prose code{font-family:var(--font-mono);font-size:14px;background:var(--surface-raised);padding:2px 6px;border-radius:var(--radius-sm)}.prose img{border-radius:var(--radius-md);margin:32px 0;width:100%}@media(max-width:639px){.text-h2{font-size:26px;line-height:34px}}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--duration-entrance) var(--ease-out-expo),transform var(--duration-entrance) var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger .stagger-item{opacity:0;transform:translateY(20px);transition:opacity var(--duration-entrance) var(--ease-out-expo),transform var(--duration-entrance) var(--ease-out-expo)}.stagger.visible .stagger-item:nth-child(1){transition-delay:0ms}.stagger.visible .stagger-item:nth-child(2){transition-delay:80ms}.stagger.visible .stagger-item:nth-child(3){transition-delay:.16s}.stagger.visible .stagger-item:nth-child(4){transition-delay:.24s}.stagger.visible .stagger-item:nth-child(5){transition-delay:.32s}.stagger.visible .stagger-item:nth-child(6){transition-delay:.4s}.stagger.visible .stagger-item:nth-child(7){transition-delay:.48s}.stagger.visible .stagger-item:nth-child(8){transition-delay:.56s}.stagger.visible .stagger-item:nth-child(9){transition-delay:.64s}.stagger.visible .stagger-item{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity var(--duration-entrance) var(--ease-out-expo),transform var(--duration-entrance) var(--ease-out-expo)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity var(--duration-entrance) var(--ease-out-expo),transform var(--duration-entrance) var(--ease-out-expo)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity var(--duration-entrance) var(--ease-out-expo),transform var(--duration-entrance) var(--ease-out-expo)}.reveal-scale.visible{opacity:1;transform:scale(1)}.card-hover{transition:transform var(--duration-hover) var(--ease-spring),box-shadow var(--duration-hover) var(--ease-default),background var(--duration-hover) var(--ease-default)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);background:var(--surface-raised)}@keyframes carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.carousel-progress-bar{transform-origin:left;animation:carousel-progress var(--duration-carousel) linear}@keyframes scroll-hint{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(8px);opacity:1}}.scroll-indicator{animation:scroll-hint 2s var(--ease-default) infinite}.nav-transparent{background:transparent;border-bottom-color:transparent}.nav-solid{background:color-mix(in srgb,var(--canvas) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-scale,.stagger .stagger-item{opacity:1;transform:none;transition:none}.card-hover:hover{transform:none}.scroll-indicator,.carousel-progress-bar{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--canvas);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--canvas)}::-moz-selection{background:var(--accent-soft);color:var(--text-primary)}::selection{background:var(--accent-soft);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transition:outline var(--duration-focus) var(--ease-default)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}main.main-offset{padding-top:72px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:var(--accent-text);font-family:var(--font-ui);font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:transform var(--duration-hover) var(--ease-spring),opacity var(--duration-hover) var(--ease-default);text-decoration:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:var(--text-primary);font-family:var(--font-ui);font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:background var(--duration-hover) var(--ease-default),transform var(--duration-hover) var(--ease-spring);text-decoration:none}.btn-secondary:hover{background:var(--accent-soft);transform:translateY(-1px)}.btn-outline-light{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:#f2f0ea;font-family:var(--font-ui);font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:1px solid rgba(242,240,234,.4);cursor:pointer;transition:background var(--duration-hover) var(--ease-default),border-color var(--duration-hover) var(--ease-default);text-decoration:none}.btn-outline-light:hover{background:#f2f0ea1a;border-color:#f2f0eab3}.tag{display:inline-block;padding:4px 8px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm)}.tag-systems{background:var(--pillar-systems)}.tag-longcourse{background:var(--pillar-longcourse)}.tag-borders{background:var(--pillar-borders)}.tag-zerotoone{background:var(--pillar-zerotoone)}.tag-transitions{background:var(--pillar-transitions)}.tag-active{background:var(--accent-soft);color:var(--accent)}