.island{--r-collapsed:calc(12 * var(--pt));--r-open:calc(32 * var(--pt));z-index:10;color:#fff;height:0;font-size:calc(13 * var(--pt));text-align:left;line-height:1.25;position:absolute;inset:0 0 auto}.island__probe{width:calc(182 * var(--pt));visibility:hidden;height:0;position:absolute}.island__geom{top:0;left:calc(50% - (91 + var(--lw)) * var(--pt));width:calc((182 + var(--lw) + var(--rw)) * var(--pt));height:calc(32 * var(--pt));border-radius:0 0 var(--r-collapsed) var(--r-collapsed);transition-property:left,width,height,border-radius,box-shadow;transition-duration:var(--spring-collapse-ms,.42s);transition-timing-function:var(--spring-collapse,ease);position:absolute}.island.is-open .island__geom{left:calc(50% - var(--ow) / 2);width:var(--ow);height:var(--oh);border-radius:0 0 var(--r-open) var(--r-open);transition-duration:var(--spring-expand-ms,.5s);transition-timing-function:var(--spring-expand,ease);transition-delay:.14s}.island__shell{z-index:2}.island.is-open .island__shell{box-shadow:0 calc(5 * var(--pt)) calc(10 * var(--pt)) #00000080}.island__shell>span{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.island__solid{background:#000;transition:opacity .18s ease-in}.island.is-glass.is-open .island__solid{opacity:0;transition:opacity .38s ease-out .15s}.island__veil{--solid:calc(51.2 * var(--pt));background:linear-gradient(to bottom, #000 0, #000 var(--solid), #000000f1 calc(var(--solid) + (80% - var(--solid)) * .25), #000000ce calc(var(--solid) + (80% - var(--solid)) * .5), #0000009d calc(var(--solid) + (80% - var(--solid)) * .75), #0006 80%, #0000004e 83.5%, #0000002c 87%, #0000000d 90.5%, #0000 94%)}.island__lift{background:linear-gradient(#0000 89.5%,#fffae608 94.7%,#fffae612 100%),linear-gradient(#0000 84.2%,#ffffff0a 92.6%,#ffffff14 100%)}.island__rim{box-shadow:inset calc(.8 * var(--pt)) 0 calc(1.2 * var(--pt)) #c7deff29, inset calc(-.4 * var(--pt)) calc(-1.2 * var(--pt)) calc(.8 * var(--pt)) #fffae666}.island__rim:before,.island__rim:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.island__rim:before{padding:calc(.6 * var(--pt));background:linear-gradient(to bottom, transparent calc(2 * var(--pt)), #0000004d calc(9 * var(--pt)), #00000057 70%, #0000006b 100%)}.island__rim:after{padding:calc(.5 * var(--pt));background:linear-gradient(to bottom, transparent calc(2 * var(--pt)), #ffffff24 calc(9 * var(--pt)), #ffffff0f 45%, #ffffff1a 80%, #ffffff2e 100%)}.island.is-glass .island__veil,.island.is-glass .island__lift,.island.is-glass .island__rim{opacity:0;transition:opacity .2s ease-in}.island.is-glass.is-open .island__veil,.island.is-glass.is-open .island__lift,.island.is-glass.is-open .island__rim{opacity:1;transition:opacity .24s ease-out .14s}.island.is-glass.is-open .island__veil{-webkit-backdrop-filter:blur(calc(14 * var(--pt))) saturate(1.5);backdrop-filter:blur(calc(14 * var(--pt))) saturate(1.5)}.island.is-open .island__shell-ghost{opacity:0;transition:opacity .12s ease-in}.island__goo{height:calc(80 * var(--pt));filter:url(#island-goo);pointer-events:none;z-index:1;position:absolute;inset:0 0 auto}.island__shell-ghost{background:#000}.island__glow-host{z-index:1;pointer-events:none}.island__glow{inset:calc(-4 * var(--pt));filter:blur(calc(3 * var(--pt)));animation:.4s ease-in both glow-in;position:absolute;top:0}.island__glow.is-blinking{animation:.4s ease-in both glow-in,1.6s ease-in-out .4s 6 glow-blink}.island__glow.is-once{animation:1.6s ease-in-out both glow-once}.island__glow-ring{padding:calc(7 * var(--pt));border-radius:0 0 calc(var(--r-collapsed) + 4 * var(--pt)) calc(var(--r-collapsed) + 4 * var(--pt));-webkit-mask-composite:xor;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.island.is-open .island__glow-ring{border-radius:0 0 calc(var(--r-open) + 4 * var(--pt)) calc(var(--r-open) + 4 * var(--pt))}.island__glow-grad{width:300%;animation:2.6s linear 4 alternate glow-slide;position:absolute;top:0;bottom:0;left:-100%}.island__glow-grad.is-one-way{animation-direction:normal}@keyframes glow-slide{0%{transform:translate(-30%)}to{transform:translate(30%)}}@keyframes glow-in{0%{opacity:0}to{opacity:1}}@keyframes glow-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes glow-once{0%{opacity:0}25%,60%{opacity:1}to{opacity:0}}.island__progress-host{top:0;left:calc(50% - (91 + var(--lw)) * var(--pt));z-index:3;pointer-events:none;position:absolute}.island__progress{width:calc(var(--w) * var(--pt));height:calc(32 * var(--pt));display:block;overflow:visible}.island__progress path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:1 1;transition:stroke-dashoffset .6s linear,stroke .3s}.island__side{z-index:3;gap:calc(8 * var(--pt));height:calc(32 * var(--pt));transition:transform var(--spring-restore-ms,.34s) var(--spring-restore,ease) .18s, opacity .2s ease .18s;align-items:center;display:flex;position:absolute;top:0}.island__side.is-left{right:calc(50% + 91 * var(--pt) + 4 * var(--pt));transform-origin:100%}.island__side.is-right{left:calc(50% + 91 * var(--pt) + 4 * var(--pt));transform-origin:0}.island.is-open .island__side{opacity:0;transform:translateY(calc(-6 * var(--pt))) scale(.4);transition:transform .14s ease-in,opacity .14s ease-in}.island__indicator{width:calc(28 * var(--pt));height:calc(28 * var(--pt));animation:indicator-in var(--spring-appear-ms,.55s) var(--spring-appear,ease) both;place-items:center;display:grid}.island__side.is-left .island__indicator{transform-origin:100%}.island__side.is-right .island__indicator{transform-origin:0}@keyframes indicator-in{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}.island__strip{top:calc(42 * var(--pt));z-index:3;pointer-events:none;transform-origin:top;transition:transform var(--spring-appear-ms,.55s) var(--spring-appear,ease) .18s, opacity .2s ease .18s;justify-content:center;display:flex;position:absolute;left:50%;translate:-50%}.island.is-open .island__strip{opacity:0;transform:translateY(calc(-100% - 32 * var(--pt))) scale(.5, .9);transition:transform .14s ease-in,opacity .14s ease-in}.island__strip--ghost{z-index:1}.island__plate{align-items:center;gap:calc(4 * var(--pt));animation:strip-in var(--spring-appear-ms,.55s) var(--spring-appear,ease) both;background:#000;border-radius:999px;flex-direction:column;display:flex}.island__plate.is-multi{border-radius:calc(16 * var(--pt))}.island__strip-row{width:calc(158 * var(--pt));padding:calc(4 * var(--pt)) calc(12 * var(--pt));box-sizing:content-box;font-size:calc(11 * var(--pt));font-weight:500;line-height:calc(16 * var(--pt));white-space:nowrap;text-overflow:ellipsis;text-align:center;animation:strip-in var(--spring-appear-ms,.55s) var(--spring-appear,ease) both;overflow:hidden}.island__strip--ghost .island__strip-row{color:#0000}.island__strip--ghost .island__strip-row *{visibility:hidden}@keyframes strip-in{0%{opacity:0;transform:translateY(calc(-10 * var(--pt))) scale(.7)}to{opacity:1;transform:none}}.island__pod{top:calc(1 * var(--pt));z-index:1;justify-content:center;align-items:center;gap:calc(8 * var(--pt));width:calc(var(--sw) * var(--pt));height:calc(30 * var(--pt));--tuck:calc((182 + 8 + var(--sw)) / 2 * var(--pt));transition:width var(--spring-appear-ms,.55s) var(--spring-appear,ease), transform var(--spring-restore-ms,.34s) var(--spring-restore,ease) .18s, opacity .2s ease .18s;animation:pod-in var(--spring-appear-ms,.55s) var(--spring-appear,ease) backwards;display:flex;position:absolute}.island__pod.is-left{right:calc(50% + (91 + 8) * var(--pt));transform-origin:100%}.island__pod.is-right{left:calc(50% + (91 + 8) * var(--pt));transform-origin:0}.island.is-open .island__pod{opacity:0;transition:transform .14s ease-in,opacity .14s ease-in}.island.is-open .island__pod.is-left{transform:translateX(var(--tuck)) scale(.5)}.island.is-open .island__pod.is-right{transform:translateX(calc(-1 * var(--tuck))) scale(.5)}.island__capsule{z-index:-1;border-radius:calc(12 * var(--pt));position:absolute;inset:0}.island__pod .island__indicator{position:relative}@keyframes pod-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.island__content{z-index:4;opacity:0;pointer-events:none;transform-origin:top;width:max-content;transform:translateX(-50%) scale(var(--cs,.3));filter:blur(calc(4 * var(--pt)));transition:transform var(--spring-collapse-ms,.42s) var(--spring-collapse,ease), opacity .16s ease-in 60ms, filter .2s ease-in;position:absolute;top:0;left:50%}.island__content.is-active{opacity:1;pointer-events:auto;filter:none;transition:transform var(--spring-expand-ms,.5s) var(--spring-expand,ease) .14s, opacity .16s linear .17s, filter .26s ease-out .14s;transform:translate(-50%)scale(1)}.island__columns{align-items:stretch;gap:calc(16 * var(--pt));min-width:calc(350 * var(--pt));padding:calc(56 * var(--pt)) calc(16 * var(--pt)) calc(12 * var(--pt));display:flex}.island__columns.has-tabs{min-width:calc(460 * var(--pt))}.island__gear{top:calc(28 * var(--pt));right:calc(28 * var(--pt));font-size:calc(14 * var(--pt));color:#8e8e93cc;display:flex;position:absolute}.island__tabs{gap:calc((182 + 40) * var(--pt));display:flex;position:absolute;top:0;left:50%;translate:-50%}.island__tabs-side{gap:calc(8 * var(--pt));width:calc(112 * var(--pt));display:flex}.island__tabs-side.is-left{justify-content:flex-end}.island__tab{width:calc(32 * var(--pt));height:calc(32 * var(--pt));border-radius:0 0 calc(8 * var(--pt)) calc(8 * var(--pt));color:#fff;font-size:calc(13 * var(--pt));background:#ffffff1a;place-items:center;transition:background .2s,color .2s;display:grid}.island__tab.is-active{color:#000;background:#fff}@media (prefers-reduced-motion:reduce){.island__geom,.island__content,.island__side{transition-duration:1ms!important;transition-delay:0s!important}.island__glow-grad{animation:none}}.island.is-glass .island__plate,.island__capsule{box-shadow:inset calc(.6 * var(--pt)) 0 calc(.8 * var(--pt)) #c7deff1f, inset 0 calc(-.9 * var(--pt)) calc(.6 * var(--pt)) #fffae657, inset 0 0 0 calc(.5 * var(--pt)) #ffffff1f, 0 calc(2 * var(--pt)) calc(6 * var(--pt)) #00000040;background:linear-gradient(#000 0%,#000000eb 45%,#000000bd 68%,#00000080 84%,#0000004d 96%,#0000003d 100%)}.island.is-swap-out .island__content--expanded{opacity:0;transition:opacity .14s ease-in,transform .14s ease-in;transform:translate(-50%)scale(.97)}.island.is-open.is-swap-in .island__geom{transition-delay:0s}.island.is-swap-in .island__columns,.island.is-swap-in .island__tabs{animation:.38s cubic-bezier(.2,.8,.2,1) .14s both swap-in}@keyframes swap-in{0%{opacity:0;transform:translateY(calc(6 * var(--pt))) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.island__pod,.island__strip{transition-duration:1ms!important;transition-delay:0s!important}}.wall{background:var(--w0,#110e38);position:absolute;inset:0;overflow:hidden}.wall--dusk{--w0:#110e38}.wall--ocean{--w0:#050f33}.wall--meadow{--w0:#031e17}.wall--graphite{--w0:#0e0d12}.wall--dev{--w0:#150c1a}.wall--video{--w0:#170a33}.wall--design{--w0:#200916}.wall--team{--w0:#080e31}.wall--study{--w0:#051428}.wall__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateZ(0)}.wall__img.is-new{opacity:0;transition:opacity .7s}.wall__img.is-new.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.wall__img.is-new{transition-duration:10ms}}.macbook{perspective:4200px;perspective-origin:50% -30%;isolation:isolate;text-align:left;-webkit-user-select:none;user-select:none;width:100%;margin:0 auto;position:relative;container-type:inline-size}.mb-glow{z-index:-1;background:radial-gradient(50% 50% at 50% 55%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%);pointer-events:none;position:absolute;inset:20% -12% -20%}.mb-lid{transform-origin:50% 100%;background:#050506;border-radius:3.3cqw 3.3cqw 0 0;padding:1.6cqw 1.6cqw 0;position:relative;box-shadow:0 0 0 .24cqw #232327,0 -.1cqw 0 .24cqw #4a4a50,inset 0 0 0 .07cqw #ffffff17,0 2.4cqw 5cqw -1.6cqw #000000b3}.mb-screen{--pt:calc(96.8cqw / 1728);isolation:isolate;aspect-ratio:3456/2234;font-size:calc(13 * var(--pt));background:#0e0d14;border-radius:1.8cqw 1.8cqw 0 0;position:relative;overflow:hidden;transform:translateZ(0)}.mb-screen:after{content:"";z-index:20;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff0e 0%,#ffffff05 28%,#0000 42%);position:absolute;inset:0}.mb-dock{--i:calc(50 * var(--pt));left:50%;bottom:calc(4 * var(--pt));z-index:4;align-items:center;gap:calc(var(--i) * .33);padding:calc(var(--i) * .27) calc(var(--i) * .3) calc(var(--i) * .32);border-radius:calc(var(--i) * .48);box-shadow:inset 0 0 0 calc(.6 * var(--pt)) #ffffff38, inset 0 calc(.8 * var(--pt)) 0 #ffffff24, 0 calc(4 * var(--pt)) calc(14 * var(--pt)) #00000024;background:linear-gradient(#ffffff1c,#ffffff0f);display:flex;position:absolute;translate:-50%}.mb-dock__app{width:var(--i);height:var(--i);place-items:center;display:grid;position:relative}.mb-dock__app>.app-icon{width:100%;height:100%;position:relative}.mb-dock__app:not(.mb-dock__app--window):not(.mb-dock__app--trash):before{content:"";background:radial-gradient(closest-side,#00000052,#0000);border-radius:30%;position:absolute;inset:12% 8% -6%}.mb-dock__app.is-on:after{content:"";bottom:calc(var(--i) * -.2);width:calc(3 * var(--pt));height:calc(3 * var(--pt));background:#ffffff8c;border-radius:50%;position:absolute;left:50%;translate:-50%}.mb-dock__sep{width:calc(.8 * var(--pt));height:calc(var(--i) * .95);margin:0 calc(var(--i) * -.05);background:#ffffff38}.mb-dock__app--window{justify-content:center;gap:calc(3 * var(--pt));width:calc(var(--i) * 1.2);height:calc(var(--i) * .8);padding:calc(var(--i) * .12);border-radius:calc(4 * var(--pt));box-shadow:0 calc(1.5 * var(--pt)) calc(3 * var(--pt)) #0000004d;background:#1c1c20;flex-direction:column;display:flex}.mb-dock__app--window i{height:calc(2 * var(--pt));background:#ffffff59;border-radius:1px;display:block}.mb-dock__app--window i:nth-child(2){width:70%}.mb-dock__app--window i:nth-child(4){width:50%}.mb-dock__app--trash{width:calc(var(--i) * .8);height:calc(var(--i) * .95);border-radius:calc(var(--i) * .06) calc(var(--i) * .06) calc(var(--i) * .16) calc(var(--i) * .16);background:repeating-linear-gradient(90deg, transparent 0 calc(6 * var(--pt)), #ffffff2e calc(6 * var(--pt)) calc(7 * var(--pt))), linear-gradient(180deg, #ffffff8c, #ffffff38);box-shadow:inset 0 calc(2.5 * var(--pt)) 0 #ffffff8c, 0 calc(1.5 * var(--pt)) calc(3 * var(--pt)) #0003}.mb-menubar{z-index:5;height:calc(32 * var(--pt));padding:0 calc(16 * var(--pt));color:#fffffff2;filter:drop-shadow(0 0 calc(3 * var(--pt)) #00000040);font-size:calc(13 * var(--pt));white-space:nowrap;justify-content:space-between;align-items:center;line-height:1;display:flex;position:absolute;inset:0 0 auto}.mb-menubar__left,.mb-menubar__right{align-items:center;gap:calc(20 * var(--pt));display:flex}.mb-menubar__left span{font-weight:500}.mb-menubar__right svg,.mb-apple{font-size:calc(15 * var(--pt))}.mb-desk{top:calc(48 * var(--pt));right:calc(18 * var(--pt));align-items:center;gap:calc(14 * var(--pt));width:calc(96 * var(--pt));color:#fff;font-size:calc(12 * var(--pt));text-align:center;text-shadow:0 1px 3px #0000008c;flex-direction:column;font-weight:600;line-height:1.2;display:flex;position:absolute}.mb-desk__item{align-items:center;gap:calc(5 * var(--pt));flex-direction:column;display:flex}.mb-desk__item i{width:calc(40 * var(--pt));height:calc(50 * var(--pt));padding-bottom:calc(5 * var(--pt));border-radius:calc(3 * var(--pt));box-shadow:0 calc(2 * var(--pt)) calc(5 * var(--pt)) #00000059;color:#00000073;font-size:calc(8 * var(--pt));text-shadow:none;place-items:end center;font-style:normal;font-weight:800;display:grid}.mb-desk__item:last-child i{width:calc(54 * var(--pt));height:calc(42 * var(--pt));border-radius:calc(4 * var(--pt)) calc(4 * var(--pt)) calc(5 * var(--pt)) calc(5 * var(--pt))}.mb-base{background:linear-gradient(#74747b 0%,#3c3c42 14%,#26262a 45%,#151517 80%,#0c0c0d 100%);border-radius:.35cqw .35cqw 1.1cqw 1.1cqw/.35cqw .35cqw 1cqw 1cqw;width:103%;height:1.45cqw;margin-left:-1.5%;position:relative;box-shadow:inset 0 -.12cqw .2cqw #0009}.mb-base__lip{background:linear-gradient(#0e0e10,#2a2a2e);border-radius:0 0 .9cqw .9cqw;width:13%;height:.55cqw;position:absolute;top:0;left:50%;translate:-50%;box-shadow:inset 0 .08cqw .12cqw #000000b3}.mb-base:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 30%,#000000bf,#0000 70%);height:3.2cqw;position:absolute;top:60%;left:4%;right:4%}.mb-power{z-index:9;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.macbook.is-intro .mb-lid{animation:1.3s cubic-bezier(.3,.7,.2,1) both lid-open}.macbook.is-intro .mb-power{animation:.7s ease-out 1s both screen-on}.macbook.is-intro .mb-glow{animation:1.2s ease-out 1s both screen-on-glow}@keyframes lid-open{0%{opacity:0;transform:rotateX(-64deg)}15%{opacity:1}78%{transform:rotateX(1.6deg)}to{transform:rotateX(0)}}@keyframes screen-on{0%{opacity:1}25%{opacity:.85}to{opacity:0}}@keyframes screen-on-glow{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.macbook.is-intro .mb-lid,.macbook.is-intro .mb-power,.macbook.is-intro .mb-glow{animation:none}}.screen-top{--k:calc(var(--ppt) * var(--zoom));--mb-w:calc(1728 / .968 * var(--k));width:100%;height:calc(var(--mb-w) * .016 + var(--h) * var(--k));text-align:left;-webkit-user-select:none;user-select:none;--mask-x:linear-gradient(to right, transparent var(--clear,0%), #000 var(--edge,14%), #000 calc(100% - var(--edge,14%)), transparent calc(100% - var(--clear,0%)));--mask-y:linear-gradient(to bottom, #000 var(--fade,62%), transparent);-webkit-mask-image:var(--mask-x), var(--mask-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--mask-x), var(--mask-y);mask-image:var(--mask-x), var(--mask-y);position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.screen-top__device{width:var(--mb-w);margin-left:calc(var(--mb-w) / -2);position:absolute;top:0;left:50%}.screen-top .mb-glow{display:none}