:root{color:#11120f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#11120f;--paper:#f1efe6;--muted:#777568;--green:#2f6b51;--line:#11120f2b;--shadow:0 38px 120px #242e2129;background:#f1efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at calc(62% + var(--mx,0) * 20%) calc(28% + var(--my,0) * 18%), #badab0e0, transparent 28%), linear-gradient(135deg, #f7f5eb 0%, #e9efe0 48%, #f4efe4 100%);margin:0;overflow-x:hidden}body::selection{color:var(--paper);background:var(--ink)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0}.site{min-height:100vh;position:relative;overflow:hidden}.top-nav{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f1efe6bd;grid-template-columns:92px 1fr;width:100%;display:grid;position:fixed;top:0;left:0}.home-mark{border-right:1px solid var(--line);place-items:center;height:56px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900;display:grid}.top-nav nav{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.top-nav nav a{border-right:1px solid var(--line);color:#4d4c44;letter-spacing:0;text-transform:uppercase;place-items:center;height:56px;font-size:12px;font-weight:850;display:grid}.top-nav nav a.active,.top-nav nav a:hover{color:var(--paper);background:var(--ink)}.route-stage{z-index:2;min-height:100vh;animation:.52s cubic-bezier(.16,1,.3,1) both routeIn;position:relative}.home-screen{grid-template-rows:1fr auto;grid-template-columns:1fr minmax(360px,.92fr);gap:24px;min-height:100vh;padding:86px 26px 24px;display:grid}.hero-type{align-self:center;max-width:820px}.hero-type p,.page-heading p,.connect-copy p{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900}.hero-type h1{text-transform:uppercase;margin:0}.hero-type h1 span{letter-spacing:0;width:max-content;max-width:100%;font-size:clamp(58px,11vw,152px);font-weight:950;line-height:.82;display:block}.hero-type h1 span:nth-child(2){color:#0000;-webkit-text-stroke:2px var(--ink)}.hero-type h1 span:nth-child(3){font-size:clamp(34px,6.4vw,88px)}.specimen{perspective:1200px;align-self:center;min-height:min(680px,68vw);position:relative}.specimen-ring{transform:translate(calc(var(--mx) * -18px), calc(var(--my) * -14px)) rotate(-14deg);border:1px solid #11120f38;border-radius:50%;position:absolute;inset:12% 8%}.specimen-ring:after{border:inherit;border-radius:inherit;content:"";position:absolute;inset:16%;transform:rotate(28deg)}.specimen-pieces{filter:drop-shadow(0 25px 42px #1520162e);transform:rotateX(calc(var(--my) * -10deg)) rotateY(calc(var(--mx) * 12deg));transform-style:preserve-3d;transition:transform .15s ease-out;position:absolute;inset:3%}.specimen-pieces span{left:var(--x);top:var(--y);width:var(--w);height:var(--h);clip-path:var(--clip);background:linear-gradient(135deg, #ffffff61, transparent 38%), var(--tone);transform:translate3d(calc(var(--mx) * var(--rx) * 1px), calc(var(--my) * var(--ry) * 1px), 0) rotate(var(--r));transition:transform .15s ease-out;position:absolute}.specimen-caption{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f1efe6b8;gap:6px;padding:14px 16px;display:grid;position:absolute;bottom:8%;right:2%}.specimen-caption span{color:var(--green);text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.specimen-caption strong{font-size:13px}.home-intro{border-left:1px solid var(--line);align-self:end;max-width:340px;padding-left:18px;display:grid}.home-intro span{color:var(--green);text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.home-intro p{color:#45443d;margin:9px 0 0;font-size:16px}.entry-rail{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.entry-rail button{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:#f1efe67a;align-content:space-between;min-height:168px;padding:18px;transition:background .16s,color .16s;display:grid}.entry-rail button:hover{color:var(--paper);background:var(--ink)}.entry-rail span,.experiment-list span,.note-list span{color:var(--green);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.entry-rail button:hover span{color:#b7dfc0}.entry-rail strong{text-transform:uppercase;font-size:clamp(30px,4vw,52px);line-height:.9}.entry-rail em{color:var(--muted);font-size:13px;font-style:normal}.entry-rail button:hover em{color:#f1efe6b8}.content-page{width:min(1180px,100% - 44px);min-height:100vh;margin:0 auto;padding:118px 0 54px}.page-heading{max-width:960px;margin-bottom:46px;display:grid}.page-heading h1,.connect-copy h1{letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(52px,9vw,128px);font-weight:950;line-height:.86}.note-list{border-top:1px solid var(--line);display:grid}.note-list article{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(280px,.7fr) minmax(260px,1fr);align-items:start;gap:24px;padding:28px 0;display:grid}.note-list h2{text-transform:uppercase;margin:0;font-size:clamp(28px,4vw,54px);line-height:.95}.note-list p{color:#555348;max-width:580px;margin:0;font-size:18px}.experiment-layout{grid-template-columns:minmax(280px,.46fr) minmax(0,1fr);gap:26px;display:grid}.experiment-list{border-top:1px solid var(--line);align-content:start;display:grid}.experiment-list button{border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:18px 0;display:grid}.experiment-list button strong{text-transform:uppercase;font-size:clamp(24px,3vw,38px);line-height:.96}.experiment-list button em{color:var(--muted);text-transform:uppercase;grid-column:2;font-size:12px;font-style:normal}.experiment-list button.active strong,.experiment-list button:hover strong{color:var(--green)}.experiment-preview{border:1px solid var(--line);min-height:600px;box-shadow:var(--shadow);background:radial-gradient(circle at 78% 22%,#c4deb3e6,#0000 34%),#f1efe6ad;padding:clamp(24px,4vw,48px);position:sticky;top:82px;overflow:hidden}.preview-symbol{color:#11120f12;text-transform:uppercase;font-size:clamp(160px,25vw,320px);font-weight:950;line-height:.8;position:absolute;bottom:-2%;right:4%}.experiment-preview p{color:var(--green);text-transform:uppercase;margin:0 0 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900}.experiment-preview h2{z-index:2;text-transform:uppercase;max-width:620px;margin:0;font-size:clamp(46px,7vw,96px);line-height:.9;position:relative}.experiment-preview>span{z-index:2;color:#555348;max-width:500px;margin-top:24px;font-size:19px;display:block;position:relative}.connect-page{align-items:end;min-height:100vh;padding:110px 26px 24px;display:grid}.connect-copy{max-width:980px}.connect-copy>span{color:#555348;max-width:540px;margin-top:22px;font-size:20px;display:block}.connect-actions{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:220px minmax(260px,1fr);margin-top:72px;display:grid}.connect-actions a,.connect-actions button{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;text-transform:uppercase;background:#f1efe685;place-items:center;min-height:116px;font-size:clamp(18px,3vw,34px);font-weight:900;display:grid}.connect-actions a:hover,.connect-actions button:hover{color:var(--paper);background:var(--ink)}.editor-page{width:min(1220px,100% - 44px);min-height:100vh;margin:0 auto;padding:112px 0 56px}.editor-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;padding-bottom:24px;display:flex}.editor-header p,.editor-panel h2,.editor-field span,.color-field span{color:var(--green);letter-spacing:0;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.editor-header p,.editor-header h1{margin:0}.editor-header h1{text-transform:uppercase;margin-top:10px;font-size:clamp(44px,7vw,96px);font-weight:950;line-height:.86}.editor-header span{color:#555348;max-width:560px;margin-top:16px;font-size:16px;display:block}.editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.editor-actions button{border:1px solid var(--line);cursor:pointer;text-transform:uppercase;background:#f1efe685;min-height:42px;padding:0 14px;font-size:12px;font-weight:900}.editor-actions button:hover{color:var(--paper);background:var(--ink)}.editor-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.editor-panel{border:1px solid var(--line);background:#f1efe699;align-content:start;gap:14px;padding:18px;display:grid;box-shadow:0 20px 70px #242e2114}.editor-panel h2{color:var(--ink);margin:0 0 4px;font-size:13px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.editor-grid.small{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-field{gap:7px;display:grid}.editor-field input,.editor-field textarea{width:100%;color:var(--ink);font:inherit;background:#ffffff85;border:1px solid #11120f2e;border-radius:0;outline:none;padding:11px 12px;font-size:14px}.editor-field textarea{resize:vertical;min-height:96px}.editor-field input:focus,.editor-field textarea:focus{border-color:var(--ink);background:#ffffffc7}.editor-list{gap:12px;display:grid}.editor-item{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.fragment-editor{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.color-field{background:#ffffff61;border:1px solid #11120f24;gap:8px;padding:10px;display:grid}.color-field input{cursor:pointer;background:0 0;border:0;width:100%;height:38px;padding:0}@keyframes routeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.home-screen,.experiment-layout,.editor-layout{grid-template-columns:1fr}.hero-type h1 span{width:auto}.specimen{min-height:560px}.experiment-preview{position:relative;top:auto}}@media (width<=760px){.top-nav{grid-template-columns:58px 1fr}.home-mark,.top-nav nav a{height:50px}.top-nav nav a{font-size:9px}.home-screen,.content-page,.editor-page{width:min(100% - 22px,1180px)}.home-screen{min-height:auto;padding:78px 0 20px}.hero-type h1 span{font-size:54px}.hero-type h1 span:nth-child(3){font-size:34px}.specimen{min-height:390px}.specimen-caption{bottom:0;right:0}.entry-rail,.note-list article,.connect-actions{grid-template-columns:1fr}.entry-rail button{min-height:122px}.page-heading h1,.connect-copy h1{font-size:48px}.note-list article{gap:12px}.note-list p{font-size:16px}.experiment-list button{grid-template-columns:34px minmax(0,1fr)}.experiment-preview{min-height:460px}.experiment-preview h2{font-size:42px}.connect-page{padding:88px 12px 20px}.editor-header{flex-direction:column;align-items:start}.editor-actions,.editor-actions button{width:100%}.editor-header h1{font-size:44px}.editor-grid,.editor-grid.small,.fragment-editor{grid-template-columns:1fr}}@media (width<=920px) and (orientation:landscape){.home-screen{min-height:auto}.specimen{min-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.specimen-ring,.specimen-pieces,.specimen-pieces span{transform:none!important}}