.hero{overflow:visible;min-height:1080px;align-items:start}.hero-copy{position:sticky;top:55px}.assembly{--spread:0;position:sticky;top:30px;height:620px;min-height:620px;overflow:hidden;perspective:1100px}.assembly-scene{position:absolute;width:360px;height:245px;left:50%;top:280px;margin-left:-180px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-27deg);pointer-events:none}.assembly-plane{position:absolute;inset:0;border-radius:13px;transform-style:preserve-3d;box-shadow:0 10px 25px #0005}.chassis{background:linear-gradient(135deg,#727c80,#252e32);border:3px solid #9ba5a5;transform:translateZ(0)}.battery{position:absolute;left:18px;bottom:16px;width:180px;height:83px;background:#171b1d;border:1px solid #414c4e;border-radius:5px;color:#76837e;font:12px monospace;padding:20px}.battery small{font-size:7px}.motherboard{inset:14px 15px 90px;background:repeating-linear-gradient(90deg,transparent 0 19px,#c8fb691c 20px 21px),repeating-linear-gradient(0deg,#20382e 0 19px,#c8fb6922 20px 21px);border:2px solid #658267;transform:translateZ(calc(8px + var(--spread)*68px))}.processor{position:absolute;top:33px;left:105px;background:linear-gradient(135deg,#a6afaa,#4a5650);border:5px solid #172b20;outline:2px dashed #b3b58b;width:65px;height:65px;display:grid;place-items:center;color:#203124;font:bold 13px monospace}.cooling-fan{position:absolute;right:15px;top:15px;width:80px;height:80px;border:8px solid #303a38;border-radius:50%;background:repeating-conic-gradient(#111918 0deg 16deg,#56635c 17deg 26deg);box-shadow:0 0 0 2px #79917b}.cooling-fan:after{content:'';position:absolute;inset:22px;background:#7f9183;border-radius:50%}.board-chip{position:absolute;width:30px;height:20px;background:#101714;border:2px solid #749778;left:20px}.c1{top:15px}.c2{top:46px}.c3{top:77px}.memory{inset:135px 145px 20px 20px;box-shadow:none;transform:translateZ(calc(14px + var(--spread)*132px))}.ram-stick{height:29px;background:#2b5340;border:2px solid #82995c;margin-bottom:9px;display:flex;gap:9px;padding:3px 10px;border-bottom:5px dashed #c4b475}.ram-stick i{flex:1;background:#101a17;border:1px solid #4e6656}.storage{inset:147px 20px 24px 240px;box-shadow:none;transform:translateZ(calc(18px + var(--spread)*195px))}.ssd{height:100%;background:#17201c;border:2px solid #9baa8b;border-right:5px dashed #cfb779;padding:8px;color:var(--lime);font:12px monospace}.ssd small{display:block;font-size:6px;margin-top:7px}.ssd i{position:absolute;right:10px;top:10px;width:17px;height:20px;background:#313f34}.keyboard-deck{background:linear-gradient(135deg,#9ba6aa,#465257);border:2px solid #b9c5c5;transform:translateZ(calc(26px + var(--spread)*260px));opacity:calc(1 - var(--spread)*.15)}.key-grid{position:absolute;left:20px;right:20px;top:16px;height:123px;border:5px solid #2b3335;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 20px,#7b888a 21px 24px),repeating-linear-gradient(0deg,#171e21 0 18px,#7b888a 19px 23px)}.trackpad{position:absolute;width:125px;height:71px;bottom:16px;left:115px;border:1px solid #bbc6c8;border-radius:6px;background:#718085}.part-label{position:absolute;left:0;top:-22px;font:8px monospace;color:var(--lime);letter-spacing:1px;white-space:nowrap;opacity:var(--spread)}.assembly-lid{position:absolute;left:0;top:-225px;width:360px;height:230px;background:linear-gradient(135deg,#879396,#333f41);border:3px solid #a8b6b8;border-radius:12px;transform-origin:center bottom;transform:translateZ(calc(25px + var(--spread)*260px)) rotateX(-78deg);transform-style:preserve-3d;padding:10px;box-shadow:0 0 15px #0008}.lid-display{height:100%;background:radial-gradient(ellipse,#293c26,#0d1413);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;border:1px solid #53604d}.lid-display img{width:230px}.lid-display span{color:#a3b298;font:8px monospace;letter-spacing:1px}.assembly-caption{position:absolute;bottom:22px;left:25px;right:25px;text-align:center}.assembly-caption .eyebrow{display:block;font-size:9px}.assembly-caption p{font-size:18px;margin:9px 0 14px;letter-spacing:-.5px}.assembly-caption small{font:8px monospace;color:var(--muted);letter-spacing:2px}.assembly-meter{height:2px;width:140px;background:#384233;margin:0 auto 13px}.assembly-meter span{display:block;height:100%;background:var(--lime);width:calc(8% + var(--spread)*92%)}@media(max-width:950px){.assembly-scene{scale:.82}.assembly{height:590px;min-height:590px}}@media(max-width:650px){.hero{min-height:0}.hero-copy{position:static}.assembly{position:relative;top:auto;height:570px;min-height:570px;margin-top:0}.assembly-scene{scale:.8;top:285px}.assembly-caption{bottom:0}}@media(prefers-reduced-motion:reduce){.assembly{--spread:.35!important}.hero{min-height:0}.hero-copy,.assembly{position:relative;top:auto}}
.assembly{--spread:1}.chassis,.keyboard-deck,.assembly-lid{background:repeating-linear-gradient(92deg,#ffffff05 0px,#ffffff00 1px,#00000008 2px,#ffffff00 3px),linear-gradient(125deg,#d0d6d8 0%,#8c989e 25%,#c0c8cc 47%,#67757d 75%,#9ba8ae 100%);box-shadow:inset 0 1px 2px #ffffffb0,inset 0 -3px 4px #182329aa,0 12px 22px #0008}.chassis:after{content:'';position:absolute;inset:7px;border:1px solid #151e2280;border-radius:7px;pointer-events:none}.motherboard{background:repeating-linear-gradient(90deg,transparent 0 18px,#b2a46e30 19px 20px),repeating-linear-gradient(0deg,#18372e 0 18px,#92a87730 19px 20px);box-shadow:inset 0 0 8px #071911,0 8px 16px #0009;border-color:#667667}.processor{background:linear-gradient(135deg,#e0e4e1,#8c9794 48%,#c5cecb);box-shadow:inset 0 1px 3px #fff8,0 3px 5px #000b;color:#4c5553}.board-chip,.ram-stick i{background:linear-gradient(135deg,#343b3b,#111819);box-shadow:1px 2px 2px #0009;border-color:#657269}.ram-stick{background:linear-gradient(120deg,#254e3c,#102f24);box-shadow:0 4px 8px #0008}.ssd{background:linear-gradient(120deg,#343b3c,#141b1d);color:#d7dfd9;box-shadow:0 5px 9px #0009;border-color:#82918a}.battery{background:linear-gradient(100deg,#282d30,#131719 65%,#2e3537);box-shadow:inset 0 0 2px #89918a55}.key-grid{box-shadow:inset 0 3px 9px #000c,0 1px 1px #fff8}.trackpad{background:linear-gradient(130deg,#a8b4ba,#7e8d96);box-shadow:inset 0 1px 2px #ffffff40,0 1px 1px #ffffff50;border-color:#5d6b73}.assembly-meter span{width:calc(100% - var(--spread)*92%)}
.hero{min-height:1180px;position:relative;isolation:isolate}.assembly{height:600px;min-height:600px;max-width:100%;width:100%;top:24px;overflow:clip;contain:paint;perspective:1400px;perspective-origin:50% 45%;border:1px solid #c8fb6914;border-radius:20px;background:radial-gradient(ellipse at 50% 45%,#2c3c273d,transparent 65%)}.assembly-scene{top:270px;scale:.72;transform:rotateX(58deg) rotateZ(-27deg);transform-origin:center center}.motherboard{transform:translateZ(calc(8px + var(--spread)*38px))}.memory{transform:translateZ(calc(14px + var(--spread)*75px))}.storage{transform:translateZ(calc(18px + var(--spread)*112px))}.keyboard-deck{transform:translateZ(calc(26px + var(--spread)*155px))}.assembly-lid{transform:translateZ(calc(28px + var(--spread)*155px)) rotateX(-78deg)}.assembly-caption{bottom:20px;background:linear-gradient(transparent,#101214 35%);padding:22px 0 0;z-index:3}.assembly .orb{width:280px;height:280px;top:170px;left:50%;margin-left:-140px}.part-label{font-size:10px}.assembly-caption small{letter-spacing:1.2px}@media(max-width:950px){.assembly-scene{scale:.60;top:260px}.assembly{height:570px;min-height:570px}.hero-copy{top:25px}}@media(max-width:650px){.hero{min-height:0}.assembly{position:relative;top:auto;height:500px;min-height:500px;margin-top:24px}.assembly-scene{scale:.65;top:240px}.assembly-caption{bottom:12px}.hero-copy{position:static}.assembly .orb{top:120px}}@media(max-width:380px){.assembly-scene{scale:.55}}@media(prefers-reduced-motion:reduce){.hero{min-height:0}.hero-copy,.assembly{position:relative;top:auto}}