:root{color-scheme:light;--bg: #f5efe4;--ink: #1c1b18;--ink-soft: #5e574c;--ink-faint: #908775;--rule: #d8cfbd;--accent: #2f5d3a;--accent-warm: #b04a25;--leaf: #7ea66a}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background-color:var(--bg);background-image:radial-gradient(1100px 700px at 8% -10%,color-mix(in srgb,var(--leaf) 14%,transparent) 0%,transparent 60%),radial-gradient(900px 600px at 110% 110%,color-mix(in srgb,var(--accent-warm) 10%,transparent) 0%,transparent 55%);color:var(--ink);font-family:Fraunces,"Instrument Serif",Georgia,serif;font-optical-sizing:auto;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column;align-items:center;padding:clamp(2.5rem,8vw,5rem) clamp(1.5rem,5vw,3rem) clamp(3rem,10vw,6rem)}main{width:100%;max-width:640px;display:grid;gap:clamp(3rem,7vh,5rem)}.site-header{width:100%;max-width:640px;display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:clamp(2rem,5vw,3rem)}.site-header--home{position:fixed;top:0;left:0;right:0;width:auto;max-width:none;margin:0;padding:clamp(1rem,3vw,1.5rem) clamp(1.5rem,5vw,3rem);background:linear-gradient(to bottom,var(--bg) 60%,transparent);z-index:100;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease}.site-header--home.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header--home .nav-brand{display:inline-block;transform-origin:left center;transform:scale(4);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.site-header--home.is-visible .nav-brand{transform:scale(1)}.nav-brand{font-size:1.5rem;text-decoration:none;line-height:1}.site-nav{display:flex;gap:1.75rem;align-items:baseline;flex-wrap:wrap;margin-left:auto}.site-nav a{font-family:Fraunces,serif;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--accent);text-decoration:none;white-space:nowrap;border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:.3em .85em;border-radius:100px}.site-nav a:hover{color:var(--accent-warm);border-color:color-mix(in srgb,var(--accent-warm) 40%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}h1,h2,h3{font-family:"Instrument Serif",Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.015em;color:var(--ink)}h1{font-size:clamp(3.4rem,11vw,6rem);line-height:.95;letter-spacing:-.025em}h2{font-size:clamp(2rem,5vw,3rem);line-height:1.05}h3{font-size:clamp(1.5rem,3.2vw,1.9rem);line-height:1.15}h1 em,h2 em,h3 em{font-style:italic;color:var(--accent)}.eyebrow{font-family:Fraunces,serif;font-size:.78rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-warm)}.prose-lead{font-size:1.05rem;font-weight:500;line-height:1.6;color:var(--accent);max-width:56ch}.prose{font-size:1.05rem;font-weight:400;line-height:1.7;color:var(--ink-soft);max-width:56ch}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em;font-weight:500}.prose a:hover{color:var(--accent-warm)}.prose strong{font-weight:500;color:var(--ink)}.prose em{font-style:italic;color:var(--ink)}.hero{display:grid;gap:1.4rem;padding-top:1rem}.sprout{font-size:clamp(4.5rem,14vw,7rem);line-height:1;width:max-content;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--leaf) 40%,transparent));animation:sway 7s ease-in-out infinite;transform-origin:50% 100%;margin-bottom:.4rem}@keyframes sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.tagline{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1.4rem,3.4vw,1.9rem);color:var(--accent);line-height:1.3;margin-top:-.2rem}.lede{font-size:1.05rem;line-height:1.65;color:var(--ink-soft);max-width:56ch;margin-top:.6rem}.block{display:grid;gap:1.1rem}.forks{list-style:none;display:grid;gap:1rem;margin-top:.6rem}.forks li{display:grid;grid-template-columns:3.5rem 1fr;gap:1.4rem;align-items:baseline;padding:1.6rem 1.8rem;background:color-mix(in srgb,var(--ink) 4%,var(--bg));border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);border-radius:14px}.forks .num{font-family:"Instrument Serif",serif;font-style:italic;font-size:2.4rem;color:var(--accent-warm);line-height:1}.forks p{color:var(--ink-soft);font-size:1.05rem;line-height:1.65}.forks strong{font-weight:500;color:var(--ink);font-style:italic;font-family:"Instrument Serif",serif;font-size:1.1em}.steps{list-style:none;display:grid;gap:1rem;margin-top:.6rem}.steps>li{display:grid;gap:.5rem;padding:1.7rem 1.9rem 1.9rem;background:color-mix(in srgb,var(--ink) 4%,var(--bg));border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);border-radius:14px}.steps header{display:flex;align-items:center;gap:1rem;color:var(--ink-faint);margin-bottom:.4rem}.steps header h3{flex:1 1 auto;margin:0}.steps .step-num{font-family:"Instrument Serif",serif;font-style:italic;font-size:1.15rem;line-height:1;color:var(--accent);background:var(--bg);border:1.5px solid var(--accent);width:2.2rem;height:2.2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.steps .step-time{font-family:Fraunces,serif;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.steps h3 .emoji{font-style:normal;font-size:.85em;margin-left:.15em}.steps p{color:var(--ink-soft);font-size:1.05rem;line-height:1.65;max-width:56ch}.approach-cards{list-style:none;display:grid;gap:1rem;margin-top:.6rem}.approach-card{padding:1.7rem 1.9rem 1.9rem;background:color-mix(in srgb,var(--ink) 4%,var(--bg));border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);border-radius:14px;display:grid;gap:.7rem}.approach-card h3{font-size:clamp(1.25rem,2.8vw,1.6rem)}.approach-card>p{color:var(--ink-soft);font-size:1.02rem;line-height:1.65;max-width:52ch}.stack-card{padding:1.4rem 1.7rem;background:color-mix(in srgb,var(--ink) 4%,var(--bg));border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);border-radius:14px}.stack-list{list-style:none;display:grid;gap:.45rem;margin-top:.75rem}.stack-list li{display:flex;align-items:baseline;gap:.5rem;font-size:.95rem}.stack-flag{width:1.4rem;flex:0 0 auto}.stack-list strong{color:var(--ink);font-weight:500}.stack-role{color:var(--ink-faint);font-size:.88rem}.stack-oss{font-family:Fraunces,serif;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:.1em .45em;border-radius:4px;line-height:1.6;white-space:nowrap}.testimonials .prose{color:var(--ink-faint);font-style:italic;font-size:.9rem;margin-top:-.25rem}.testimonial-list{display:grid;gap:1rem;margin-top:.6rem}.testimonial{padding:1.4rem 1.8rem;background:color-mix(in srgb,var(--accent) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);border-left:3px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:0 12px 12px 0;display:grid;gap:.6rem}.testimonial p{color:var(--ink-soft);font-size:1rem;font-style:italic;line-height:1.65}.testimonial footer{font-family:Fraunces,serif;font-size:.82rem;font-weight:500;letter-spacing:.05em;color:var(--ink-faint)}.chart-figure{margin-top:.5rem;padding:1.5rem 1rem 1.25rem;background:color-mix(in srgb,var(--ink) 3%,var(--bg));border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);border-radius:14px}.chart-figure>svg{width:100%;display:block}.chart-caption{margin-top:.75rem;padding:0 .25rem;font-family:system-ui,sans-serif;font-size:.82rem;color:var(--ink-faint);line-height:1.5}.chart-x-mark{display:inline-block;vertical-align:-.35em;margin-right:.15em}.chart-legend-list{display:grid;gap:1.25rem}.chart-legend-item{display:grid;grid-template-columns:2rem 1fr;gap:1rem;align-items:start}.legend-line{display:block;height:2px;margin-top:.65rem;border-radius:2px}.legend-line--traditional{background:var(--ink-faint);background:repeating-linear-gradient(to right,var(--ink-faint) 0,var(--ink-faint) 7px,transparent 7px,transparent 11px)}.legend-line--vibe{background:var(--accent-warm)}.legend-line--living{background:var(--accent)}.chart-legend-item strong{display:block;font-weight:500;color:var(--ink);margin-bottom:.25rem;font-size:1rem}.chart-legend-item .prose{font-size:.95rem}.cta{display:grid;gap:1rem;padding-top:.5rem}.contact{font-size:1.05rem;font-weight:500;color:var(--ink);margin-top:.25rem}.contact a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em}.contact a:hover{color:var(--accent-warm)}@media(prefers-reduced-motion:no-preference){.hero>*,.block>*,.cta>*{opacity:0;transform:translateY(8px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}.sprout{animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards,sway 7s ease-in-out .9s infinite}.hero .sprout{animation-delay:.05s,.95s}.hero h1{animation-delay:.2s}.hero .tagline{animation-delay:.35s}.hero .lede{animation-delay:.5s}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(max-width:540px){body{padding:1.25rem 1.25rem 3rem}main{gap:2.5rem}.site-header:not(.site-header--home){margin-bottom:1.5rem}.site-nav{gap:1.1rem}.forks li{grid-template-columns:2.4rem 1fr;gap:1rem;padding:1.3rem 1.4rem}.forks .num{font-size:2rem}.steps>li{padding:1.4rem 1.4rem 1.6rem}.steps header{gap:.7rem}.steps .step-time{font-size:.7rem}.approach-card{padding:1.4rem 1.4rem 1.6rem}.testimonial{padding:1.2rem 1.4rem}}
