.product-macbook-stage{display:flex;align-items:flex-end;justify-content:center;width:100%;height:200px;margin-top:.5rem;margin-bottom:-.75rem;padding-top:1rem}.product-macbook-stage .macbook-scale{transform:scale(1.28);transform-origin:50% 100%}.product-macbook-stage .macbook{position:relative;width:150px;height:190px;perspective:900px;perspective-origin:50% 50%}.product-macbook-stage .macbook__inner{position:absolute;left:0;top:0;z-index:20;width:150px;height:96px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(0deg) rotate(0deg);animation:macbook-rotate 7s ease infinite}@keyframes macbook-rotate{0%{transform:rotateX(-22deg) rotateY(0deg) rotate(0deg)}50%{transform:rotateX(-22deg) rotateY(-200deg) rotate(0deg)}to{transform:rotateX(-22deg) rotateY(-1turn) rotate(0deg)}}.product-macbook-stage .macbook__screen{position:absolute;left:0;bottom:0;width:150px;height:96px;border-radius:7px;transform-style:preserve-3d;transform-origin:center bottom;transform:rotateX(0deg);background:#ddd;background-image:linear-gradient(45deg,rgba(0,0,0,.34),transparent);background-position:0 100%;background-size:300px 300px;box-shadow:inset 0 3px 7px hsla(0,0%,100%,.5);animation:macbook-lid-screen 7s ease infinite}@keyframes macbook-lid-screen{0%,10%{transform:rotateX(0deg)}20%,50%{transform:rotateX(-79deg)}60%,to{transform:rotateX(0deg)}}.product-macbook-stage .macbook__screen-back{position:absolute;left:0;bottom:0;width:150px;height:96px;border-radius:7px;transform:rotateX(180deg) translateZ(2px);backface-visibility:visible;background:#c5c5c5;background-image:linear-gradient(135deg,rgba(0,0,0,.18),transparent 55%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35)}.product-macbook-stage .macbook__lid-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:400;letter-spacing:.14em;color:rgba(17,17,16,.55);-webkit-user-select:none;-moz-user-select:none;user-select:none}.product-macbook-stage .macbook__screen-face{position:absolute;left:0;bottom:0;width:150px;height:96px;border-radius:7px;transform:translateZ(2px);backface-visibility:visible;background:#d3d3d3;background-image:linear-gradient(45deg,rgba(0,0,0,.24),transparent)}.product-macbook-stage .macbook__camera{position:absolute;left:50%;top:4px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:#000}.product-macbook-stage .macbook__display{position:relative;width:130px;height:74px;margin:10px;border-radius:1px;background:#111110;box-shadow:inset 0 0 2px #000;overflow:hidden}.product-macbook-stage .macbook__pixel-scene{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1a1a18}.product-macbook-stage .macbook__pixel-canvas{flex-shrink:0;animation:macbook-lab-idle 4s ease-in-out infinite}@keyframes macbook-lab-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.product-macbook-stage .macbook__pixel-scanline{pointer-events:none;position:absolute;inset:0;z-index:2;opacity:.05;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.35) 0,hsla(0,0%,100%,.35) 3px)}.product-macbook-stage .macbook__display-shade{z-index:3;position:absolute;left:0;top:0;width:130px;height:74px;background:linear-gradient(-135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 47%,hsla(0,0%,100%,0) 48%);background-size:300px 200px;animation:macbook-screen-shade 7s ease infinite;pointer-events:none}@keyframes macbook-screen-shade{0%{background-position:0 0}20%{background-position:-500px 0}to{background-position:-500px 0}}.product-macbook-stage .macbook__base{position:absolute;left:0;bottom:0;width:150px;height:96px;border-radius:7px;transform-style:preserve-3d;transform-origin:center bottom;transform:rotateX(-90deg);background:#cbcbcb;background-image:linear-gradient(45deg,rgba(0,0,0,.24),transparent)}.product-macbook-stage .macbook__base-face{position:absolute;left:0;bottom:0;width:150px;height:96px;border-radius:7px;transform:translateZ(-2px);background:#dfdfdf;background-image:linear-gradient(30deg,rgba(0,0,0,.24),transparent);animation:macbook-keyboard-area 7s ease infinite}@keyframes macbook-keyboard-area{0%,50%{background-color:#dfdfdf}55%,60%{background-color:#bbb}90%,to{background-color:#dfdfdf}}.product-macbook-stage .macbook__touchpad{left:50%;top:50%;width:40px;height:31px;margin-left:-18px;margin-top:-44px;box-shadow:inset 0 0 3px #888}.product-macbook-stage .macbook__keyboard,.product-macbook-stage .macbook__touchpad{position:absolute;border-radius:4px;background:#cdcdcd;background-image:linear-gradient(30deg,rgba(0,0,0,.24),transparent)}.product-macbook-stage .macbook__keyboard{left:7px;top:41px;width:130px;height:45px;padding-left:2px;overflow:hidden;transform-style:preserve-3d;box-shadow:inset 0 0 3px #777}.product-macbook-stage .macbook__key{float:left;width:6px;height:6px;margin:1px;border-radius:2px;background:#444;box-shadow:0 -2px 0 #222;transform:translateZ(-2px);animation:macbook-keys 7s ease infinite}.product-macbook-stage .macbook__key--space{width:45px}.product-macbook-stage .macbook__key--fn{height:3px}@keyframes macbook-keys{0%,50%{background-color:#444}55%,60%{background-color:#222}90%,to{background-color:#444}}.product-macbook-stage .macbook__foot{position:absolute;width:5px;height:5px;border-radius:50%;background:#333}.product-macbook-stage .macbook__foot--tl{left:20px;top:20px}.product-macbook-stage .macbook__foot--tr{right:20px;top:20px}.product-macbook-stage .macbook__foot--br{right:20px;bottom:20px}.product-macbook-stage .macbook__foot--bl{left:20px;bottom:20px}.product-macbook-stage .macbook__shadow{position:absolute;left:40px;top:160px;z-index:0;width:60px;height:0;box-shadow:0 0 60px 40px rgba(0,0,0,.28);transform:rotateX(80deg) rotateY(0deg) rotate(0deg);animation:macbook-shadow 7s ease infinite}@keyframes macbook-shadow{0%{transform:rotateX(80deg) rotateY(0deg) translateZ(-50px)}50%{transform:rotateX(80deg) rotateY(-200deg) translateZ(-50px)}to{transform:rotateX(80deg) rotateY(-1turn) translateZ(-50px)}}@media (prefers-reduced-motion:reduce){.product-macbook-stage .macbook__base-face,.product-macbook-stage .macbook__display-shade,.product-macbook-stage .macbook__inner,.product-macbook-stage .macbook__key,.product-macbook-stage .macbook__pixel-canvas,.product-macbook-stage .macbook__screen,.product-macbook-stage .macbook__shadow{animation:none!important}.product-macbook-stage .macbook__screen{transform:rotateX(-25deg)}}