[data-laptop-scroll]{height:100svh;position:relative}[data-laptop-scroll].is-scrolling{height:210svh}[data-laptop-scroll] [data-laptop-stage]{top:var(--stage-inset,0px);height:calc(100svh - var(--stage-inset,0px));isolation:isolate;position:sticky;overflow:hidden}[data-laptop-scroll] .laptop-rig{perspective:1800px;transform-origin:50%;transform-style:preserve-3d;position:absolute;inset:0}[data-laptop-scroll] .laptop{width:min(48vw,580px);height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(100px)}[data-laptop-scroll] [data-laptop-screen]{aspect-ratio:16/10;transform-origin:50% 100%;width:100%;transform-style:preserve-3d;position:absolute;bottom:0;left:0;transform:rotateX(0)}[data-laptop-scroll] .laptop-lid-front,[data-laptop-scroll] .laptop-lid-back{backface-visibility:hidden;border:2px solid #a4a7aa;border-radius:14px 14px 5px 5px;position:absolute;inset:0}[data-laptop-scroll] .laptop-lid-front{background:#0c0d0e;padding:13px 9px 17px;transform:translateZ(0);box-shadow:inset 0 1px #3a3c3e}[data-laptop-scroll] .laptop-lid-back{background:linear-gradient(135deg,#e7e8e9,#b6b9bc 60%,#d5d7d8);transform:rotateY(180deg)translateZ(2px);box-shadow:inset 0 0 0 1px #f0f0f1,0 2px #92969a}[data-laptop-scroll] .laptop-camera{background:#222a32;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:calc(50% - 2px);box-shadow:inset 0 0 0 1px #394047}[data-laptop-scroll] .laptop-media{background:linear-gradient(to bottom, var(--screen-wallpaper-top) 0%, var(--color-background) 100%);border-radius:3px;align-content:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}[data-laptop-scroll] .laptop-media img,[data-laptop-scroll] .laptop-media video{object-fit:cover;width:100%;height:100%;display:block}[data-laptop-scroll] .laptop-hinge{background:linear-gradient(#222527,#777a7d);border-radius:2px;width:94%;height:5px;position:absolute;top:-2px;left:3%;transform:translateZ(1px)}[data-laptop-scroll] [data-laptop-base]{aspect-ratio:16/10;transform-origin:50% 0;transform-style:flat;background:linear-gradient(120deg,#bbbfc3,#e0e2e4 38%,#b9bdc1);border:1px solid #969b9f;border-radius:3px 3px 13px 13px;width:100%;position:absolute;top:0;left:0;transform:rotateX(65deg);box-shadow:0 3px #a6abb0,0 5px #7d8388}[data-laptop-scroll] .laptop-keyboard{background:#74777b;border-radius:7px;flex-direction:column;gap:4px;width:80%;height:54%;padding:5px;display:flex;position:absolute;top:8%;left:10%;box-shadow:inset 0 1px 4px #343638}[data-laptop-scroll] .key-row{flex:1;gap:4px;display:flex}[data-laptop-scroll] .key{color:#f1f1f1;background:linear-gradient(#25262a,#17181b);border:1px solid #080909;border-radius:3px;flex:1;place-items:center;font:8px/1 Arial,sans-serif;display:grid;box-shadow:0 1px #55585d}[data-laptop-scroll] .key.wide{flex:1.5}[data-laptop-scroll] .key.space{flex:5}[data-laptop-scroll] .laptop-speaker{opacity:.65;background:radial-gradient(#55595e .6px,#0000 .8px) 0 0/3px 3px;width:4.5%;height:50%;position:absolute;top:10%}[data-laptop-scroll] .laptop-trackpad{background:#c5c8cc;border:1px solid #969a9f;border-radius:5px;width:32%;height:25%;position:absolute;top:68%;left:34%;box-shadow:inset 0 1px 1px #b4b7ba,0 1px #e0e1e3}[data-laptop-scroll] .laptop-notch{background:#898c90;border-radius:0 0 12px 12px;width:13%;height:5px;position:absolute;bottom:-3px;left:43.5%}[data-laptop-scroll] .laptop-shadow{filter:blur(21px);background:#171b203b;border-radius:50%;width:50%;height:30px;position:absolute;top:calc(50% + 80px);left:50%;transform:translate(-50%)}[data-laptop-scroll] [data-laptop-cue]{color:var(--color-muted);justify-content:center;align-items:center;gap:12px;font-size:13px;line-height:1.4;display:flex;position:absolute;bottom:25px;left:0;right:0}[data-laptop-scroll]:not([data-gl]) [data-laptop-cue]{display:none}[data-laptop-scroll] .cue-arrow{font-size:20px;line-height:1}[data-laptop-scroll] [data-laptop-stage]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-7px}@media (width<=600px){[data-laptop-scroll] .laptop{width:76vw;transform:translate(-50%)translateY(50px)}[data-laptop-scroll] .laptop-rig{perspective:1400px}[data-laptop-scroll] .laptop-lid-front{border-width:1px;padding:7px 5px 9px}[data-laptop-scroll] .laptop-lid-front,[data-laptop-scroll] .laptop-lid-back{border-radius:9px 9px 3px 3px}[data-laptop-scroll] .laptop-camera{width:3px;height:3px;top:2px}[data-laptop-scroll] .laptop-keyboard{gap:2px;padding:3px}[data-laptop-scroll] .key-row{gap:2px}[data-laptop-scroll] .key{border-radius:2px;font-size:5px}[data-laptop-scroll] [data-laptop-cue]{bottom:75px}[data-laptop-scroll] .laptop-shadow{filter:blur(15px);width:80%;height:15px;top:calc(50% - 2px)}}@media (prefers-reduced-motion:reduce){[data-laptop-scroll].is-scrolling{height:100svh}}@media (prefers-reduced-motion:no-preference){[data-laptop-scroll][data-js]:not([data-enabled=false]) [data-laptop-screen]{transform:rotateX(-114.4deg)}[data-laptop-scroll][data-js]:not([data-enabled=false]) .laptop{transform:translate(-50%)translateY(-95px)}}[data-laptop-scroll] .laptop-lid-back:after{content:"";border-radius:inherit;border:2px solid #b2b6ba;position:absolute;inset:-1px;box-shadow:0 3px #9a9fa3,0 5px #c5c8ca}[data-laptop-scroll] .laptop-lid-front,[data-laptop-scroll] .laptop-lid-back{border-width:1px;border-color:#797d81;border-radius:12px 12px 4px 4px}[data-laptop-scroll] .laptop-lid-front{background:#08090a;padding:7px 6px 10px;box-shadow:0 0 0 .6px #e7e8e9,inset 0 0 0 1px #1f2224,inset 0 -3px 3px #000}[data-laptop-scroll] .laptop-lid-back:after{border-radius:inherit;border:0;inset:0;box-shadow:0 1px #f7f8f9,0 2px #a0a5aa,0 3px #bfc3c7,0 4px #686f75}[data-laptop-scroll] .laptop-camera{z-index:2;width:32px;height:7px;box-shadow:none;background:#08090a;border-radius:0 0 4px 4px;top:3px;left:calc(50% - 16px)}[data-laptop-scroll] .laptop-camera:after{content:"";background:#132730;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:1px;left:calc(50% - 1.25px);box-shadow:inset .5px .5px .5px #425a65,0 0 0 .5px #020507}[data-laptop-scroll] .laptop-media{border-radius:6px 6px 1px 1px}[data-laptop-scroll] .laptop-hinge{background:linear-gradient(#141719 0%,#4c5054 35%,#191d20 65%,#666a6e);border-radius:1px;width:92%;height:4px;top:-1px;left:4%;box-shadow:0 1px #e4e6e8}[data-laptop-scroll] [data-laptop-base]{background:radial-gradient(at 45% 15%,#e7e9ec 0%,#0000 70%),linear-gradient(100deg,#bbc0c6 0%,#d3d7dc 12%,#cbd0d5 65%,#b4bbc2 100%);border:.7px solid #959ba1;border-radius:2px 2px 15px 15px;box-shadow:inset 0 1px #f4f5f6,inset 1px 0 1px #edf0f2,inset -1px 0 1px #9098a0,0 1px #e4e7ea,0 3px #89929a,0 5px #b7bec5,0 6px #737e87,0 8px 3px #1f2c3520}[data-laptop-scroll] [data-laptop-base]:after{content:"";pointer-events:none;background:linear-gradient(#dfe3e7,#b6bec6 42%,#9aa4ad 65%,#ccd2d7);border-radius:0 0 14px 14px;height:5px;position:absolute;bottom:-5px;left:1px;right:1px;box-shadow:0 1px #88939d}[data-laptop-scroll] .laptop-keyboard{width:84%;height:49%;box-shadow:none;background:0 0;border-radius:4px;gap:3px;padding:0;top:7.5%;left:8%}[data-laptop-scroll] .key-row{gap:3px;min-height:0}[data-laptop-scroll] .key{flex:var(--key-units,1);color:#d3d9de;text-shadow:0 -.2px .2px #000;background:linear-gradient(145deg,#272b2f,#171b1f 70%);border:.5px solid #090c0f;border-radius:3px;justify-content:center;align-items:center;min-width:0;padding:1px;font:400 7px Arial,sans-serif;display:flex;position:relative;box-shadow:0 0 0 .7px #a5adb5,0 1px 0 1px #5b636b,inset 0 .7px #42484e,inset .5px 0 .5px #30363c}[data-laptop-scroll] .key.small{letter-spacing:.05px;font-size:4.7px}[data-laptop-scroll] .key.align-left{justify-content:flex-start;align-items:flex-end;padding-bottom:4px;padding-left:4px}[data-laptop-scroll] .key.align-right{justify-content:flex-end;align-items:flex-end;padding-bottom:4px;padding-right:4px}[data-laptop-scroll] .key.dual{flex-direction:column;gap:3px;font-size:6px}[data-laptop-scroll] .key small{font:4px Arial,sans-serif}[data-laptop-scroll] .key.dual small{font-size:5px}[data-laptop-scroll] .function-row .key{flex-direction:column;gap:1px;font-size:6px;display:flex}[data-laptop-scroll] .function-row .key:first-child{align-items:flex-start;padding-left:4px;font-size:5px}[data-laptop-scroll] .function-row .key small{opacity:.9;font-size:3.7px}[data-laptop-scroll] .key.power:after{content:"";background:linear-gradient(135deg,#171b1e,#0e1215);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #444b52,0 0 0 .5px #0b0e11}[data-laptop-scroll] .key.modifier{flex-direction:column;justify-content:flex-end;gap:3px;padding-bottom:3px;font-size:7px}[data-laptop-scroll] .key.modifier small{font-size:4px}[data-laptop-scroll] .key.locating:after{content:"";background:#747e87;border-radius:1px;width:6px;height:1px;position:absolute;bottom:3px}[data-laptop-scroll] .arrow-cluster .key{font-size:4px}[data-laptop-scroll] .laptop-speaker{opacity:.65;background:radial-gradient(circle,#3d474f .38px,#0000 .65px) 0 0/1.8px 1.8px;border-radius:2px;width:3.1%;height:47%;top:8%;box-shadow:inset 0 0 6px #c7cdd2}[data-laptop-scroll] .laptop-speaker.left{left:3.3%}[data-laptop-scroll] .laptop-speaker.right{right:3.3%}[data-laptop-scroll] .laptop-trackpad{background:linear-gradient(150deg,#d1d6dc,#c6cdd4);border:.7px solid #8f9aa4;border-radius:5px;width:42%;height:32%;top:62%;left:29%;box-shadow:0 .7px #eef0f2,inset 0 .6px .8px #bcc4cb}[data-laptop-scroll] .laptop-notch{z-index:1;background:linear-gradient(#78848f,#b3bdc6);border-radius:0 0 12px 12px;width:16%;height:4px;bottom:-4px;left:42%;box-shadow:0 .7px #e1e6ea}@media (width<=600px){[data-laptop-scroll] .laptop-lid-front{padding:5px 4px 7px}[data-laptop-scroll] .laptop-lid-front,[data-laptop-scroll] .laptop-lid-back{border-radius:8px 8px 3px 3px}[data-laptop-scroll] .laptop-camera{width:20px;height:5px;top:2px;left:calc(50% - 10px)}[data-laptop-scroll] .laptop-camera:after{width:2px;height:2px;left:calc(50% - 1px)}[data-laptop-scroll] .laptop-media{border-radius:4px 4px 1px 1px}[data-laptop-scroll] .laptop-keyboard{gap:2px;padding:0}[data-laptop-scroll] .key-row{gap:2px}[data-laptop-scroll] .key{border-radius:2px;font-size:4px;box-shadow:0 0 0 .4px #a5adb5,0 .6px 0 .6px #5b636b,inset 0 .5px #42484e}[data-laptop-scroll] .key.small{font-size:2.6px}[data-laptop-scroll] .key.align-left{padding-bottom:2px;padding-left:2px}[data-laptop-scroll] .key.align-right{padding-bottom:2px;padding-right:2px}[data-laptop-scroll] .key.dual{gap:1px;font-size:3.5px}[data-laptop-scroll] .key.dual small{font-size:3px}[data-laptop-scroll] .function-row .key{gap:0;font-size:4px}[data-laptop-scroll] .function-row .key:first-child{padding-left:2px;font-size:3px}[data-laptop-scroll] .function-row .key small{font-size:2px}[data-laptop-scroll] .key.modifier{gap:1px;padding-bottom:1px;font-size:4px}[data-laptop-scroll] .key.modifier small{font-size:2px}[data-laptop-scroll] .key.power:after{width:7px;height:7px}[data-laptop-scroll] .key.locating:after{width:4px;bottom:1px}[data-laptop-scroll] .arrow-cluster .key{font-size:3px}[data-laptop-scroll] .laptop-trackpad{border-radius:3px}[data-laptop-scroll] .laptop-speaker{background-size:1.3px 1.3px}}[data-laptop-scroll][data-gl]:not([data-enabled=false]) [data-laptop-stage]>.laptop-rig,[data-laptop-scroll].is-live [data-laptop-stage]>.laptop-rig,[data-laptop-scroll][data-gl]:not([data-enabled=false]) .laptop-shadow,[data-laptop-scroll].is-live .laptop-shadow{visibility:hidden}[data-laptop-scroll] .laptop-canvas,[data-laptop-scroll] .laptop-css-scene{pointer-events:none;width:100%;height:100%;inset:0;position:absolute!important}[data-laptop-scroll] .laptop-css-scene{z-index:2}[data-laptop-scroll] .webgl-screen{backface-visibility:hidden;transform-style:flat;contain:paint;pointer-events:auto;overflow:hidden}[data-laptop-scroll] .webgl-screen>*{max-width:100%;max-height:100%}[data-laptop-scroll] .webgl-screen .laptop-media{border-radius:0!important}[data-laptop-scroll] [data-laptop-cue]{z-index:3}[data-laptop-scroll].is-live .laptop-css-scene{visibility:visible}html.lenis,html.lenis body{height:auto}html.lenis.lenis-smooth{scroll-behavior:auto!important}html.lenis.lenis-stopped{overflow:hidden}html.lenis.lenis-smooth iframe{pointer-events:none}[data-laptop-scroll] .laptop-lid-back{background:linear-gradient(145deg,#202938,#101827 55%,#080e18);box-shadow:inset 0 0 0 1px #65717b}[data-laptop-scroll] .laptop-lid-back:after{box-shadow:0 1px #697884,0 2px #23303c,0 3px #3d4a55,0 4px #151f29}[data-laptop-scroll] [data-laptop-base]{background:linear-gradient(115deg,#202938,#141d2b 55%,#0c1422);border-color:#26313b;box-shadow:inset 0 1px #64717b,0 2px #080e18,0 5px #35424e}[data-laptop-scroll] [data-laptop-base]:after{background:linear-gradient(#52616d,#263440 65%,#182630);box-shadow:0 1px #121d27}[data-laptop-scroll] .laptop-trackpad{background:linear-gradient(135deg,#1b2534,#141e2d);border-color:#1c2a36;box-shadow:0 .7px #65717c}[data-laptop-scroll] .laptop-speaker{box-shadow:none}[data-laptop-scroll] [data-look=graphite] .laptop-lid-back,[data-laptop-scroll] [data-look=graphite] [data-laptop-base]{background:linear-gradient(140deg,#b6b5ad,#888b88 58%,#686d6b)}[data-laptop-scroll] [data-look=graphite] .laptop-trackpad{background:#8d928f}