:root{--font-display:"Playfair Display",Georgia,serif;--font-body:"Söhne","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--text-hero:clamp(3rem,8vw,7rem);--color-bg:#fdfbf7;--color-bg-subtle:#f7f4ed;--color-bg-muted:#ede8dc;--color-ink:#1a1a1a;--color-ink-light:#4a4a4a;--color-ink-muted:#8a8a8a;--color-accent:#2d4a3e;--color-accent-light:#4a7a6a;--color-highlight:#d4a574;--color-border:rgba(26,26,26,.08);--color-border-strong:rgba(26,26,26,.15);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--space-16:8rem;--space-20:10rem;--space-24:12rem;--max-width-reading:680px;--max-width-content:1200px;--max-width-wide:1400px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-ink);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:1.7;max-width:var(--max-width-reading)}a{color:inherit;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}a:hover{opacity:.7}strong{font-weight:600}em{font-style:italic}small{font-size:var(--text-sm);color:var(--color-ink-muted)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-subtle);padding:.1em .3em;border-radius:3px}.link{position:relative;display:inline-block}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-normal) var(--ease-out)}.link:hover:after{transform:scaleX(1);transform-origin:left}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn:hover{background:var(--color-ink);color:var(--color-bg);opacity:1}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-light);border-color:var(--color-accent-light)}.btn--ghost{border-color:transparent}.btn--ghost:hover{background:var(--color-bg-subtle);color:var(--color-ink)}input,textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--color-ink-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-ink-muted)}.text-light{color:var(--color-ink-light)}.text-accent{color:var(--color-accent)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger>:first-child{animation-delay:0ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.2s}.stagger>:nth-child(4){animation-delay:.3s}.stagger>:nth-child(5){animation-delay:.4s}.stagger>:nth-child(6){animation-delay:.5s}.stagger>:nth-child(7){animation-delay:.6s}.stagger>:nth-child(8){animation-delay:.7s}@media (max-width:1200px){:root{--text-5xl:3rem;--text-6xl:4rem}}@media (max-width:768px){:root{--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem;--space-16:5rem;--space-20:6rem;--space-24:8rem}html{font-size:15px}}@media (max-width:480px){:root{--text-3xl:1.75rem;--text-4xl:1.875rem;--text-5xl:2.25rem}html{font-size:14px}}@media print{body:before,nav{display:none}}