:root{--wrap-max:1060px}body{font:400 17px/1.7 var(--font-body)}a{color:var(--indigo);text-underline-offset:3px}.eyebrow{font:500 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero{padding-block:64px 24px;overflow-x:clip}.hero .wrap{grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:48px;display:grid}h1{font:800 clamp(44px, 7vw, 76px)/1.02 var(--font-display);letter-spacing:-.02em;margin:16px 0 18px}.title-ink{isolation:isolate;display:inline-block;position:relative}.title-ink canvas{z-index:-1;opacity:.3;width:calc(100% + 22px);height:.42em;position:absolute;bottom:-.04em;left:-10px}.dek{color:var(--muted);text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(18px,2.1vw,21px);line-height:1.55}.dek b{color:var(--ink);font-weight:500}.portrait{isolation:isolate;margin:0;position:relative}.portrait img{z-index:1;aspect-ratio:4/5;object-fit:cover;border:1.5px solid var(--ink);border-radius:18px;width:100%;height:auto;display:block;position:relative}.portrait canvas{z-index:0;width:calc(100% + 140px);height:calc(100% + 120px);top:-64px;left:-70px}section{padding-block:40px}.col{max-width:680px;margin:0 auto}.sea-divider{max-width:860px;height:150px;margin:-28px auto 20px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.sea-divider .wave{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 0);mask-image:linear-gradient(90deg,#000 0,#0000 0)}.sea-divider canvas{width:100%;height:100%;position:absolute;inset:0}.sea-divider .wave-wash{opacity:var(--wash-depth,.85)}h2{font:700 clamp(28px, 3.6vw, 38px)/1.15 var(--font-display);text-wrap:balance;margin:8px 0 18px}p{text-wrap:pretty;margin:14px 0}.lead:first-letter{font:800 3.4em/.86 var(--font-display);float:left;color:var(--ink);margin:.06em .1em 0 0}.principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.pr{border:1px solid var(--rule);background:var(--surface);border-radius:18px;align-content:start;gap:6px;padding:22px 22px 20px;display:grid;position:relative;overflow:hidden}.pr .kj{font:800 44px/1 var(--font-display);color:var(--ink);align-items:baseline;gap:10px;display:flex}.pr .kj small{font:500 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--muted)}.pr h3{font:600 18px/1.3 var(--font-body);margin:6px 0 0}.pr p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.6}.quote{text-align:center;padding-block:56px}.quote .wrap{isolation:isolate;position:relative}.quote .ink{opacity:.3;z-index:-1;width:min(320px,80vw);height:min(320px,80vw);top:50%;left:50%;translate:-50% -50%}.quote blockquote{max-width:18ch;font:700 clamp(32px, 5vw, 52px)/1.15 var(--font-display);text-wrap:balance;margin:0 auto}.quote .src{font:400 13px/1.5 var(--font-mono);color:var(--muted);margin-top:16px}.path{margin-top:18px;position:relative}.path canvas{z-index:0;width:100%;height:100%;top:0;left:0}.stations{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid;position:relative}.st{align-content:start;gap:6px;display:grid}.st .dot{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:22px;height:22px;margin:6px 0 8px;position:relative;overflow:hidden}.st .dot:before{content:"";clip-path:circle(0);transition:clip-path .5s cubic-bezier(.3, 1.2, .5, 1) var(--at);position:absolute;inset:0}.stations.go .dot:before{clip-path:circle(75%)}.st:first-child{--at:0s}.st:nth-child(2){--at:.19s}.st:nth-child(3){--at:.28s}.st:nth-child(4){--at:.38s}.st:nth-child(5){--at:1.2s}@media (prefers-reduced-motion:reduce){.st .dot:before{transition:none}}.st.now .dot{border-color:var(--indigo);box-shadow:0 0 0 5px color-mix(in srgb, var(--indigo) 18%, transparent)}.st .yr{font:500 12px/1 var(--font-mono);color:var(--indigo);letter-spacing:.06em}.st h3{font:700 19px/1.2 var(--font-display);margin:0}.st p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.num{border:1px solid var(--rule);background:var(--surface);border-radius:16px;padding:18px;position:relative;overflow:hidden}.num b{font:700 clamp(30px, 4vw, 40px)/1.05 var(--font-display);font-variant-numeric:tabular-nums;display:block}.num span{font:400 12.5px/1.5 var(--font-mono);color:var(--muted);margin-top:6px;display:block}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:8px;display:grid}.tools h3{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{font:400 13px/1 var(--font-mono);border:1px solid var(--rule);background:var(--surface);border-radius:8px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.chip .ico{width:13px;height:13px;color:var(--muted);flex:none;transition:color .2s}.chip:hover .ico{color:var(--ink)}.langs{font:400 14px/1.5 var(--font-body);color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.langs b{color:var(--ink);font-weight:600}.cta{border:1.5px solid var(--ink);background:var(--surface);border-radius:26px;max-width:900px;margin:40px auto 56px;padding:clamp(24px,5vw,48px);position:relative;overflow:hidden}.cta canvas.ink{opacity:.55;width:300px;height:300px;top:-40px;right:-60px}.cta .status{font:500 12.5px/1 var(--font-mono);border:1px solid var(--rule);background:var(--paper);border-radius:99px;align-items:center;gap:8px;padding:6px 11px;display:inline-flex}.cta .status i{background:#2f9e6a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2f9e6a38}.cta h2{max-width:16ch;margin:16px 0 10px;position:relative}.cta p{max-width:36em;color:var(--muted);margin:0 0 22px;position:relative}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.btn{font:500 13.5px/1 var(--font-mono);border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:12px 15px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn svg{width:14px;height:14px}.copied{font:400 12.5px/1 var(--font-mono);color:var(--indigo)}@media (width<=820px){.sea-divider{height:130px}.hero .wrap{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow eyebrow""name photo""dek dek";align-items:center;gap:0 14px}.hero .wrap>div:first-child{display:contents}.hero .eyebrow{grid-area:eyebrow}.hero h1{grid-area:name;margin:24px 0}.dek{grid-area:dek}.title-ink{width:min-content}.portrait{grid-area:photo;width:clamp(80px,80.8407vw - 170.574px,112px);margin:10px 18px 0 0}.portrait img{aspect-ratio:1;object-position:30% 30%;border-radius:50%}.portrait canvas{width:146%;height:146%;top:-23%;left:-23%}.principles,.tools{grid-template-columns:minmax(0,1fr)}.numbers{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stations{grid-template-columns:minmax(0,1fr);gap:26px;padding-left:34px}.st .dot{margin:0;position:absolute;transform:translate(-36px,2px)}.st{position:relative}}.num.ink-card .sg{--rest:radial-gradient(circle at 100% 0, #00000094, #00000038 48px, transparent 92px)}@media (width>=821px){main .hero-cloth .sg{--rest:radial-gradient(ellipse 40% 130% at 100% 20%, #000 40%, transparent)}}.principles .pr.mon-card .sg{--rest:radial-gradient(circle at 100% 0, #000, #0006 70px, transparent 128px)}