.mac-scene{--u:var(--mac-w);--table-back:calc(var(--table-z,0px) * -1);--table-front:calc(var(--table-back) + var(--mac-depth));--light-core:#fff;--light-green:#0b7a5280;--light-blue:#2878c866;--light-halo:#0b7a5229;--light-under:#0b7a521a;--light-under-2:#2882c80f;--light-spill:#ffffff80;--light-line:#0b7a524d;--light-pad:#0b7a5259}.mac-lights{left:50%;top:var(--table-top);width:calc(var(--u) * 2.8);height:calc(var(--u) * 2.5);pointer-events:none;opacity:calc(.1 + var(--screen) * .9);transform-origin:50% 0;transform:translateX(-50%) translateZ(var(--table-z,0px)) rotateX(var(--table-tilt,90deg));position:absolute}.mac-lights>span{display:block;position:absolute;left:50%;transform:translate(-50%)}.mac-lights__glow{top:calc(var(--table-back) - var(--u) * .35);width:calc(var(--u) * 2);height:calc(var(--mac-depth) + var(--u) * .9);background:radial-gradient(closest-side at 38% 50%, var(--light-under), transparent), radial-gradient(closest-side at 64% 52%, var(--light-under-2), transparent);animation:6s ease-in-out infinite alternate mac-lights-breathe}@keyframes mac-lights-breathe{0%{opacity:.75}to{opacity:1}}.mac-lights__spill{top:var(--table-front);width:calc(var(--u) * 1.1);height:calc(var(--u) * .55);background:radial-gradient(farthest-side at 50% 0, var(--light-spill), transparent);opacity:var(--screen)}.mac-lights>.mac-lights__pad{top:calc(var(--table-back) - var(--u) * .035);width:calc(var(--u) * 1.07);height:calc(var(--mac-depth) + var(--u) * .05);border:1.5px solid var(--light-pad);border-radius:calc(var(--u) * .05);box-shadow:0 0 calc(var(--u) * .02) var(--light-halo), inset 0 0 calc(var(--u) * .03) var(--light-halo);opacity:var(--screen);transform:translateX(-50%) scale(calc(.96 + var(--screen) * .04))}.mac-lights>.mac-lights__rail{top:calc(var(--table-back) - var(--u) * .2);width:1px;height:calc(var(--u) * 1.2);background:linear-gradient(transparent, var(--light-line) 25%, var(--light-line) 60%, transparent);transform-origin:50% 0;transform:translateX(-50%) scaleY(var(--screen))}.mac-lights>.mac-lights__rail--left{left:calc(50% - var(--u) * .72)}.mac-lights>.mac-lights__rail--right{left:calc(50% + var(--u) * .72)}.mac-lights>.mac-lights__strip{height:calc(var(--u) * .03);transform:translateX(-50%) scaleX(var(--screen))}.mac-lights__strip:before,.mac-lights__strip>i{content:"";position:absolute;left:0;right:0}.mac-lights__strip:before{background:linear-gradient(90deg, transparent, var(--light-green) 25%, var(--light-halo) 50%, var(--light-blue) 75%, transparent);opacity:.55;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 50%,#0000);mask-image:linear-gradient(#0000,#000 50%,#0000)}.mac-lights__strip>i{background:linear-gradient(90deg, transparent, var(--light-green) 12%, var(--light-core) 35%, var(--light-core) 65%, var(--light-blue) 88%, transparent);border-radius:2px;height:2px;top:calc(50% - 1px);overflow:hidden}.mac-lights__strip>i:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:16%;animation:8s cubic-bezier(.45,0,.25,1) infinite mac-lights-glint;position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.mac-lights__strip--far{top:calc(var(--table-back) - var(--u) * .16);width:calc(var(--u) * 1.75);opacity:.7}.mac-lights__strip--far>i:after{animation-delay:-4s}.mac-lights__strip--near{top:calc(var(--table-front) + var(--u) * .2);width:calc(var(--u) * 1.3)}@keyframes mac-lights-glint{0%{transform:translate(-100%)}55%,to{transform:translate(640%)}}@media (prefers-reduced-motion:reduce){.mac-lights__glow{animation:none}.mac-lights__strip>i:after{animation:none;display:none}}.mac-scene{--mac-w:min(760px, 60vw, calc((100svh - 140px) * .86));--mac-h:calc(var(--mac-w) * .69);--mac-depth:var(--mac-h);--mac-lid-t:calc(var(--mac-w) * .014);--mac-base-t:calc(var(--mac-w) * .026);--mac-pad:calc(var(--mac-w) * .06);--table-top:calc(var(--mac-pad) + var(--mac-h) + var(--mac-base-t));--table-tilt:90deg;--table-z:calc(var(--mac-w) * -1.2);--mac-turn:-20deg;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .07'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--backlight:.2;--alu-top:#e4e5e8;--alu-top-front:#d3d4d8;--alu-lid:#dcdde1;--alu-lid-far:#cfd0d4;--alu-mark:#c3c4c9;--alu-rim:#ffffffd9;--alu-edge-l:80%;--alu-edge-step:2.2%;--lip-1:#cfd0d4;--lip-2:#b9bbc0;--lip-3:#a2a4a9;--grille:#0000006b;--pad:#d8d9dd;--pad-rim:#00000024;--table:#0000000d;--shadow:#0000006b;--shadow-soft:#0000001f;--glow:#ffffff47;--sheen:#ffffff80;--ao:#0000001a;margin:calc(56px - 50vh) 0 -14vh;height:280vh;margin-top:calc(56px - 50svh);position:relative}@media (prefers-reduced-motion:reduce){.mac-scene{margin:24px 0 0}}.mac-scene[data-static=true]{height:auto}.mac-scene__sticky{height:100vh;pointer-events:none;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.mac-scene[data-static=true] .mac-scene__sticky{height:auto;padding:40px 0 80px;position:relative}.mac-stage{padding-top:var(--mac-pad);perspective:calc(var(--mac-w) * 6);perspective-origin:50% calc(var(--table-top) - var(--mac-w) * (2.3 + (1 - var(--lid)) * .8));transform:translateY(calc((1 - var(--lid)) * var(--mac-w) * -.12)) scale(calc(.93 + var(--lid) * .07));will-change:transform;justify-items:center;margin:0;display:grid;position:relative}.mac-stage figcaption{margin-top:calc(var(--mac-w) * .34);color:var(--z7-muted);opacity:var(--screen);font-size:13px;position:relative}.mac-table{left:50%;top:var(--table-top);width:calc(var(--mac-w) * 2.8);height:calc(var(--mac-w) * 2.5);background:radial-gradient(closest-side at 50% 52%, var(--table), color-mix(in srgb, var(--table), transparent 60%) 55%, transparent);transform-origin:50% 0;transform:translateX(-50%) translateZ(var(--table-z)) rotateX(var(--table-tilt));pointer-events:none;position:absolute}.mac{width:var(--mac-w);height:var(--mac-h);transform-style:preserve-3d;transform-origin:50% 100% calc(var(--mac-depth) / 2);transform:rotateY(calc(var(--turn) * var(--mac-turn)));position:relative}.mac-base{width:100%;height:var(--mac-depth);border-radius:calc(var(--mac-w) * .012) calc(var(--mac-w) * .012) calc(var(--mac-w) * .034) calc(var(--mac-w) * .034);background:var(--grain), linear-gradient(180deg, var(--alu-top), var(--alu-top-front));box-shadow:inset 0 0 0 1px var(--alu-rim), inset 0 calc(var(--mac-w) * -.004) calc(var(--mac-w) * .01) #0000000f;transform-origin:50% 0;transform-style:preserve-3d;position:absolute;top:100%;left:0;transform:rotateX(90deg)}.mac-base>span{position:absolute}.mac-base__corner{width:calc(var(--mac-w) * .034);height:calc(var(--mac-w) * .034);background:color-mix(in srgb, var(--lip-1), var(--lip-3) calc(var(--i) * 8%));transform:translateZ(calc(var(--mac-base-t) * (var(--i) + 1) / -12));border-bottom-left-radius:100%;bottom:0;left:0}.mac-base__corner--right{border-bottom-right-radius:100%;border-bottom-left-radius:0;left:auto;right:0}.mac-base__lip{top:100%;left:calc(var(--mac-w) * .03);right:calc(var(--mac-w) * .03);height:var(--mac-base-t);background:linear-gradient(180deg, var(--alu-rim) 0 1px, var(--lip-1) 1px, var(--lip-2) 55%, var(--lip-3));transform-origin:50% 0;transform:rotateX(-90deg)}.mac-base__side{top:calc(var(--mac-w) * .012);bottom:calc(var(--mac-w) * .034);width:var(--mac-base-t);background:linear-gradient(90deg, var(--alu-rim) 0 1px, var(--lip-1) 1px, var(--lip-2) 55%, var(--lip-3));transform-origin:0;left:100%;transform:rotateY(90deg)}.mac-base__side--left{background:linear-gradient(270deg, var(--alu-rim) 0 1px, var(--lip-1) 1px, var(--lip-2) 55%, var(--lip-3));transform-origin:100%;left:auto;right:100%;transform:rotateY(-90deg)}.mac-base__side>i{width:36%;box-shadow:inset 0 0 0 1px #00000080, 0 1px 0 var(--alu-rim);background:#0b0b0d;border-radius:999px;position:absolute;left:30%}.mac-base__side>i:first-child{height:5%;top:16%}.mac-base__side>i:nth-child(2){border-radius:2px;height:8%;top:26%}.mac-base__side>i:nth-child(3){border-radius:1px;width:10%;height:14%;top:64%;left:44%}.mac-base__sheen,.mac-lid__sheen{border-radius:inherit;pointer-events:none;inset:0;overflow:hidden}.mac-base__sheen:before,.mac-lid__sheen:before{content:"";background:linear-gradient(100deg, transparent 38%, var(--sheen) 47%, transparent 58%);transform:translateX(calc((var(--turn) - .45) * 38%));will-change:transform;position:absolute;inset:0 -70%}.mac-lid__sheen{position:absolute}.mac-lid__sheen:before{background:linear-gradient(80deg, transparent 36%, var(--sheen) 48%, transparent 60%);transform:translateX(calc((.4 - var(--lid)) * 42%))}.mac-base__hinge{height:calc(var(--mac-w) * .012);border-radius:0 0 calc(var(--mac-w) * .004) calc(var(--mac-w) * .004);background:linear-gradient(#0b0b0d,#303034 45%,#141416 80%,#0b0b0d);top:0;left:10.5%;right:10.5%}.mac-base__ao{border-radius:inherit;background:linear-gradient(180deg, var(--ao), transparent);height:26%;opacity:calc(var(--lid) * (1 - var(--screen) * .5));pointer-events:none;top:0;left:0;right:0}.mac-base__shadow{border-radius:calc(var(--mac-w) * .06);background:radial-gradient(closest-side, var(--shadow), var(--shadow-soft) 62%, transparent);transform:translateZ(calc(var(--mac-base-t) * -1 + .5px));inset:-5% -4% -14%}.mac-base__contact{border-radius:inherit;box-shadow:0 0 calc(var(--mac-w) * .008) calc(var(--mac-w) * .002) var(--shadow);transform:translateZ(calc(var(--mac-base-t) * -1 + .6px));inset:1% .6% -1.2%}.mac-base__cast{height:calc(var(--mac-h) * .5);background:radial-gradient(70% 100% at 50% 100%, var(--shadow-soft), transparent);opacity:var(--lid);transform-origin:50% 100%;transform:translateZ(calc(var(--mac-base-t) * -1 + .5px)) scaleY(var(--lid));bottom:100%;left:4%;right:4%}.mac-base__keys{aspect-ratio:1466/616;border-radius:calc(var(--mac-w) * .006);width:76%;box-shadow:0 0 0 1px #0000002e, 0 1px 0 1px var(--alu-rim);background:url(/home/clavier.svg) 50%/100% 100% no-repeat;top:6.5%;left:12%}.mac-base__backlight{aspect-ratio:1466/616;width:76%;opacity:calc(var(--screen) * var(--backlight));pointer-events:none;background:url(/home/clavier-lumiere.svg) 50%/100% 100% no-repeat;top:6.5%;left:12%}.mac-base__grille{width:6.4%;height:calc(var(--mac-w) * .76 * 616 / 1466);background:radial-gradient(circle, var(--grille) 0 34%, transparent 42%) 0 0 / calc(var(--mac-w) * .0042) calc(var(--mac-w) * .0042);opacity:.8;top:6.5%;left:3.6%}.mac-base__grille--right{left:auto;right:3.6%}.mac-base__pad{border-radius:calc(var(--mac-w) * .014);background:linear-gradient(180deg, var(--pad), color-mix(in srgb, var(--pad) 90%, #000));width:46%;height:40%;box-shadow:inset 0 0 0 1px var(--pad-rim), 0 1px 0 var(--alu-rim);bottom:4.4%;left:27%}.mac-base__notch{background:linear-gradient(#0000,#00000029);border-radius:50% 50% 0 0/100% 100% 0 0;width:10%;height:2.2%;bottom:-1px;left:45%}.mac-base__glow{border-radius:inherit;background:radial-gradient(70% 60% at 50% 0, var(--glow), transparent);opacity:var(--screen);will-change:opacity;inset:0}.mac-lid{transform-origin:50% 100%;transform-style:preserve-3d;transform:translateY(-1px) rotateX(calc(-90deg + var(--lid) * 107deg));position:absolute;inset:0}.mac-lid>*{border-radius:calc(var(--mac-w) * .034) calc(var(--mac-w) * .034) calc(var(--mac-w) * .012) calc(var(--mac-w) * .012);position:absolute;inset:0}.mac-lid__frame{transform-style:preserve-3d}.mac-lid__frame>span{position:absolute}.mac-lid__corner{width:calc(var(--mac-w) * .034);height:calc(var(--mac-w) * .034);background:color-mix(in srgb, var(--lip-1), var(--lip-2) calc(var(--i) * 8%));transform:translateZ(calc(var(--mac-lid-t) * (var(--i) + .5) / -12));border-top-left-radius:100%;top:0;left:0}.mac-lid__corner--right{border-top-left-radius:0;border-top-right-radius:100%;left:auto;right:0}.mac-lid__edge{top:0;left:calc(var(--mac-w) * .03);right:calc(var(--mac-w) * .03);height:var(--mac-lid-t);background:linear-gradient(180deg, var(--lip-2), var(--lip-1) 70%, var(--alu-rim));transform-origin:50% 0;transform:translateZ(calc(var(--mac-lid-t) * -1)) rotateX(90deg)}.mac-lid__side{top:calc(var(--mac-w) * .03);width:var(--mac-lid-t);background:linear-gradient(90deg, var(--lip-2), var(--lip-1) 70%, var(--alu-rim));transform-origin:0;transform:translateZ(calc(var(--mac-lid-t) * -1)) rotateY(-90deg);bottom:0;left:0}.mac-lid__side--right{background:linear-gradient(270deg, var(--lip-2), var(--lip-1) 70%, var(--alu-rim));transform-origin:100%;transform:translateZ(calc(var(--mac-lid-t) * -1)) rotateY(90deg);left:auto;right:0}.mac-lid__back{background:var(--grain), radial-gradient(120% 90% at 50% 100%, #ffffff2e, transparent 60%), linear-gradient(0deg, var(--alu-lid), var(--alu-lid-far));box-shadow:inset 0 0 0 1px var(--alu-rim);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(calc(var(--mac-lid-t) * -1)) rotateY(180deg);place-items:center;display:grid}.mac-lid__mark{color:var(--alu-mark);font-family:var(--z7-font-display);font-size:calc(var(--mac-w) * .075);text-shadow:0 1px 0 var(--alu-rim);font-weight:800;line-height:1}.mac-lid__front{box-shadow:inset 0 0 0 calc(var(--mac-w) * .0022) hsl(225 4% calc(var(--alu-edge-l) - 6%)), inset 0 0 0 calc(var(--mac-w) * .0045) #1a1a1c;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#050506}.mac-lid__camera{top:calc(var(--mac-w) * .0085);width:calc(var(--mac-w) * .0062);height:calc(var(--mac-w) * .0062);background:radial-gradient(circle at 40% 35%,#2c3346 0 25%,#0b0c10 45%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #121214}.mac-screen{top:calc(var(--mac-w) * .022);right:calc(var(--mac-w) * .017);bottom:calc(var(--mac-w) * .034);left:calc(var(--mac-w) * .017);border-radius:calc(var(--mac-w) * .009) calc(var(--mac-w) * .009) 2px 2px;background:#020203;position:absolute;overflow:hidden}.mac-screen__shot{object-fit:cover;object-position:50% 0;width:100%;height:100%;opacity:var(--screen);will-change:opacity;display:block}.mac-screen__shot--dark{display:none}.mac-screen:after{content:"";opacity:calc(var(--screen) * (1 - var(--screen)) * 3);pointer-events:none;background:radial-gradient(80% 70% at 50% 42%,#ffffff52,#cddcff1a 60%,#0000);position:absolute;inset:0}.mac-screen__glass{transform:translateY(calc((1 - var(--lid)) * 22%));opacity:calc(1 - var(--screen) * .55);pointer-events:none;will-change:transform, opacity;background:radial-gradient(28% 18% at 24% 30%,#ffffff0f,#0000),linear-gradient(118deg,#ffffff21 0%,#ffffff0a 28%,#0000 42% 70%,#ffffff08 100%);position:absolute;inset:-40% -10%}@media (max-width:760px){.mac-scene{--mac-w:min(86vw, calc((100svh - 130px) * .88));--mac-turn:-12deg;height:220vh}.mac-stage figcaption{margin-top:calc(var(--mac-w) * .46)}}