.mb-camera{--w:min(68vw, 960px, 104vh);perspective:3000px;perspective-origin:50% 12%;place-items:center;display:grid}.mb-rig{--t:calc(var(--w) * .006);width:var(--w);height:calc(var(--w) * .656);transform-style:preserve-3d;will-change:transform;position:relative}@media (max-width:640px){.mb-camera{--w:90vw}}@media (prefers-reduced-motion:reduce){.mb-camera{height:calc(var(--w) * .86 + 2rem);justify-content:center;align-items:flex-start;padding-top:1rem;display:flex}}.mb-lid{transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform;position:absolute;inset:-3px 0 3px}.mb-lid-front,.mb-lid-back{backface-visibility:hidden;border-radius:1.3%/2%;position:absolute;inset:0}.mb-lid-back{transform:translateZ(calc(var(--t) * -1)) rotateY(180deg);background:linear-gradient(160deg,#d6d8dd,#b2b6be);box-shadow:inset 0 0 0 1px #ffffff80}.mb-lid-edge{top:calc(var(--t) * -1);height:var(--t);transform-origin:50% 100%;backface-visibility:hidden;background:linear-gradient(#f1f2f4,#cfd1d6 50%,#a4a7ae);border-radius:1.3% 1.3% 0 0/40% 40% 0 0;position:absolute;left:0;right:0;transform:rotateX(90deg)}.mb-bezel{border-radius:inherit;background:#050506;position:absolute;inset:0;box-shadow:0 0 0 1px #b9bcc3,0 0 0 2px #8e9199}.mb-screen{contain:paint;border-radius:.5%/.8%;position:absolute;inset:1.9% 1.1%;overflow:hidden}.mb-screen-bg{background:var(--background);position:absolute;inset:0}.mb-screen-bg:after{content:"";opacity:.7;background:url(/noise.png) 0 0/256px 256px;position:absolute;inset:0}.mb-notch{background:#050506;border-radius:0 0 5px 5px;width:5.6%;height:2.9%;position:absolute;top:0;left:50%;transform:translate(-50%)}.mb-base{transform-origin:50% 0;width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:100%;left:0;transform:rotateX(90deg)}.mb-deck{background:linear-gradient(#c9cbcf,#e1e2e5 30%,#d6d8dc 70%,#cfd1d5);border-radius:.5% .5% .8% .8%/.76% .76% 1.22% 1.22%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 -3px #ffffff8c}.mb-speaker{opacity:.8;background-image:radial-gradient(#8b8e96 .7px,#0000 1.1px);background-size:4px 4px;width:3%;height:38%;position:absolute;top:6%}.mb-speaker-l{left:2.6%}.mb-speaker-r{right:2.6%}.mb-keys{background:#08080a;border-radius:1.4%;flex-direction:column;gap:1.4%;height:46%;padding:.7% .6%;display:flex;position:absolute;inset:4.5% 8.2% auto;box-shadow:0 0 0 1px #00000059,0 1px #fff9}.mb-key-row{flex:1;gap:.8%;display:flex}.mb-key-row-fn{flex:.62}.mb-key{background:linear-gradient(#3b3b41,#1f1f23);border-radius:3px;box-shadow:inset 0 1px #ffffff24}.mb-arrows{gap:.5%;display:flex}.mb-arrows>.mb-key{flex:1 1 0}.mb-arrow-stack{flex-direction:column;flex:1 1 0;gap:4%;display:flex}.mb-arrow-stack>.mb-key{flex:1}.mb-trackpad{background:linear-gradient(#d4d6dc,#c8cbd1);border-radius:1.4%;position:absolute;inset:57% 27.5% 4.5%;box-shadow:inset 0 0 0 1px #00000024,0 1px #ffffff80}.mb-base-front{transform-origin:50% 0;background:linear-gradient(#f1f2f4 0,#d3d5d9 8%,#b4b7bd 45%,#8f9299 100%);border-radius:0 0 .8% .8%/0 0 37% 37%;width:100%;height:3.2%;position:absolute;top:100%;left:0;transform:rotateX(-90deg);box-shadow:inset 0 -2px #0000001f}.mb-lip{background:linear-gradient(#6f727a,#a9acb3);border-radius:0 0 45% 45%;width:18%;height:30%;position:absolute;top:0;left:41%}.mb-shadow{pointer-events:none;background:radial-gradient(closest-side,#0d0d0d33,#0000);width:112%;height:70%;position:absolute;top:100%;left:-6%;transform:translateZ(-2px)}.mb-glare{pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#ffffff0d 28%,#0000 29%);position:absolute;inset:0}.lap-word:before{content:attr(data-word);opacity:.2;position:absolute;inset:0}@supports (content:'a' / ''){.lap-word:before{content:attr(data-word) / ""}}
.tech-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.tech-track{width:max-content;animation:40s linear infinite tech-scroll;display:flex}.tech-track-slow{animation-duration:55s}.tech-track-fast{animation-duration:30s}.tech-track-reverse{animation-direction:reverse}.tech-group{font-family:var(--font-syne), sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;gap:2rem;padding-right:2rem;font-size:clamp(28px,4.5vw,56px);font-weight:700;display:flex}.tech-group li{align-items:center;gap:2rem;display:flex}.tech-group li:after{content:"";background:var(--accent);border-radius:9999px;width:.4rem;height:.4rem}@media (prefers-reduced-motion:reduce){.tech-row{-webkit-mask-image:none;mask-image:none}.tech-track{justify-content:center;width:100%;animation:none}.tech-group[aria-hidden=true]{display:none}.tech-group{flex-wrap:wrap;flex-shrink:1;justify-content:center;gap:.4rem 1rem;padding:0 1.25rem;font-size:clamp(14px,3.4vw,32px)}.tech-group li{gap:1rem}}@keyframes tech-scroll{to{transform:translate(-50%)}}
