.folder-sculpture{perspective:1100px;isolation:isolate;width:100%;height:580px;position:relative}.folder-orbit{border:1px solid #b3bdd057;border-radius:50%;width:440px;height:310px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{opacity:.5;border-style:dashed;width:570px;height:570px}.folder-object{width:330px;height:285px;animation:1.2s cubic-bezier(.2,.7,.2,1) both folder-arrive;position:absolute;top:50%;left:50%;transform:translate(-50%,-32%)rotate(-9deg)}.folder-back{background:#2557b5;border-radius:15px 22px 18px 18px;position:absolute;inset:0;transform:skewY(-3deg);box-shadow:10px 40px 65px #22437430}.folder-back:before{content:"";background:#2557b5;border-radius:14px 24px 0 0;width:120px;height:40px;position:absolute;top:-22px;left:0}.folder-front{color:#d5e5ff;background:linear-gradient(135deg,#6b9df7,#3778e9 45%,#1c58c8);border-top:2px solid #a6c7ff;border-radius:15px 20px 18px 18px;padding:30px;position:absolute;inset:34px -7px -8px;transform:perspective(700px)rotateX(-14deg);box-shadow:inset 0 -8px 14px #17469844,0 20px 20px #2455a21c}.folder-front>span{letter-spacing:-2px;font-size:39px;font-weight:600}.folder-front>b{font-size:38px;font-weight:300;position:absolute;top:31px;right:28px}.folder-front>small{letter-spacing:2px;opacity:.8;font:8px ui-monospace,monospace;position:absolute;bottom:24px;left:30px}.folder-paper{background:#fffcf4;border:1px solid #deddd7;border-radius:5px;width:195px;height:250px;padding:18px;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:0 4px 10px #24344520}.paper-notes{color:#555c6e;top:-80px;left:-24px;transform:rotate(-18deg)}.paper-notes>span{letter-spacing:1px;margin:12px 0;font:8px ui-monospace,monospace;display:block}.paper-notes>i{background:#deddd7;width:90%;height:2px;margin:7px 0;display:block}.paper-notes>b{margin-top:20px;font:italic 21px Georgia,serif;display:block}.paper-photo{background:#fff;padding:10px;top:-108px;left:77px;transform:rotate(6deg)}.paper-photo>span{color:#637168;align-items:center;gap:6px;padding:12px 0;font:9px ui-monospace,monospace;display:flex}.paper-landscape{background:radial-gradient(at 35% 105%,#f7f0d0 0 35%,#0000 36%),radial-gradient(at 80% 90%,#447f77 0 30%,#0000 31%),linear-gradient(145deg,#b9d3d0,#7aaeb3 50%,#315c6e 51%);height:156px}.paper-audio{color:#836340;background:#edd7b0;top:-55px;right:-24px;transform:rotate(22deg)}.paper-audio>span{font:11px ui-monospace,monospace}.audio-bars{align-items:center;gap:5px;height:70px;display:flex}.audio-bars i{background:#9d7951;border-radius:4px;width:4px;display:block}.folder-sculpture:hover .paper-notes{transform:translate(-12px,-18px)rotate(-23deg)}.folder-sculpture:hover .paper-photo{transform:translateY(-28px)rotate(2deg)}.folder-sculpture:hover .paper-audio{transform:translate(15px,-14px)rotate(26deg)}.folder-annotation{letter-spacing:1.5px;color:#7d8797;font:9px ui-monospace,monospace;position:absolute}.annotation-one{top:45px;left:30px}.annotation-two{bottom:20px;right:0}.key-sculpture{perspective:900px;isolation:isolate;height:350px;position:relative}.key-halo{filter:blur(30px);background:radial-gradient(#e2732428,#0000 68%);position:absolute;inset:10% 15% 0}.key-deck{width:500px;height:200px;transform-style:preserve-3d;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotateX(40deg)rotate(-18deg)}.sculpture-key{color:#e6e2d7;background:linear-gradient(140deg,#464646,#212121);border:1px solid #5a5a5a;border-radius:20px;transition:transform .3s,box-shadow .3s;position:absolute;box-shadow:0 12px #121212,0 13px #424242,0 28px 30px #0009,inset 0 2px 3px #ffffff25}.sculpture-key:before{content:"";border:1px solid #ffffff0d;border-radius:13px;position:absolute;inset:8px}.sculpture-key>span{font:13px ui-monospace,monospace;position:absolute;bottom:18px;left:23px}.key-command{color:#422414;background:linear-gradient(140deg,#ffb36e,#f17d35 45%,#cb4f1b);border-color:#ffc991;width:135px;height:130px;animation:1s .15s both key-arrive;top:20px;left:70px;box-shadow:0 12px #983b16,0 13px #e77e42,0 26px 40px #0008,inset 0 2px 3px #ffd7b8}.key-command>svg{stroke-width:1.5px;width:40px;height:40px;position:absolute;top:20px;left:21px}.key-space{width:270px;height:130px;animation:1s .25s both key-arrive;top:20px;left:224px}.key-space i{background:#777;border-radius:4px;width:110px;height:3px;position:absolute;top:50px;left:80px}.key-escape{opacity:.5;width:80px;height:80px;top:-67px;left:-30px}.key-return{opacity:.6;width:95px;height:85px;top:20px;left:515px}.key-return>span{font-size:29px}.key-sculpture:hover .key-command{transform:translateY(7px);box-shadow:0 5px #983b16,0 6px #e77e42,0 20px 30px #0008}.key-caption{letter-spacing:3px;color:#928679;white-space:nowrap;font:9px ui-monospace,monospace;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.folder-sculpture.is-compact{background:#eeeae0;height:100%;min-height:230px;overflow:hidden}.is-compact .folder-object{transform-origin:0 0;top:38%;scale:.55}.is-compact .folder-orbit{width:260px;height:260px}.is-compact .orbit-two{width:350px;height:350px}.is-compact .folder-annotation{display:none}.key-sculpture.is-compact{background:#191a18;height:100%;min-height:230px;overflow:hidden}.is-compact .key-deck{transform-origin:0 0;top:50%;scale:.6}.is-compact .key-caption{font-size:7px;bottom:20px}@keyframes folder-arrive{0%{opacity:0;translate:0 35px;rotate:-8deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes key-arrive{0%{opacity:0;translate:0 -40px}to{opacity:1;translate:0}}@media (width<=600px){.folder-sculpture:not(.is-compact){height:310px}.folder-sculpture:not(.is-compact) .folder-object{transform-origin:0 0;top:45%;scale:.65}.folder-orbit{width:310px;height:310px}.orbit-two{width:400px;height:400px}.key-deck{transform-origin:0 0;scale:.62}.key-sculpture{height:250px}}@media (prefers-reduced-motion:reduce){.folder-object,.sculpture-key{animation:none}.folder-paper,.sculpture-key{transition:none}.folder-sculpture:hover .folder-paper{transform:none}}.is-compact .sculpture-key,.is-compact .folder-object{animation:none}