.object-stage{perspective:1000px;justify-content:center;align-items:center;height:344px;display:flex;position:relative}.object-stage:after{content:"";filter:blur(15px);z-index:-1;background:#48443c21;border-radius:50%;width:270px;height:20px;position:absolute;bottom:40px}.machine{width:354px;height:219px;transform:rotate(-5deg) scale(var(--device-scale,1));background:linear-gradient(135deg,#efeeea 0%,#d8d6d0 45%,#e8e6e1 75%,#c6c4bd 100%);border:1px solid #bfbdb5;border-radius:17px;padding:20px 23px;transition:transform .6s;position:relative;box-shadow:inset 0 2px 1px #fff,inset 2px 0 2px #ffffffe0,inset -2px 0 2px #98978d70,0 5px #b6b4ac,0 6px #949389,0 13px 20px #514e4129}.machine:hover{transform:rotate(-2deg) translateY(-3px) scale(var(--device-scale,1))}.machine:before{content:"";opacity:.14;border-radius:inherit;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h120v120H0z' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.screw{background:linear-gradient(135deg,#e3e1d9,#b0ada4);border:1px solid #9c9b92;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 1px 1px #ffffffa0}.screw:after{content:"";background:#87867d;width:2px;height:1px;position:absolute;top:2px;left:1px;transform:rotate(-35deg)}.screw.tl{top:10px;left:10px}.screw.tr{top:10px;right:10px}.screw.bl{bottom:10px;left:10px}.screw.br{bottom:10px;right:10px}.machine-header{letter-spacing:.12em;color:#77776d;justify-content:space-between;margin-bottom:15px;font-size:8px;line-height:1;display:flex}.machine-header strong{color:#53564d;letter-spacing:-.03em;font-size:11px}.upper{grid-template-columns:1fr 70px;align-items:center;gap:18px;display:grid}.display{color:#35432d;background:#b9c5a5;border:5px solid #676c5e;border-radius:5px;height:89px;padding:10px 12px;position:relative;overflow:hidden;box-shadow:0 1px 1px #fff,inset 0 2px 7px #37402d55}.display-top{letter-spacing:1px;justify-content:space-between;font:7px/1 monospace;display:flex}.display canvas{opacity:.8;width:100%;height:35px;margin-top:3px;display:block}.display-bottom{justify-content:space-between;font:7px/1 monospace;display:flex}.speaker{opacity:.8;background:radial-gradient(circle,#53554c 1px,#0000 1.5px) 0 0/4px 4px;border-radius:50%;width:69px;height:69px;mask-image:radial-gradient(circle,#000 65%,#0000 67%)}.controls{align-items:center;gap:13px;margin-top:18px;display:flex}.play{color:#f2f1e6;background:linear-gradient(#7c8472,#59614f);border:1px solid #53594b;border-radius:5px;width:37px;height:34px;font-size:12px;line-height:1;box-shadow:inset 0 1px #a1a794,0 3px #444b3d,0 5px 6px #4c4b3f35}.play:active,.play[aria-pressed=true]{transform:translateY(2px);box-shadow:inset 0 1px #a1a794,0 1px #444b3d}.keys{gap:4px;display:flex}.key{color:#77796d;background:linear-gradient(#f5f3ed,#dcd8ce);border:1px solid #b3b0a7;border-radius:3px;width:27px;height:31px;font-size:8px;box-shadow:inset 0 1px #fff,0 3px #aaa79d,0 4px 4px #66614f22}.key[aria-pressed=true]{color:#5f4544;background:linear-gradient(#e2b8b7,#c69e9e);transform:translateY(1px);box-shadow:inset 0 1px #f5d4cf,0 2px #a27d7b}.volume{flex-direction:column;align-items:center;gap:2px;margin-left:auto;display:flex}.volume input{accent-color:#747a68;cursor:pointer;width:48px;height:15px;margin:0}.volume label{letter-spacing:1px;color:#696b60;font-size:6px}.serial{letter-spacing:1px;color:#848278;font:6px monospace;position:absolute;bottom:9px;left:23px}.object-hint{color:#8a867e;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:7px}.object-hint span{font-size:14px}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0}.photo-petals{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.petal{background:var(--petal-color);opacity:0;width:12px;height:17px;animation:petal-fall 2.2s var(--delay) ease-out both;border-radius:75% 20% 65% 35%;position:absolute;top:47%;left:42%}@keyframes petal-fall{0%{opacity:0;transform:translate(0)scale(.15)rotate(0)}18%{opacity:.85;transform:translate(calc(var(--drift) * .45), var(--lift)) scale(1) rotate(35deg)}65%{opacity:.65}to{opacity:0;transform:translate(var(--drift), var(--fall)) scale(.65) rotate(var(--turn))}}.ambient:before,.ambient:after{content:"";opacity:0;transition:opacity .9s;position:absolute;inset:0}.ambient:before{background:radial-gradient(at 70% 65%,#c5d0b414,#0000 65%)}.ambient:after{background:radial-gradient(at 55%,#dec4ca25,#0000 70%)}[data-world=systems] .ambient:before,[data-world=sound] .ambient:after{opacity:1}.cascade-letter{transform-origin:50% 100%;display:inline-block}.cascade-word:hover .cascade-letter{animation:.48s cubic-bezier(.2,.8,.2,1) both letter-turn;animation-delay:calc(var(--letter) * 24ms)}@keyframes letter-turn{0%,to{transform:translateY(0)rotateX(0)}45%{opacity:.5;transform:translateY(-3px)rotateX(-25deg)}}@keyframes greet-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.greeting.changing #greeting{animation:.22s ease-out greet-in;display:inline-block}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}@media (hover:none),(pointer:coarse){.portrait:hover{transform:rotate(4deg)}.note-stack:hover .note-card{transform:translate(calc(var(--card-index) * 8px), calc(var(--card-index) * 5px)) rotate(calc(var(--card-index) * 5deg - 4deg))}}.intro-top{flex-direction:column;gap:42px;display:flex}.intro-copy{order:1;width:420px;max-width:100%;margin:0 auto}.intro-copy h1{letter-spacing:-.03em;margin-bottom:20px;font-size:16px;line-height:1.9}.intro-copy .hello{margin-bottom:20px}.hero-aside{font-size:12px}.portrait{width:100%;max-width:560px;margin:0 auto;transform:rotate(-1deg)}.portrait:hover{transform:rotate(0)translateY(-2px)}.portrait-button{aspect-ratio:1280/648;box-shadow:none;background:0 0;border:0;border-radius:3px;padding:0}.portrait-button img{object-fit:contain;border-radius:3px}.portrait figcaption{padding:10px 2px 0;font-size:12px}.portrait-button .photo-expand{bottom:16px;right:20px}.intro-bottom{width:420px;max-width:100%;margin:28px auto 0}.intro{padding-top:20px}.collection{margin-top:72px}.filters button{padding:5px 8px;font-size:12px}.filters .filter-dot{display:none}.toy-gallery .signal-study,.toy-gallery .writing-study{flex:none;width:min(252px,100%)}.toy-gallery .object-description{width:252px;max-width:100%}.toy-gallery .object-description .study-number{margin-bottom:9px;font-size:12px}.toy-gallery .object-description h3{margin-bottom:7px;font-size:13px}.toy-gallery .object-description p{font-size:13px}.toy-gallery .object-description .tiny{margin-top:15px;font-size:12px}.toy-gallery .note-stack{height:207px}.toy-gallery .note-selectors{margin-top:12px}.panel-caption{padding-top:14px}@media (width<=600px){.intro{padding-top:22px}.intro-top{gap:33px}.intro-copy h1{font-size:15px}.intro-copy{width:100%;padding:0 8px}.intro-bottom{padding:0 8px}.hero-aside{font-size:12px}.desktop-break{display:none}.collection{margin-top:52px}.collection-head{flex-direction:column;align-items:flex-start;gap:12px}.filters button{padding:5px 9px;font-size:13px}.toy-gallery .object-description .study-number{display:block}}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.portrait:hover{transform:rotate(-1deg)}}.toy-gallery{border:1px solid var(--line);background:var(--tray);border-radius:13px;display:block}body[data-world] .toy-gallery .panel{background:0 0;border:0;width:100%;height:auto;min-height:390px;padding:28px}.toy-gallery .systems-content,.toy-gallery .writing-content{flex-direction:row;gap:40px}.toy-gallery .object-description{width:240px}.toy-gallery .sound-content{flex-direction:row;gap:10px}.toy-gallery .sound-content .object-stage{width:340px;height:280px}.toy-gallery .sound-content .machine{--device-scale:.85}.toy-gallery .sound-description{text-align:left;width:190px;margin:0}.filters{position:relative}.filters:after{content:"";height:1px;width:var(--tab-width,0px);transform:translateX(var(--tab-x,0px));background:var(--ink);pointer-events:none;transition:transform .18s,width .18s;position:absolute;bottom:-5px;left:0}.filters button[aria-selected=true]{color:var(--ink);background:var(--tray)}.sound-indicator{opacity:0;align-items:center;gap:2px;width:10px;height:9px;margin-left:5px;display:inline-flex}.sound-indicator i{background:currentColor;width:2px;height:5px}.sound-playing .sound-indicator{opacity:.6}.sound-playing .sound-indicator i{animation:.9s ease-in-out infinite alternate sound-bar}.sound-indicator i:nth-child(2){animation-delay:-300ms}.sound-indicator i:nth-child(3){animation-delay:-600ms}@keyframes sound-bar{to{transform:scaleY(.35)}}.constellation-lines{stroke:#c6d4a6;stroke-width:.65px;opacity:0;stroke-dasharray:240;stroke-dashoffset:240px;transition:opacity .5s,stroke-dashoffset 1.2s}.constellation:hover .constellation-lines,.constellation:focus-visible .constellation-lines,.constellation.connected .constellation-lines{opacity:.38;stroke-dashoffset:0}.opening{z-index:100;background:var(--paper,#f8f7f5);position:fixed;inset:0}.opening[hidden]{display:none}.opening-word{white-space:nowrap;font-size:36px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-skip{color:var(--soft);padding:12px;font-size:11px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.opening-active{overflow:hidden}.opening-active .page{opacity:0}.opening-active .monogram{visibility:hidden}.opening-reveal .page{opacity:1;transition:opacity .6s}.opening-reveal .opening{background:0 0}.opening-reveal .opening-skip{opacity:0}.opening-dot{animation:.65s .1s both dot-settle;display:inline-block}@keyframes dot-settle{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.modal-open{overflow:hidden}.bottom-softness{z-index:8;pointer-events:none;background:linear-gradient(transparent, var(--paper,#f8f7f5));backdrop-filter:blur(3px);opacity:0;width:100%;height:48px;transition:opacity .22s;position:fixed;bottom:0;left:0;mask-image:linear-gradient(#0000,#000)}body.scrolled:not(.at-bottom):not(.modal-open):not(.opening-active) .bottom-softness{opacity:1}body:not(.desk-ready) .toy-gallery .panel{height:auto;min-height:390px}@media (width<=600px){body[data-world] .toy-gallery .panel{height:auto;min-height:500px;padding:24px 18px}.toy-gallery .systems-content,.toy-gallery .writing-content,.toy-gallery .sound-content{flex-direction:column;gap:22px}.toy-gallery .object-description{width:252px}.toy-gallery .sound-content{gap:10px}.toy-gallery .sound-content .object-stage{width:100%;height:262px}.toy-gallery .sound-content .machine{--device-scale:.78}.toy-gallery .sound-description{text-align:center;width:252px}.opening-word{font-size:30px}}@media (width<=360px){.toy-gallery .sound-content .machine{--device-scale:.68}}@media (prefers-reduced-motion:reduce){.filters:after,.bottom-softness,.constellation-lines{transition:none}.sound-playing .sound-indicator i,.opening-dot{animation:none}}.logo-dot,.opening-dot{color:#568fd3}.about-email{color:var(--ink);border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin-top:16px;padding-bottom:5px;font-size:11px;text-decoration:none;display:inline-block}.footer-peace{align-items:center;gap:5px;display:inline-flex}.peace-heart{width:32px;height:32px;color:var(--soft);background:0 0;border:0;border-radius:50%;place-items:center;margin:-8px -8px -8px -3px;padding:0;display:inline-grid}.peace-heart svg{fill:#0000;stroke:currentColor;stroke-width:1.5px;width:12px;height:12px;transition:fill .2s,color .2s,transform .2s}.peace-heart[aria-pressed=true]{color:#d85c67}.peace-heart[aria-pressed=true] svg{fill:currentColor;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.peace-heart svg{transition:none}}.lately,.selected-work,.recordings,.shelf{margin-top:56px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.section-heading h2,.about h2{margin:0;font-size:14px;font-weight:500}.section-heading>span,.section-heading>time,.section-heading>a{color:var(--soft);font-size:11px}.lately dl{margin:0;font-size:13px}.lately dl>div{grid-template-columns:80px 1fr;gap:12px;padding:6px 0;display:grid}.lately dt{color:var(--soft)}.lately dd{margin:0}.project-row{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0;display:flex}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row strong{font-size:15px;font-weight:500}.project-description{margin:3px 0;font-size:13px;display:block}.project-row small{color:var(--soft);font-size:11px}.project-row:hover strong,.section-heading a:hover,.shelf a:hover{text-underline-offset:4px;text-decoration:underline}.section-intro{color:var(--soft);margin:-4px 0 22px;font-size:13px}.recording-row{border-top:1px solid var(--line);grid-template-columns:1fr 240px;align-items:center;gap:20px;padding:18px 0;display:grid}.recording-row h3{margin:0 0 4px;font-size:14px;font-weight:500}.recording-row p{color:var(--soft);margin:0;font-size:11px;line-height:1.6}.recording-row audio{width:100%;height:36px}.shelf ul{margin:0;padding:0;list-style:none}.shelf li{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;font-size:13px;display:flex}.shelf li>span{color:var(--soft);text-align:right;font-size:11px}.about h2{padding:24px 0}.about h2:focus{outline:none}.about .about-body p{font-size:14px}.about .about-handle{color:var(--soft)}.note-read{text-underline-offset:4px;margin-top:12px;font-size:12px;text-decoration:underline;display:inline-block}.note-index{flex-wrap:wrap;gap:16px;display:flex}.more-writing{margin:24px 0 0;font-size:13px}.more-writing a{text-underline-offset:4px;text-decoration:underline}@media (width<=600px){.section-heading{flex-wrap:wrap;gap:6px}.recording-row{grid-template-columns:1fr;gap:12px}.recording-row audio{max-width:320px}.lately,.selected-work,.recordings,.shelf{margin-top:44px}}