:root{--ink: #14201c;--ink-soft: #2c3d36;--muted: #5a6f66;--paper: #eef5f1;--mist: #d7e8df;--teal: #0f7a6c;--teal-bright: #1aa891;--copper: #b86b2a;--glow: rgba(26, 168, 145, .35);--font-display: "Syne", sans-serif;--font-body: "Figtree", sans-serif;--max: 68rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--ink)}.page{position:relative;isolation:isolate;overflow-x:clip}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 10% -10%,#c8ebe0 0%,transparent 55%),radial-gradient(90% 70% at 90% 10%,#f3e0c8 0%,transparent 50%),linear-gradient(180deg,#eef5f1,#e3efe8 45%,#dce9e2)}.mesh{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:linear-gradient(rgba(20,32,28,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,28,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 20%,black 20%,transparent 75%);animation:mesh-drift 28s linear infinite}.grid-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(238,245,241,.85) 78%)}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.orb-a{width:28rem;height:28rem;top:-6rem;right:-4rem;background:var(--glow);animation:float-a 14s ease-in-out infinite}.orb-b{width:18rem;height:18rem;top:40vh;left:-6rem;background:#b86b2a2e;animation:float-b 18s ease-in-out infinite}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max);margin:0 auto;padding:1.25rem 1.5rem}.nav-brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:.9rem 1.25rem;font-size:.95rem;font-weight:500}.nav-links a{color:var(--ink-soft);text-decoration:none}.nav-links a:hover{color:var(--teal)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:end;max-width:var(--max);margin:0 auto;min-height:calc(100vh - 4.5rem);padding:2rem 1.5rem 4rem}.brand{margin:0 0 .35rem;font-family:var(--font-display);font-weight:800;font-size:clamp(3.4rem,9vw,6.5rem);line-height:.9;letter-spacing:-.03em;color:var(--ink);animation:rise .9s cubic-bezier(.22,1,.36,1) both}.hero h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:-.02em;color:var(--teal);animation:rise .9s cubic-bezier(.22,1,.36,1) .08s both}.lede{margin:1.1rem 0 0;max-width:32rem;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink-soft);animation:rise .9s cubic-bezier(.22,1,.36,1) .16s both}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;animation:rise .9s cubic-bezier(.22,1,.36,1) .24s both}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.25rem;border-radius:.35rem;font-weight:600;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease}.cta:hover{transform:translateY(-2px)}.cta.primary{background:var(--ink);color:#f4faf7}.cta.primary:hover{background:var(--teal);color:#f4faf7}.cta.ghost{border:1.5px solid rgba(20,32,28,.25);color:var(--ink)}.cta.ghost:hover{border-color:var(--teal);color:var(--teal)}.hero-visual{min-height:18rem;display:grid;place-items:center;animation:rise 1s cubic-bezier(.22,1,.36,1) .2s both}.pipe-stage{position:relative;width:min(100%,22rem);aspect-ratio:1;border-radius:1.25rem;background:linear-gradient(145deg,#ffffff8c,#ffffff14),radial-gradient(circle at 30% 20%,rgba(26,168,145,.25),transparent 55%);border:1px solid rgba(20,32,28,.08);overflow:hidden}.pipe{position:absolute;height:.45rem;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--teal-bright));opacity:.85}.p1{top:28%;left:12%;width:55%;animation:flow 3.2s ease-in-out infinite}.p2{top:48%;left:28%;width:48%;background:linear-gradient(90deg,var(--copper),#d59a52);animation:flow 3.8s ease-in-out .4s infinite}.p3{top:68%;left:16%;width:62%;animation:flow 4.2s ease-in-out .8s infinite}.node{position:absolute;width:1rem;height:1rem;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px #14201c14}.n1{top:calc(28% - .25rem);left:12%}.n2{top:calc(48% - .25rem);right:18%;background:var(--copper)}.n3{top:calc(68% - .25rem);right:14%}.pulse{position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:#fff;box-shadow:0 0 16px var(--teal-bright);top:calc(28% - .12rem);left:12%;animation:travel 3.2s ease-in-out infinite}.section{max-width:var(--max);margin:0 auto;padding:4.5rem 1.5rem 1rem}.section h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em}.section-lede{margin:.75rem 0 0;max-width:38rem;color:var(--muted);font-size:1.05rem}.into-list,.project-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.85rem}.into-list li{padding:.85rem 0;border-top:1px solid rgba(20,32,28,.12);font-size:1.05rem;color:var(--ink-soft)}.into-list li:last-child{border-bottom:1px solid rgba(20,32,28,.12)}.project-list a{display:grid;gap:.35rem;padding:1.1rem 0;border-top:1px solid rgba(20,32,28,.12);text-decoration:none;color:inherit;transition:padding-left .2s ease}.project-list li:last-child a{border-bottom:1px solid rgba(20,32,28,.12)}.project-list a:hover{padding-left:.4rem}.project-name{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--ink)}.project-list a:hover .project-name{color:var(--teal)}.project-blurb{color:var(--muted)}.stack-flow{margin:1.75rem 0 0;max-width:46rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.55;color:var(--ink-soft)}.facts{padding-bottom:3rem}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;max-width:var(--max);margin:0 auto;padding:2rem 1.5rem 2.5rem;border-top:1px solid rgba(20,32,28,.1);color:var(--muted);font-size:.95rem}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--teal)}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes float-a{0%,to{transform:translate(0)}50%{transform:translate(-2rem,1.5rem)}}@keyframes float-b{0%,to{transform:translate(0)}50%{transform:translate(1.5rem,-2rem)}}@keyframes mesh-drift{0%{transform:translateY(0)}to{transform:translateY(48px)}}@keyframes flow{0%,to{opacity:.45;transform:scaleX(.96);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}@keyframes travel{0%{left:12%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:62%;opacity:0}}@media (max-width: 840px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:1.25rem}.hero-visual{order:-1;min-height:14rem}.pipe-stage{width:min(100%,18rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}