@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#eae9e6;--ink:#242c40;--blue:#447be3;--purple:#9172b8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;gap:20px;border-bottom:1px solid #242c4022}.brand{font:700 15px 'Space Grotesk',sans-serif;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.atom{color:var(--blue);font-size:30px}nav{display:flex;gap:32px;font-size:12px}.pill{border:1px solid #242c4055;padding:12px 18px;border-radius:30px;font-size:10px;letter-spacing:1px}.hero{padding:34px 5% 65px;max-width:1700px;margin:auto}.hero-top{display:flex;justify-content:space-between}.micro{font:10px/1.7 monospace;letter-spacing:1.6px}h1{font:600 clamp(55px,9.2vw,155px)/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:25px 0 35px;white-space:nowrap}h1 span{color:var(--blue);text-shadow:9px -7px 0 #a4a2d12a}h2{font:500 clamp(36px,4vw,64px)/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:-2px;margin:24px 0}h2 em{font-family:Georgia,serif;font-weight:400;color:#776c92}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;position:relative;align-items:center;padding-right:28px}.hero-left{padding:20px 0}.tag{display:inline-block;font:14px monospace;background:#d6dcea;border:1px solid #9fadc4;border-radius:25px;padding:7px 18px}.hero-left h2{font-size:clamp(30px,3.2vw,50px)}p{font-size:14px;line-height:1.8;color:#606676}.button{display:flex;align-items:center;justify-content:space-between;gap:35px;width:fit-content;padding:19px 25px;border-radius:5px;background:var(--ink);color:white;font:11px monospace;margin-top:30px;transition:background .2s,box-shadow .2s}.button:hover{background:var(--blue);box-shadow:0 0 30px #6d9be855}.button span{font-size:20px}.under{display:block;width:fit-content;font-size:11px;margin-top:20px;border-bottom:1px solid #8e91a0;padding-bottom:5px}figure{margin:0;transform:rotate(1deg)}.photo-wrap{position:relative;padding:10px;background:#f6f5f0;box-shadow:0 20px 50px #40465f20;border-radius:4px}.photo-wrap img{width:100%;display:block;aspect-ratio:1;object-fit:cover;border-radius:2px}.photo-label{position:absolute;bottom:25px;left:24px;background:#eae9e6dd;padding:8px 12px;font:8px monospace;letter-spacing:1px}figcaption{display:flex;align-items:center;gap:20px;font:italic 16px Georgia,serif;padding:18px 10px;color:#716682}.line{flex:1;text-align:center;font-size:28px}.side-note{position:absolute;right:-22px;top:40%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:2px}.ribbon{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:24px 4%;border-top:1px solid #6b739422;border-bottom:1px solid #6b739422;background:linear-gradient(90deg,#dae5f1,#e0dded,#e8ddd9);font:11px 'Space Grotesk',sans-serif;letter-spacing:2px}.ribbon b{font-size:22px;color:var(--blue)}.section{max-width:1500px;margin:auto;padding:100px 7%}.origin{display:grid;grid-template-columns:1fr 1fr;gap:12%}.margin-note{font:italic 18px/1.5 Georgia,serif;transform:rotate(-5deg);color:#8c7395;margin-top:40px}.prose .lead{font-size:20px;line-height:1.5;color:var(--ink)}.prose p{margin-bottom:24px}.punch{border-left:2px solid #95a9d8;padding-left:20px;color:#746b87;font-family:monospace;font-size:12px}.experiment{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#e0e3eb;border-radius:30px;max-width:1320px;padding:65px 6%;border:1px solid #ced4e0}.experiment h2{margin-top:20px}.experiment label{display:flex;justify-content:space-between;font:10px monospace;margin:32px 0 16px;max-width:400px}input[type=range]{width:100%;max-width:400px;accent-color:#668ddd;cursor:pointer}.state{font:italic 16px Georgia,serif;color:#746b87}.field{position:relative;min-height:330px;overflow:hidden;background:radial-gradient(ellipse at 40% 65%,#a9ddfb80,transparent 60%);border:1px solid #b7c3d8;border-radius:50% 50% 10px 10px}.field-caption,.field-bottom{position:absolute;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:1px}.field-caption{top:30px}.field-bottom{bottom:25px}.orb{position:absolute;width:155px;height:155px;left:18%;top:40%;border-radius:50%;background:radial-gradient(circle,#fffdde 0%,#d4faff 7%,#65c8fc44 25%,transparent 65%);filter:drop-shadow(0 0 9px #43c4ff)}.orb i{position:absolute;inset:12%;border:2px solid #8aedff;border-radius:50%;transform:rotate(25deg) scaleY(.4);box-shadow:0 0 8px #519dff,inset 0 0 6px #739fff}.orb i:nth-child(2){transform:rotate(85deg) scaleY(.4);border-color:#eabafa}.orb i:nth-child(3){transform:rotate(-35deg) scaleY(.4)}.orb b{position:absolute;inset:46%;border-radius:50%;background:#fff9d3;box-shadow:0 0 20px 10px #b7ebff}.ghost-orb{opacity:.32;transform:translate(75px,-50px);transition:transform .15s,opacity .15s}.section-heading{position:relative}.section-heading p{position:absolute;right:0;bottom:0;font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #a6b1c9}.steps article{padding:25px 25px 15px 0;border-right:1px solid #c2c8d3;margin-right:25px}.steps article:last-child{border-right:0;margin-right:0}.steps article>span,.steps small{font:9px monospace;letter-spacing:1px;color:#777589}.step-number{font:500 68px 'Space Grotesk',sans-serif;color:#9baed1;letter-spacing:-6px;margin:20px 0;text-shadow:5px -4px #cbd3e388}.steps h3{font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-1px}.steps p{font-size:12px;min-height:100px}.signal{max-width:none;text-align:center;background:radial-gradient(ellipse at 50% 110%,#b5d6ee,transparent 60%),linear-gradient(135deg,#dedcec,#e6e5e1);border-top:1px solid #c1c6d2}.signal h2{font-size:clamp(42px,5.7vw,85px)}.channels{display:grid;grid-template-columns:repeat(3,1fr);max-width:1060px;margin:45px auto 0;text-align:left}.channels a{position:relative;border-top:1px solid #939db1;border-bottom:1px solid #939db1;padding:25px 20px;margin-right:20px;transition:background .2s}.channels a:hover{background:#f4f6ff70}.channels a:last-child{margin:0}.channels span{display:block;font:8px monospace;letter-spacing:1px;margin-bottom:18px}.channels b{font:500 24px 'Space Grotesk',sans-serif}.channels i{position:absolute;right:15px;bottom:22px;font-style:normal;font-size:25px;color:#698bc6}#copy{padding:16px;margin:35px auto 0;max-width:100%;word-break:break-all;border:1px solid #9aaaca;border-radius:5px;background:#ffffff66;color:var(--ink);cursor:pointer}#copy[hidden]{display:none}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 5%;gap:20px}footer>span{font-size:10px;color:#747785}footer>b{font:10px monospace}:focus-visible{outline:3px solid #7760b9;outline-offset:5px}@media(max-width:900px){header nav{gap:15px}.hero-grid{gap:4%}.section{padding:65px 5%}.experiment{border-radius:0}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.steps article:nth-child(2){border:0}.steps p{min-height:70px}.section-heading p{position:static}.origin{gap:7%}.channels b{font-size:20px}.channels i{right:0}.hero-left p{font-size:12px}}@media(max-width:600px){header{padding:16px 5%}.brand{font-size:12px}header nav{display:none}.pill{font-size:8px;padding:10px}.hero{padding-top:25px}.hero-top .micro:last-child{display:none}h1{font-size:9.3vw;margin:23px 0;letter-spacing:-.065em}.hero-grid{display:flex;flex-direction:column;padding:0;align-items:stretch}.hero-left{padding:10px 0 32px}.hero-left h2{font-size:42px}.hero-left p{font-size:14px}.side-note{display:none}.photo-label{font-size:7px}.ribbon{flex-wrap:wrap;justify-content:center;font-size:9px;gap:13px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.origin,.experiment{grid-template-columns:1fr;gap:30px}h2{letter-spacing:-1.5px}.margin-note{margin:20px 0}.field{min-height:290px}.steps{gap:25px 15px}.steps article{margin:0;padding-right:15px}.steps h3{font-size:20px}.steps p{min-height:130px}.channels{grid-template-columns:1fr}.channels a{margin:0;border-bottom:0;padding:22px 5px}.channels a:last-child{border-bottom:1px solid #939db1}.channels i{right:12px}.channels span{margin-bottom:8px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}