/* Flat pixel-art office: all drawings are deliberately 2D. */
.scene-viewport{background:#a9d0ce;perspective:none;cursor:default}.scene{display:none}.pixel-office{position:absolute;width:min(920px,92vw);height:570px;left:52%;top:52%;transform:translate(-50%,-50%);overflow:hidden;background:#d7c494;border:8px solid #31594d;box-shadow:16px 16px 0 #799585,24px 24px 0 #31594d;image-rendering:pixelated}.pixel-office:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 54px,#b8a576 55px 58px),repeating-linear-gradient(90deg,transparent 0 75px,#b8a576 76px 79px);opacity:.65}.pixel-office:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:#765239;border-top:8px solid #513a2c;z-index:2}.pixel-window{position:absolute;left:38px;top:38px;width:230px;height:158px;background:#8dc4d3;border:8px solid #f6e7bd;box-shadow:8px 8px 0 #31594d}.pixel-window:after{content:"";position:absolute;left:50%;top:0;height:100%;border-left:7px solid #f6e7bd}.pixel-window i{position:absolute;width:31px;height:31px;right:22px;top:19px;background:#ffd06a;box-shadow:9px 9px 0 #e19a40}.pixel-window b{position:absolute;left:0;right:0;top:72px;border-top:7px solid #f6e7bd}.pixel-clock{position:absolute;left:303px;top:58px;border:6px solid #31594d;background:#f7e9c4;padding:9px 12px;color:#31594d;font:700 15px "DM Mono"}.pixel-shelf{position:absolute;right:40px;top:40px;width:187px;height:108px;border-bottom:9px solid #684735;border-top:6px solid #684735}.pixel-shelf i{position:absolute;bottom:0;width:25px;background:#c66e49;height:57px;left:13px;box-shadow:31px 0 #4d806a,62px 0 #dfb864}.pixel-shelf i:nth-child(2),.pixel-shelf i:nth-child(3){display:none}.pixel-shelf b{position:absolute;right:16px;bottom:0;width:48px;height:39px;background:#658d68;box-shadow:8px -9px 0 #779d6f}.pixel-plant{position:absolute;right:62px;bottom:94px;width:105px;height:136px;z-index:4;animation:pixelSway 2.8s steps(2,end) infinite}.pixel-plant i{position:absolute;bottom:43px;left:38px;width:25px;height:71px;background:#3e7659;transform:skewX(-23deg);box-shadow:26px 4px 0 #4d8a67,-22px 15px 0 #5b936c}.pixel-plant b{position:absolute;bottom:0;left:22px;width:61px;height:50px;background:#bd7145;border:7px solid #754634}.pixel-desk{position:absolute;width:184px;height:82px;background:#7e5339;border:7px solid #50362b;z-index:3}.back-desk.one{left:303px;top:177px}.back-desk.two{left:542px;top:181px}.pixel-desk:before,.pixel-desk:after{content:"";position:absolute;background:#50362b;width:13px;height:57px;top:76px}.pixel-desk:before{left:12px}.pixel-desk:after{right:12px}.pixel-desk i{position:absolute;width:63px;height:42px;left:54px;top:12px;background:#31594d;border:5px solid #e9e0c4}.pixel-desk b{position:absolute;width:30px;height:36px;left:18px;top:17px;background:#f2e7c9;transform:rotate(-4deg)}.pixel-desk em{position:absolute;width:17px;height:20px;right:17px;top:18px;background:#e1a456}.pixel-person{position:absolute;z-index:4;width:68px;height:82px}.person-one{left:359px;top:239px}.person-two{left:596px;top:244px}.pixel-person i{position:absolute;left:23px;width:29px;height:32px;background:#dc9369;border:5px solid #513a2c;box-shadow:0 -7px #3a3029}.pixel-person b{position:absolute;bottom:0;left:6px;width:61px;height:55px;background:#527c6d;border:6px solid #31594d}.pixel-main-desk{position:absolute;width:440px;height:166px;left:220px;bottom:72px;background:#80543a;border:8px solid #513a2c;box-shadow:12px 12px 0 #593b2d;z-index:8}.pixel-main-desk:after{content:"";position:absolute;left:16px;right:16px;bottom:-64px;height:57px;background:#6e4834;border:8px solid #513a2c;border-top:0}.pixel-screen{position:absolute;left:20px;top:19px;width:106px;height:76px;background:#31594d;border:7px solid #e8dfc8}.pixel-screen i{position:absolute;left:16px;right:16px;top:19px;border-top:6px solid #79ae91;box-shadow:0 14px #79ae91}.pixel-lamp{position:absolute;left:145px;top:21px;width:45px;height:66px;border-left:7px solid #e1b65e;transform:skewX(-16deg)}.pixel-lamp:before{content:"";position:absolute;width:46px;height:21px;background:#e1b65e;top:-2px;left:-24px}.pixel-pencil{position:absolute;left:190px;top:41px;width:32px;height:34px;background:#e3ad65;border:5px solid #a96e3e}.pixel-pages{position:absolute;left:233px;top:20px;width:58px;height:70px;background:#f5e8c9;box-shadow:7px 7px 0 #bfa77a}.pixel-book{position:absolute;top:34px;width:112px;height:118px;border:6px solid #513a2c;padding:13px 9px;text-align:left;color:#27473e;z-index:12;box-shadow:7px 7px 0 #674a32;transition:transform .12s steps(2),box-shadow .12s steps(2)}.pixel-book:hover,.pixel-book:focus{transform:translate(-4px,-5px);box-shadow:13px 13px 0 #513a2c;outline:0}.pixel-book small,.pixel-book b,.pixel-book em{display:block}.pixel-book small{font:11px "DM Mono"}.pixel-book b{font:700 17px/1.35 "Noto Serif SC";margin-top:16px}.pixel-book em{font:9px "DM Mono";font-style:normal;margin-top:17px}.pixel-book.amber{right:13px;background:#e8c671}.pixel-book.mint{right:137px;top:25px;background:#a9cbb0}.pixel-chair{position:absolute;width:130px;height:89px;left:372px;bottom:13px;background:#a87751;border:8px solid #513a2c;z-index:9}@keyframes pixelSway{50%{transform:translateX(4px)}}@media(max-width:700px){.pixel-office{transform:translate(-50%,-50%) scale(.72);transform-origin:center}}