@font-face{font-family:Ruskyn;src:url(/Ruskyn-Regular-BF69649d53878bc.otf)format("opentype");font-weight:400;font-style:normal}.room-wrapper{--blur:1vmin;--perspective:2000;--rotate-x:-20;--rotate-y:-45;--plane-height:50;--plane-width:50;--dark:0;--zoomed:0;--scale:calc(.75 + (var(--zoomed) * 4));--zoom-transition:.6s ease-in-out;--wall-thickness:4;--cm:calc(var(--plane-height) / 240);--transition:.2s;--floor-shade-one:#8f663d;--floor-shade-two:#c29970;--floor-shade-three:#e0ccb8;--windowsill-shade-one:#bf8a40;--windowsill-shade-two:#996f33;--windowsill-shade-three:#735326;--wall-shade-one:#fafafa;--wall-shade-two:#f2f2f2;--wall-shade-three:#e6e6e6;--wall-shade-four:#d9d9d9;--skirting-one:#ededed;--skirting-two:#e0e0e0;--fade-one:#f7baba;--fade-two:#bae3f7;--fade-three:#e3baf7;--fade-four:#baf7ba;--cube:#f2f2f2;--leg-one:#1a1a1a;--leg-two:#1f1f1f;--leg-three:#242424;--leg-four:#292929;--rug:#0f1a24;--peripheral-one:#333;--peripheral-two:#4d4d4d;--peripheral-three:#666;--peripheral-four:gray;--mac-one:#ccc;--mac-two:#b3b3b3;--blind:#f2e6d9;--mac-three:#999;--pot-one:#bf6a40;--pot-two:#953;--pot-three:#734026;--chair-one:#000;--chair-two:#1a1a1a;--chair-three:#333;--chair-four:#4d4d4d;--chair-accent-one:#f2f2f2;--chair-accent-two:#d65c5c;--bg:#000;--light:#ccc;--icon:#69c;z-index:150;cursor:pointer;background:var(--bg);transition:background var(--transition);contain:layout style;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.room-wrapper *,.room-wrapper :before,.room-wrapper :after{box-sizing:border-box;transform-style:preserve-3d;-webkit-user-select:none;user-select:none}.room-wrapper .room-controls,.room-wrapper .room-hint,.room-wrapper .room-overlay,.room-wrapper .led-modal,.room-wrapper .monitor-hero,.room-wrapper .desk__shadow,.room-wrapper .chair__shadow,.room-wrapper .mousemat,.room-wrapper .blinds:after{transform-style:flat}.room-controls{z-index:200;transform-style:flat;flex-direction:column-reverse;gap:8px;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.room-ctrl{cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.4);background:#0f0f14b8;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .18s,box-shadow .18s,transform .12s,border-color .18s;display:flex;box-shadow:0 2px 8px #00000073,inset 0 1px #ffffff14}.room-ctrl:hover{background:#1e1e2ad9;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 16px #0000008c,inset 0 1px #ffffff1f}.room-ctrl:active{transform:translateY(0)}.room-ctrl.active{background:#326eff38;border-color:#508cff73;box-shadow:0 0 0 1px #508cff4d,0 4px 16px #326eff40,inset 0 1px #ffffff1a}.room-ctrl svg{width:20px;height:20px}.room-ctrl path{fill:#d2e1ffd9}.room-dark .room-ctrl{background:#0a0a10c7}.room-dark .room-ctrl:hover{background:#14141ee6}.room-dark .room-ctrl path{fill:#8cb4ffe6}.room-dark .room-ctrl.active{border-color:#64a0ff80}.chair__top--spin{animation:1s linear infinite chair-spin}@keyframes chair-spin{to{transform:rotate(360deg)}}.room-dark{--floor-shade-one:#241a0f;--floor-shade-two:#47331f;--floor-shade-three:#6b4d2e;--windowsill-shade-one:#735326;--windowsill-shade-two:#4d3719;--windowsill-shade-three:#261c0d;--wall-shade-one:#616161;--wall-shade-two:#595959;--wall-shade-three:#4d4d4d;--wall-shade-four:#404040;--skirting-one:#545454;--skirting-two:#474747;--leg-one:#0d0d0d;--leg-two:#0f0f0f;--leg-three:#121212;--leg-four:#141414;--peripheral-one:#1a1a1a;--peripheral-two:#262626;--peripheral-three:#333;--peripheral-four:#404040;--mac-one:#333;--mac-two:#2e2e2e;--mac-three:#262626;--pot-one:#734026;--pot-two:#4d2b19;--pot-three:#26150d;--blind:#4d3319;--chair-one:#000;--chair-two:#0d0d0d;--chair-three:#1a1a1a;--chair-four:#262626;--chair-accent-one:#666;--chair-accent-two:#7a1f1f;--bg:#000;--cube:#666;--light:#fff;--icon:#1466b8;--rug:#0f1a24}.room-dark .new-scene-wrapper{background:var(--bg)}.room-hint{transform-style:flat;letter-spacing:.14em;text-transform:uppercase;color:#3c507899;z-index:10;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:11px;animation:2s ease-in-out infinite alternate hint-fade;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)translateZ(0)}@keyframes hint-fade{0%{opacity:.4}to{opacity:.9}}.room-hint-cursor{color:#1466b8;animation:1s step-end infinite blink-r}@keyframes blink-r{50%{opacity:0}}.room-hint-text{color:inherit}.room-overlay{background:var(--bg);opacity:0;pointer-events:none;transform-style:flat;will-change:opacity;transition:opacity .3s ease-in;position:absolute;inset:0}.room-zooming .room-overlay{opacity:1;transition-delay:.35s}.room-scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.room-zooming .room-scene{pointer-events:none}.room-zooming .room-controls,.room-zooming .room-hint{display:none}.new-scene-wrapper{background:var(--bg);width:100%;height:100%;transition:background var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.scene{perspective:calc(var(--perspective,800) * 1px);transform-style:preserve-3d;width:100vw;height:100vh;transform:scale(var(--scale)) translate3d(0, 0, 50vmin);transition:transform var(--zoom-transition);justify-content:center;align-items:center;display:flex}.plane{height:calc(var(--plane-height,25) * 1vmin);width:calc(var(--plane-width,25) * 1vmin);transform-style:preserve-3d;will-change:transform;transform:rotateX(calc((var(--rotate-x,-20) - (var(--zoomed) * var(--rotate-x,-20))) * 1deg)) rotateY(calc(((var(--rotate-y,-45) - (var(--zoomed) * var(--rotate-y,-45))) + (var(--zoomed) * -90)) * 1deg)) rotateX(90deg) translate3d(0,0,0);transition:transform var(--zoom-transition)}.plane:before{content:"";transform-style:flat;isolation:isolate;z-index:-1;background:#00000059;width:112%;height:112%;position:absolute;top:-8%;left:-10%;transform:translateZ(-11vmin)}.studio{width:100%;height:100%;transform:translate3d(0, 0, calc((-10 + (var(--zoomed) * -10)) * 1vmin));transition:transform var(--zoom-transition)}.cuboid{--width:var(--cuboid-width,15);--height:var(--cuboid-height,10);--depth:var(--cuboid-depth,4);height:calc(var(--depth) * 1vmin);width:calc(var(--width) * 1vmin);transform:rotateZ(calc(var(--starting-rotation,0) * 1deg)) translate3d(calc(var(--x,0) * 1vmin), calc(var(--y,0) * 1vmin), calc(var(--z,0) * 1vmin)) rotateX(calc(var(--rotate-cuboid-x,0) * 1deg)) rotateY(calc(var(--rotate-cuboid-y,0) * 1deg)) rotateZ(calc(var(--rotate-cuboid-z,0) * 1deg));transform-style:preserve-3d;position:absolute}.cuboid>div:first-of-type{height:calc(var(--height) * 1vmin);transform-origin:50%;width:100%;transform:translate(-50%,-50%) rotateX(-90deg) translate3d(0,0,calc((var(--depth)/2) * 1vmin));position:absolute;top:50%;left:50%}.cuboid>div:nth-of-type(2){height:calc(var(--height) * 1vmin);transform-origin:50%;width:100%;transform:translate(-50%,-50%) rotateX(-90deg) rotateY(180deg) translate3d(0,0,calc((var(--depth)/2) * 1vmin));position:absolute;top:50%;left:50%}.cuboid>div:nth-of-type(3){height:calc(var(--height) * 1vmin);width:calc(var(--depth) * 1vmin);transform:translate(-50%,-50%) rotateX(-90deg) rotateY(90deg) translate3d(0,0,calc((var(--width)/2) * 1vmin));position:absolute;top:50%;left:50%}.cuboid>div:nth-of-type(4){height:calc(var(--height) * 1vmin);width:calc(var(--depth) * 1vmin);transform:translate(-50%,-50%) rotateX(-90deg) rotateY(-90deg) translate3d(0,0,calc((var(--width)/2) * 1vmin));position:absolute;top:50%;left:50%}.cuboid>div:nth-of-type(5){height:calc(var(--depth) * 1vmin);width:calc(var(--width) * 1vmin);transform:translate(-50%,-50%) translate3d(0,0,calc((var(--height)/2) * 1vmin));position:absolute;top:50%;left:50%}.cuboid>div:nth-of-type(6){height:calc(var(--depth) * 1vmin);width:calc(var(--width) * 1vmin);transform:translate(-50%,-50%) translate3d(0,0,calc((var(--height)/2) * -1vmin)) rotateX(180deg);position:absolute;top:50%;left:50%}.led-strip--left{--height:calc(1 * var(--cm));--width:var(--wall-thickness);--depth:calc(242 * var(--cm));--z:calc(219 * var(--cm));--x:calc(var(--wall-thickness) * -1);--y:calc(var(--wall-thickness) * -1)}.led-strip--back{--height:calc(1 * var(--cm));--width:calc(242 * var(--cm));--depth:var(--wall-thickness);--z:calc(219 * var(--cm));--y:calc(var(--wall-thickness) * -1)}.led-strip>div{background:0 0;transition:background .5s,box-shadow .5s}.room-dark .led-strip>div{background:var(--led-color);box-shadow:0 0 3vmin .4vmin var(--led-color), 0 0 5vmin 1vmin color-mix(in srgb, var(--led-color) 35%, transparent)}.wall--left>div:nth-of-type(3):after,.wall--right-left>div:first-of-type:after,.wall--right-upper>div:first-of-type:after,.wall--right-right>div:first-of-type:after{content:"";background:linear-gradient(to bottom, var(--led-color,transparent) 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.room-dark .wall--left>div:nth-of-type(3):after,.room-dark .wall--right-left>div:first-of-type:after,.room-dark .wall--right-upper>div:first-of-type:after,.room-dark .wall--right-right>div:first-of-type:after{opacity:.7}.new-scene-wrapper:after{content:"";background:radial-gradient(ellipse 90% 50% at 50% 0%, color-mix(in srgb, var(--led-color,transparent) 35%, transparent) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:5;transition:opacity .5s;position:absolute;inset:0;transform-style:flat!important}.room-dark .new-scene-wrapper:after{opacity:1}.room-dark .floor>div:nth-of-type(5):after{content:"";background:color-mix(in srgb, var(--led-color) 20%, transparent);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.led-ctrl{position:relative}.led-ctrl:after{content:"";background:var(--led-preview);width:7px;height:7px;box-shadow:0 0 6px 1px var(--led-preview);border-radius:50%;position:absolute;bottom:7px;right:7px}.led-modal{-webkit-backdrop-filter:blur(16px)saturate(1.4);z-index:300;transform-style:flat;background:#0a0a10e0;border:1px solid #ffffff1a;border-radius:16px;padding:14px 16px;animation:.15s ease-out led-modal-in;position:absolute;bottom:1.25rem;right:calc(44px + 1.75rem);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff12}@keyframes led-modal-in{0%{opacity:0;transform:translate(6px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.led-modal-title{letter-spacing:.16em;text-transform:uppercase;color:#a0b9ff80;margin-bottom:12px;font-family:ui-monospace,monospace;font-size:9px}.led-modal-swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.led-swatch{cursor:pointer;border:1px solid #ffffff14;border-radius:10px;width:30px;height:30px;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff26}.led-swatch:hover{border-color:#ffffff40;transform:scale(1.12)}.led-swatch.selected{border-color:#fff9;transform:scale(1.08);box-shadow:0 0 10px 2px,inset 0 1px #fff3}.floor{--height:1;--width:calc(50 + var(--wall-thickness));--depth:calc(50 + var(--wall-thickness));--z:-.5;--y:calc(var(--wall-thickness) * -1);--x:calc(var(--wall-thickness) * -1)}.floor>div{background:var(--floor-shade-three)}.floor>div:first-of-type{background:var(--floor-shade-one)}.floor>div:nth-of-type(3){background:var(--floor-shade-two)}.floor>div:nth-of-type(5){transform:translate(-50%,-50%) translate3d(0,0,calc((var(--height)/2) * 1vmin)) rotate(90deg);background:url(https://images.pexels.com/photos/235994/pexels-photo-235994.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260) 0 0/15vmin 15vmin}.wall{transition:background var(--transition)}.wall--left{--height:calc(220 * var(--cm));--width:var(--wall-thickness);--depth:calc((240 * var(--cm)) + var(--wall-thickness));--z:calc(110 * var(--cm));--x:calc(var(--wall-thickness) * -1);--y:calc(var(--wall-thickness) * -1)}.wall--left>div:first-of-type{background:var(--wall-shade-four)}.wall--left>div:nth-of-type(2){background:var(--wall-shade-one)}.wall--left>div:nth-of-type(3){background:var(--wall-shade-one);overflow:hidden}.wall--left>div:nth-of-type(3):before{content:"";transform-style:flat;isolation:isolate;background:radial-gradient(#0000004d,#0000 100%) 80% 64%/20% 35% no-repeat,radial-gradient(#0000004d,#0000 100%) 45% 58%/45% 20% no-repeat,radial-gradient(#0000004d,#0000 100%) 36% 100%/64% 30% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.wall--left>div:nth-of-type(5){background:var(--wall-shade-three)}.wall--left>div:nth-of-type(4),.wall--left>div:nth-of-type(6){background:var(--wall-shade-two)}.wall--right-lower{--height:calc(100 * var(--cm));--width:50;--depth:var(--wall-thickness);--z:calc(50 * var(--cm));--y:calc(var(--wall-thickness) * -1)}.wall--right-lower>div{background:var(--wall-shade-four)}.wall--right-lower>div:nth-of-type(5){background:var(--wall-shade-three)}.wall--right-lower>div:nth-of-type(2),.wall--right-lower>div:nth-of-type(3){background:var(--wall-shade-one)}.wall--right-left{--height:calc(220 * var(--cm));--width:calc(22 * var(--cm));--depth:var(--wall-thickness);--z:calc(110 * var(--cm));--y:calc(var(--wall-thickness) * -1)}.wall--right-left>div{background:var(--wall-shade-four)}.wall--right-left>div:nth-of-type(3){background:var(--wall-shade-two)}.wall--right-left>div:nth-of-type(2){background:var(--wall-shade-one)}.wall--right-upper{--height:calc(22 * var(--cm));--width:calc(240 * var(--cm));--depth:var(--wall-thickness);--z:calc(209 * var(--cm));--y:calc(var(--wall-thickness) * -1)}.wall--right-upper>div{background:var(--wall-shade-four)}.wall--right-upper>div:nth-of-type(2),.wall--right-upper>div:nth-of-type(3){background:var(--wall-shade-one)}.wall--right-upper>div:nth-of-type(5){background:var(--wall-shade-three)}.wall--right-right{--height:calc(220 * var(--cm));--width:calc((240 - 136) * var(--cm));--depth:var(--wall-thickness);--z:calc(110 * var(--cm));--y:calc(var(--wall-thickness) * -1);--x:calc(136 * var(--cm))}.wall--right-right>div{background:var(--wall-shade-four)}.wall--right-right>div:nth-of-type(2),.wall--right-right>div:nth-of-type(3){background:var(--wall-shade-one)}.wall--right-right>div:nth-of-type(4){background:var(--wall-shade-four)}.wall--right-right>div:nth-of-type(5){background:var(--wall-shade-three)}.windowsill{--height:calc(2 * var(--cm));--depth:calc(22 * var(--cm));--width:calc(114 * var(--cm));--z:calc(100 * var(--cm));--x:calc(22 * var(--cm));--y:calc(var(--wall-thickness) * -.8)}.windowsill>div{background:var(--windowsill-shade-one)}.windowsill>div:first-of-type{filter:brightness(.5);transition:filter var(--transition);background:url(https://images.pexels.com/photos/172276/pexels-photo-172276.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)}.windowsill>div:nth-of-type(2){background:var(--wall-shade-one)}.windowsill>div:nth-of-type(5){transition:filter var(--transition);background:url(https://images.pexels.com/photos/172276/pexels-photo-172276.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)}.windowsill>div:nth-of-type(6){background:var(--windowsill-shade-three)}.skirting--left{--height:calc(8 * var(--cm));--width:calc(2 * var(--cm));--depth:calc(240 * var(--cm));--z:calc(4 * var(--cm))}.skirting--left>div,.skirting--left>div:nth-of-type(3){background:var(--skirting-one)}.skirting--left>div:nth-of-type(3):after{content:"";transform-style:flat;isolation:isolate;background:radial-gradient(circle,#0000004d 0 75%,#0000) 40% 0/70% 150% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.skirting--left>div:nth-of-type(5){background:linear-gradient(transparent, #00000080, transparent) 0 50% / 100% 70% no-repeat, var(--skirting-one)}.skirting--right{--height:calc(8 * var(--cm));--width:calc(240 * var(--cm));--depth:calc(2 * var(--cm));--z:calc(4 * var(--cm))}.skirting--right>div{background:var(--skirting-two)}.window{width:calc((114 * var(--cm)) * 1vmin);height:calc((95 * var(--cm)) * 1vmin);transform:rotateX(90deg) translate3d(calc((22 * var(--cm)) * 1vmin), calc((102 * var(--cm)) * 1vmin), calc((18 * var(--cm)) * 1vmin));transform-origin:50% 0;background:linear-gradient(40deg,#0000 20%,#ffffff80,#0000 50%),linear-gradient(40deg,#0000 50%,#ffffff40,#0000 60%),#d1f3fa40;position:absolute}.window__frame--top,.window__frame--middle,.window__frame--bottom{--depth:calc(4 * var(--cm));--width:calc(115 * var(--cm));--height:calc(4 * var(--cm))}.window__frame--top>div{background:#fafafa}.window__frame--top>div:nth-of-type(6){background:#e6e6e6}.window__frame--top{bottom:0}.window__frame--middle{top:60%}.window__frame--left,.window__frame--right{--depth:calc(95 * var(--cm));--width:calc(4 * var(--cm));--height:calc(4 * var(--cm))}.window__frame--left>div,.window__frame--right>div{background:#fafafa}.window__frame--left>div:nth-of-type(6),.window__frame--right>div:nth-of-type(6){background:#e6e6e6}.window__frame--right{right:0}.blinds{width:100%;height:100%;transform:translate3d(0,0,calc((-10 * var(--cm)) * 1vmin)) rotate(180deg);position:absolute;top:0;left:0}.blinds:after{content:"";transform-origin:50% 0;width:100%;height:100%;transition:transform calc(2 * var(--transition)) var(--transition);transform:scaleY(var(--dark));background:#8080801a;position:absolute;top:0;left:0}.blind{background:var(--blind);transform-origin:50%;width:100%;height:10%;transition:transform calc(2 * var(--transition)) var(--transition), background var(--transition);transform:translate(0, calc((var(--index) * (100 * var(--dark))) * 1%)) rotateX(calc((-85 + (var(--dark) * 83)) * 1deg));position:absolute;top:-5%;left:0}.rug{--height:calc(1 * var(--cm));--width:calc(140 * var(--cm));--depth:calc(140 * var(--cm));--x:calc(80 * var(--cm));--y:calc(50 * var(--cm));--z:calc(.5 * var(--cm))}.rug>div{background:var(--rug);border-radius:50%;overflow:hidden}.rug>div:nth-of-type(5){transition:filter var(--transition);background:url(https://images.pexels.com/photos/3707669/pexels-photo-3707669.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940) 50%/cover;border-radius:50%;overflow:hidden}.studio-light{--width:calc(4 * var(--cm));--height:calc(15 * var(--cm));--depth:calc(30 * var(--cm));--z:calc(146 * var(--cm));--rotate-cuboid-z:20;--rotate-cuboid-x:30;--rotate-cuboid-y:45;margin-top:calc((-15 * var(--cm)) * 1vmin);top:86%;left:15%}.studio-light>div{background:var(--peripheral-four);transition:background var(--transition)}.studio-light>div:nth-of-type(4){background:var(--light);transition:background var(--transition) var(--transition)}.studio-light>div:nth-of-type(5){background:var(--peripheral-two)}.studio-light>div:nth-of-type(3){background:var(--peripheral-one)}.studio-light__stand{--width:calc(3 * var(--cm));--depth:calc(3 * var(--cm));--height:calc(80 * var(--cm));--z:calc(100 * var(--cm));top:85%;left:15%}.studio-light__stand>div{background:var(--peripheral-four)}.studio-light__stand>div:first-of-type{background:var(--peripheral-one)}.studio-light__stand>div:nth-of-type(3){background:var(--peripheral-three)}.desk{height:calc((180 * var(--cm)) * 1vmin);width:calc((68 * var(--cm)) * 1vmin);top:calc((30 * var(--cm)) * 1vmin);left:calc((0 * var(--cm)) * 1vmin);position:absolute}.desk__shadow{transform-style:flat;isolation:isolate;background:#00000059;position:absolute}.desk__shadow--floor{background:radial-gradient(circle at 0,#00000059 50%,#0000 80%);width:80%;height:110%;top:5%}.desk__leg{--width:calc(8 * var(--cm));--depth:calc(5 * var(--cm));--height:calc(64 * var(--cm));--z:calc(32 * var(--cm));--x:calc(20 * var(--cm))}.desk__leg--right{--y:calc(15 * var(--cm))}.desk__leg--left{--y:calc(160 * var(--cm))}.desk__leg--bottom-right{--width:calc(50 * var(--cm));--height:calc(2 * var(--cm));--y:calc(15 * var(--cm));--x:calc(5 * var(--cm));--z:calc(1 * var(--cm))}.desk__leg--bottom-left{--width:calc(50 * var(--cm));--height:calc(2 * var(--cm));--x:calc(5 * var(--cm));--y:calc(160 * var(--cm));--z:calc(1 * var(--cm))}.desk__leg>div{background:var(--leg-one);transition:background var(--transition)}.desk__leg>div:first-of-type{background:var(--leg-two)}.desk__top{--height:calc(4 * var(--cm));--width:calc(68 * var(--cm));--depth:calc(180 * var(--cm));--z:calc(64 * var(--cm))}.desk__top>div{transition:filter var(--transition), background var(--transition);background:url(https://images.pexels.com/photos/978484/pexels-photo-978484.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940) 0 0/20vmin 30vmin}.desk__top>div:first-of-type{filter:brightness(.25)}.desk__top>div:nth-of-type(5){filter:brightness(.5)}.desk__top>div:nth-of-type(6){background:var(--floor-shade-three)}.mac{--width:calc(20 * var(--cm));--height:calc(5 * var(--cm));--depth:calc(20 * var(--cm));--z:calc(60 * var(--cm));--x:calc(44 * var(--cm));top:10%}.mac>div{background:var(--mac-three)}.mac>div:first-of-type{background:var(--mac-one)}.mac>div:nth-of-type(3){background:var(--mac-two)}.monitor--main{--width:calc(3 * var(--cm));--depth:calc(86 * var(--cm));--height:calc(36 * var(--cm));--z:calc(106 * var(--cm));--y:calc(-43 * var(--cm));--x:calc(10 * var(--cm));top:50%}.monitor--portrait{--depth:calc(34 * var(--cm));--width:calc(3 * var(--cm));--height:calc(56 * var(--cm));--z:calc(104 * var(--cm));--x:calc(20 * var(--cm));--rotate-cuboid-z:30;top:8%}.monitor>div{background:var(--peripheral-one)}.monitor>div:nth-of-type(3),.monitor>div:nth-of-type(5){background:var(--peripheral-four)}.monitor>div:nth-of-type(2){background:var(--peripheral-three)}.monitor__arm{--width:calc(4 * var(--cm));--depth:calc(4 * var(--cm));--height:calc(30 * var(--cm));--z:calc(80 * var(--cm))}.monitor__arm--main{--x:calc(6 * var(--cm));top:65%}.monitor__arm--portrait{--x:calc(20 * var(--cm));--rotate-cuboid-z:30;top:10%}.monitor__arm>div{background:var(--peripheral-four)}.monitor__arm>div:first-of-type{background:var(--peripheral-one)}.monitor-hero{background:#0a0a0a;position:absolute;inset:0;overflow:hidden;transform-style:flat!important}.monitor-iframe{pointer-events:none;transform-origin:0 0;border:none;width:1280px;height:720px;position:absolute;top:0;left:0}.monitor-portrait-screen{overflow:hidden;background:url(/spotify.jpg) 50%/cover no-repeat!important}.monitor-portrait-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}.monitor-hero-scanlines{z-index:10;pointer-events:none;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0;transform-style:flat!important}.keyboard__base{transform-style:preserve-3d;height:calc((38 * var(--cm)) * 1vmin);width:calc((14 * var(--cm)) * 1vmin);transform:translate3d(0,-50%,calc((66 * var(--cm)) * 1vmin));position:absolute;top:50%;left:60%}.mousemat{width:200%;height:260%;transform:translate3d(-50%,-50%,calc(var(--cm) * .1vmin));background:#000;position:absolute;top:50%;left:50%}.mouse{--depth:calc(6 * var(--cm));--width:calc(10 * var(--cm));--height:calc(4 * var(--cm));--z:calc(2 * var(--cm));top:-40%;left:20%}.mouse>div{background:var(--peripheral-three)}.mouse>div:first-of-type{background:var(--peripheral-one)}.mouse>div:nth-of-type(2),.mouse>div:nth-of-type(3){background:var(--peripheral-four)}.mouse>div:nth-of-type(5):after{content:"";background:#80e61a;width:30%;height:25%;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%)}.keyboard{--depth:calc(38 * var(--cm));--width:calc(14 * var(--cm));--height:calc(2 * var(--cm));--z:calc(1 * var(--cm))}.keyboard>div{background:var(--peripheral-two)}.keyboard>div:first-of-type{background:var(--peripheral-one)}.keyboard__keys{--depth:calc(36 * var(--cm));--width:calc(12 * var(--cm));--height:calc(3 * var(--cm));--z:calc(1.5 * var(--cm));--x:calc(1 * var(--cm));--y:calc(1 * var(--cm))}.keyboard__keys>div{background:#999}.keyboard__keys>div:nth-of-type(5):after{content:"";transform-origin:0 0;width:calc((36 * var(--cm)) * 1vmin);height:calc((12 * var(--cm)) * 1vmin);background:url(https://assets.codepen.io/605876/keychron-keys.png?width=338&height=109&format=auto) 50%/cover;position:absolute;top:0%;left:0%;transform:rotate(270deg)translate(-100%)}.jfdi{--height:calc(40 * var(--cm));--width:calc(2 * var(--cm));--depth:calc(60 * var(--cm));--y:calc(90 * var(--cm));--x:var(--cm);--z:calc(190 * var(--cm))}.jfdi>div{background:#000}.jfdi>div:nth-of-type(3){font-family:Ruskyn,sans-serif;font-size:calc((12 * var(--cm)) * 1vmin);color:#fff;text-align:center;font-weight:700;line-height:calc((40 * var(--cm)) * 1vmin);transition:color var(--transition);letter-spacing:-.02em;background:#262626}.jfdi>div:nth-of-type(3):after{content:"WARNEY"}.jfdi>div:nth-of-type(4):after{content:"";transform-style:flat;isolation:isolate;width:100%;height:100%;transition:transform var(--transition);background:#00000059;position:absolute;top:8%;left:4%}.shelf{--height:calc(5 * var(--cm));--depth:calc(26 * var(--cm));--width:calc(60 * var(--cm));--z:calc(144 * var(--cm));--y:var(--cm);--x:calc(170 * var(--cm))}.shelf>div{background:var(--wall-shade-three)}.shelf>div:nth-of-type(5){background:var(--wall-shade-one);overflow:hidden}.shelf>div:nth-of-type(5):after{content:"";transform-style:flat;isolation:isolate;border-radius:50%;width:100%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-80%,-50%)}.shelf>div:nth-of-type(3){background:var(--wall-shade-two)}.shelf>div:nth-of-type(2):after{content:"";transform-style:flat;isolation:isolate;transform-origin:50% 0;background:#0000004d;width:100%;height:250%;position:absolute;top:110%;left:4%;transform:skew(-5deg)}.light-cube{--height:calc(15 * var(--cm));--width:calc(15 * var(--cm));--depth:calc(15 * var(--cm));--z:calc(155 * var(--cm));--x:calc(180 * var(--cm));--y:calc(5 * var(--cm));--rotate-cuboid-z:40}.light-cube>div{background:var(--wall-shade-one)}.light-cube>div:first-of-type{background:var(--wall-shade-three)}.light-cube>div:nth-of-type(3){background:var(--wall-shade-two)}.bear-canvas{--width:calc(60 * var(--cm));--height:calc(60 * var(--cm));--depth:calc(2 * var(--cm));--z:calc(80 * var(--cm));--x:calc(168 * var(--cm));--y:var(--cm)}.bear-canvas>div{filter:brightness();transition:filter var(--transition);background:#8f5024}.bear-canvas>div:first-of-type{background:url(/inosuke.jpg) 50%/80% no-repeat,#8f5024}.bear-canvas>div:nth-of-type(2){background:#663919}.bear-canvas>div:nth-of-type(3){background:#7a451f}.bear-canvas>div:nth-of-type(4){background:#a35c29}.bear-canvas>div:nth-of-type(5){background:#b8672e}.bear-canvas>div:nth-of-type(6){background:#522e14}.bear-canvas>div:nth-of-type(2):after{content:"";transform-style:flat;isolation:isolate;background:#0000004d;width:100%;height:100%;position:absolute;top:10%;left:-5%}.plant{height:calc((14 * var(--cm)) * 1vmin);width:calc((14 * var(--cm)) * 1vmin);transform:translate3d(calc((208 * var(--cm)) * 1vmin), calc((6 * var(--cm)) * 1vmin), calc((146 * var(--cm)) * 1vmin));position:absolute}.plant__plant{transition:filter var(--transition);filter:brightness();height:calc((50 * var(--cm)) * 1vmin);transform-origin:50% 100%;transform:translate(-50%, 0) rotateX(-90deg) translate3d(0, calc((var(--cm) * 10) * -1vmin), 0) rotateY(0deg);position:absolute;bottom:50%;left:50%}.plant__plant--2{transform:translate(-50%, 0) rotateX(-90deg) translate3d(0, calc((var(--cm) * 10) * -1vmin), 0) rotateY(90deg)}.plant__plant--3{transform:translate(-50%, 0) rotateX(-90deg) translate3d(0, calc((var(--cm) * 10) * -1vmin), 0) rotateY(220deg)}.plant__pot{--height:calc(10 * var(--cm));--width:calc(14 * var(--cm));--depth:calc(14 * var(--cm));--z:calc(6 * var(--cm))}.plant__pot>div{background:var(--pot-three)}.plant__pot>div:first-of-type{background:var(--pot-two)}.plant__pot>div:nth-of-type(3){background:var(--pot-one)}.plant__pot>div:nth-of-type(5){background:#111}.chair__base{height:calc((66 * var(--cm)) * 1vmin);width:calc((66 * var(--cm)) * 1vmin);transform:translate3d(-30%,-70%,calc((2 * var(--cm)) * 1vmin)) rotateZ(-25deg);opacity:calc(1 - var(--zoomed));transition:opacity var(--zoom-transition);will-change:opacity;position:absolute;top:50%;left:50%}.chair__shadow{transform-style:flat;isolation:isolate;background:#00000080;border-radius:50%;width:115%;height:115%;position:absolute;top:50%;left:50%;transform:translate(-55%,-45%)}.chair__wheel{--height:calc(6 * var(--cm));--width:calc(6 * var(--cm));--depth:calc(6 * var(--cm));--z:calc(3 * var(--cm));--x:calc(30 * var(--cm));margin-left:calc((-3 * var(--cm)) * 1vmin);margin-top:calc((-3 * var(--cm)) * 1vmin);top:50%;left:50%}.chair__wheel--one{--starting-rotation:0}.chair__wheel--two{--starting-rotation:72}.chair__wheel--three{--starting-rotation:144}.chair__wheel--four{--starting-rotation:216}.chair__wheel--five{--starting-rotation:288}.chair__wheel>div{background:var(--peripheral-three)}.chair__wheel>div:first-of-type,.chair__wheel>div:nth-of-type(2){background:#000}.chair__spine{--height:calc(30 * var(--cm));--width:calc(6 * var(--cm));--depth:calc(6 * var(--cm));--z:calc(20 * var(--cm));margin-left:calc((-3 * var(--cm)) * 1vmin);margin-top:calc((-3 * var(--cm)) * 1vmin);top:50%;left:50%}.chair__spine>div{background:#000}.chair__spine>div:first-of-type{background:var(--peripheral-four)}.chair__leg{--height:calc(4 * var(--cm));--width:calc(30 * var(--cm));--depth:calc(6 * var(--cm));--z:calc(8 * var(--cm));--x:calc(18 * var(--cm));margin-left:calc((-15 * var(--cm)) * 1vmin);margin-top:calc((-3 * var(--cm)) * 1vmin);top:50%;left:50%}.chair__leg--one{--starting-rotation:0}.chair__leg--two{--starting-rotation:72}.chair__leg--three{--starting-rotation:144}.chair__leg--four{--starting-rotation:216}.chair__leg--five{--starting-rotation:288}.chair__leg>div{background:var(--mac-one)}.chair__leg>div:first-of-type,.chair__leg>div:nth-of-type(2){background:var(--mac-three)}.chair__top{width:100%;height:100%;position:absolute}.chair__seat{--height:calc(10 * var(--cm));--width:calc(50 * var(--cm));--depth:calc(40 * var(--cm));--z:calc(32 * var(--cm));margin-left:calc((-25 * var(--cm)) * 1vmin);margin-top:calc((-20 * var(--cm)) * 1vmin);top:50%;left:50%}.chair__seat>div{background:var(--chair-one)}.chair__seat>div:first-of-type,.chair__seat>div:nth-of-type(2){background:var(--chair-accent-one)}.chair__wing{--height:calc(10 * var(--cm));--width:calc(50 * var(--cm));--depth:calc(16 * var(--cm));--z:calc(34 * var(--cm));margin-left:calc((-25 * var(--cm)) * 1vmin);top:50%;left:50%}.chair__wing--right{margin-top:calc((-28 * var(--cm)) * 1vmin);--rotate-cuboid-x:-15}.chair__wing--right>div:nth-of-type(2){background:var(--chair-accent-one);border:calc((1 * var(--cm)) * 1vmin) solid var(--chair-accent-two)}.chair__wing--left{margin-top:calc((12 * var(--cm)) * 1vmin);--rotate-cuboid-x:15}.chair__wing--left>div:first-of-type{background:var(--chair-accent-one);border:calc((1 * var(--cm)) * 1vmin) solid var(--chair-accent-two)}.chair__wing>div{background:var(--chair-two)}.chair__back{--height:calc(66 * var(--cm));--depth:calc(48 * var(--cm));--width:calc(10 * var(--cm));--z:calc(64 * var(--cm));--rotate-cuboid-y:10;margin-top:calc((-24 * var(--cm)) * 1vmin);top:50%;right:0%}.chair__back>div{background:var(--chair-three)}.chair__back>div:first-of-type,.chair__back>div:nth-of-type(2){background:var(--chair-two);border:calc((1 * var(--cm)) * 1vmin) solid var(--chair-accent-two)}.chair__back>div:nth-of-type(3):after{content:none}.chair__headrest{--height:calc(20 * var(--cm));--depth:calc(40 * var(--cm));--width:calc(10 * var(--cm));--z:calc(100 * var(--cm));margin-top:calc((-20 * var(--cm)) * 1vmin);top:50%;right:-5%}.chair__headrest>div{background:var(--chair-two)}.chair__headrest>div:first-of-type,.chair__headrest>div:nth-of-type(2){border:calc((1 * var(--cm)) * 1vmin) solid var(--chair-accent-two)}.chair__headrest>div:nth-of-type(5){background:var(--chair-three)}.chair__armrest--horizontal{--height:calc(4 * var(--cm));--width:calc(30 * var(--cm));--depth:calc(8 * var(--cm));--z:calc(52 * var(--cm));left:20%}.chair__armrest--horizontal--right{top:-5%}.chair__armrest--horizontal--left{bottom:-5%}.chair__armrest--horizontal>div{background:var(--chair-four)}.chair__armrest--horizontal>div:first-of-type{background:var(--chair-three)}.chair__armrest--vertical{--height:calc(20 * var(--cm));--depth:calc(6 * var(--cm));--width:calc(6 * var(--cm));--z:calc(40 * var(--cm));left:35%}.chair__armrest--vertical--right{top:-4%}.chair__armrest--vertical--left{bottom:-4%}.chair__armrest--vertical>div{background:var(--chair-three)}.chair__armrest--vertical>div:first-of-type{background:var(--chair-one)}