:root{--color-bg: #faf8f5;--color-bg-elevated: #f3efe9;--color-bg-card: #f0ece6;--color-bg-card-hover: #eae5dd;--color-surface: #e8e3db;--color-border: #ddd8cf;--color-border-light: #ccc7be;--color-fg: #1a1a1a;--color-fg-muted: #555555;--color-fg-subtle: #8a8580;--color-accent: #1a1a1a;--color-accent-dim: rgba(26, 26, 26, .04);--color-accent-secondary: #333333;--color-danger: #b54834;--color-warning: #c4873a;--color-success: #3d8c5c;--font-display: "Google Sans", "Google Sans Text", "Helvetica Neue", Arial, sans-serif;--font-body: "Google Sans Text", "Google Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: .65rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 5rem;--text-6xl: 7rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-fg);line-height:1.5;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-fg)}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{font-size:var(--text-base);line-height:1.65;color:var(--color-fg-muted)}strong{color:var(--color-fg);font-weight:600}a{color:inherit;text-decoration:none}.text-accent{color:var(--color-fg)}.text-muted{color:var(--color-fg-muted)}.text-subtle{color:var(--color-fg-subtle)}.text-uppercase{text-transform:uppercase;letter-spacing:.15em;font-size:var(--text-sm);font-weight:600}.text-label{text-transform:uppercase;letter-spacing:.2em;font-size:var(--text-xs);font-weight:500;color:var(--color-fg-muted)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.swiss-divider{width:100%;height:1px;background-color:var(--color-border);margin:40px 0}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.018;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-40px) scale(.99)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.99)}}::view-transition-old(slide){animation:slideOutToLeft .45s cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(slide){animation:slideInFromRight .45s cubic-bezier(.4,0,.2,1) forwards}[data-nav-direction=backward]::view-transition-old(slide){animation:slideOutToRight .45s cubic-bezier(.4,0,.2,1) forwards}[data-nav-direction=backward]::view-transition-new(slide){animation:slideInFromLeft .45s cubic-bezier(.4,0,.2,1) forwards}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}@keyframes animUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes animFade{0%{opacity:0}to{opacity:1}}@keyframes animScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes animLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes animRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes animUpSubtle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes animLineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}[data-animate]{opacity:0}.page-ready [data-animate=up]{animation:animUp .55s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms + .1s)}.page-ready [data-animate=fade]{animation:animFade .5s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms + .1s)}.page-ready [data-animate=scale]{animation:animScale .55s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms + .1s)}.page-ready [data-animate=left]{animation:animLeft .55s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms + .1s)}.page-ready [data-animate=right]{animation:animRight .55s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms + .1s)}.page-ready [data-animate=up-subtle]{animation:animUpSubtle .45s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms + .1s)}::selection{background:var(--color-fg);color:var(--color-bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}img{display:block;max-width:100%}
