@property --exit{syntax: "<number>"; inherits: false; initial-value: 0;}@property --open{syntax: "<angle>"; inherits: false; initial-value: 108deg;}@property --glare{syntax: "<number>"; inherits: false; initial-value: .7;}@property --reveal{syntax: "<number>"; inherits: false; initial-value: 0;}@property --lift{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --drop{syntax: "<length>"; inherits: false; initial-value: 0px;}:root{color-scheme:light;--mac-w: min(62vw, 820px, 96vh);--slab: max(.75px, var(--mac-w) / 410)}*{box-sizing:border-box}html,body{margin:0}body{background:#fff;color:#000;font-family:Didot,"Bodoni 72",Bodoni Moda,Libre Bodoni,Georgia,serif}.hero{height:460vh}.stage{position:sticky;top:0;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden}.stage>*{grid-area:1 / 1}.cue{--exit: 0;align-self:start;margin-top:4vh;padding:0;border:0;background:none;color:#000;opacity:calc(.55 - var(--exit) * 3);cursor:pointer}.cue svg{display:block}.cue-text{display:none;font-family:Helvetica Neue,Helvetica,-apple-system,SF Pro Text,system-ui,Arial,sans-serif;font-size:clamp(.85rem,1.3vw,1.1rem);letter-spacing:.01em;color:#00000080}.cue.told svg{display:none}.cue.told{opacity:calc(1 - var(--exit) * 5)}.cue.told .cue-text{display:block}.footer{align-self:end;margin:0 0 max(1.4vh,12px);font-family:Helvetica Neue,Helvetica,-apple-system,SF Pro Text,system-ui,Arial,sans-serif;font-size:.72rem;letter-spacing:.01em;color:#00000061}.footer a{color:inherit;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s ease}.footer a:hover{color:#000000b3}.wordmark{--exit: 0;margin:0;padding:0 4vw;font-size:clamp(2.5rem,11.5vw,14rem);font-weight:700;letter-spacing:-.01em;line-height:1;white-space:nowrap;pointer-events:none;transform:translateY(calc(var(--exit) * 70vh));opacity:calc(1 - var(--exit) * 1.6);will-change:transform,opacity}.glass{color:#2a56a3}.reveal{--reveal: 0;--lift: 0px;display:grid;justify-items:center;gap:.4rem;text-align:center;transform:translateY(calc(-10vh - var(--lift) + (1 - var(--reveal)) * 4vh));opacity:var(--reveal);transition:--lift .25s ease;pointer-events:none;will-change:transform,opacity}.reveal.live{pointer-events:auto}.reveal .icon{display:block;width:clamp(96px,14vw,168px);height:auto}.reveal .name{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:-.01em;line-height:1.1}.reveal .download,.reveal .note{font-family:Helvetica Neue,Helvetica,-apple-system,SF Pro Text,system-ui,Arial,sans-serif}.reveal .download{margin-top:.6rem;padding:.6em 1.5em;border-radius:999px;background:#000;color:#fff;font-size:clamp(.95rem,1.3vw,1.05rem);font-weight:500;letter-spacing:.01em;text-decoration:none;transition:background .15s ease}.reveal .download:hover{background:#2a2a2e}.reveal .note{margin:.35rem 0 0;font-size:clamp(.82rem,1.05vw,.95rem);letter-spacing:.01em;color:#00000080}.toggle{display:inline-flex;align-items:center;gap:.35em;margin-top:1.4rem;padding:0;border:0;background:none;cursor:pointer;transition:color .15s ease}.toggle:hover{color:#000c}.toggle svg{transition:transform .2s ease}.toggle[aria-expanded=true] svg{transform:rotate(180deg)}.checker-wrap{display:grid;grid-template-rows:0fr;width:min(92vw,520px);transition:grid-template-rows .25s ease}.checker-wrap.open{grid-template-rows:1fr}.checker{display:grid;gap:.45rem;min-height:0;overflow:hidden;padding-top:.9rem;font-family:Helvetica Neue,Helvetica,-apple-system,SF Pro Text,system-ui,Arial,sans-serif;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .25s}.checker-wrap.open .checker{opacity:1;visibility:visible;transition:opacity .2s ease .1s}.reveal.open{--lift: 4vh}.group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem}.group .label{width:3.2em;text-align:right;margin-right:.2rem;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:#00000061}.pill{padding:.28em .7em;border:1px solid rgba(0,0,0,.2);border-radius:999px;background:#fff;color:#000;font:inherit;font-size:.78rem;line-height:1.3;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pill:hover{border-color:#00000080}.pill[aria-pressed=true]{background:#000;border-color:#000;color:#fff}.verdict{margin:.3rem 0 0;font-size:.85rem;color:#0009}.verdict:before{display:inline-block;margin-right:.4em;font-weight:600}.checker.yes .verdict{color:#1a7f37}.checker.yes .verdict:before{content:"✓"}.checker.no .verdict{color:#c0392b}.checker.no .verdict:before{content:"✗"}.hint{margin:0;font-size:.74rem;color:#00000061;transition:opacity .15s ease}.checker.settled .hint{opacity:0;visibility:hidden}.mac{--exit: 0;--drop: 0px;pointer-events:none;width:var(--mac-w);perspective:3400px;perspective-origin:50% 40%;transform:translateY(calc((1 - var(--exit)) * -80vh + var(--drop)));opacity:calc(var(--exit) * 2);will-change:transform,opacity;transition:--drop .25s ease}.laptop{position:relative;width:100%;height:calc(var(--mac-w) * .678);transform-style:preserve-3d;transform:translateY(-22%) rotateX(-17deg)}.lid,.lid-front,.lid-back,.base,.deck,.slab{position:absolute}.lid,.base{transform-style:preserve-3d}.lid{--open: 108deg;left:0;right:0;bottom:0;height:100%;transform-origin:50% 100%;transform:translateY(-.8%) rotateX(calc(var(--open) - 90deg));will-change:transform}.lid-front,.lid-back{inset:0;border-radius:3.5%/7%;backface-visibility:hidden}.lid-front{background:#0b0b0d;padding:2.6% 2.6% 3.6%;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #0009}.lid-back{transform:rotateY(180deg) translateZ(1px);background:linear-gradient(180deg,#d9dbe0,#c2c5cc 55%,#b3b7bf);box-shadow:inset 0 0 0 1px #0000001f,0 30px 60px transparent}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:1.2%/1.9%;background:#000}.frames{display:block;width:100%;height:100%}.glare{--glare: .7;position:absolute;inset:0;pointer-events:none;opacity:calc(var(--glare) * .22);background:linear-gradient(165deg,#ffffff8c,#ffffff2e 28%,#fff0 55%)}.camera{position:absolute;top:1%;left:50%;width:.7%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#1d2330;box-shadow:0 0 0 1px #ffffff14}.base{left:0;right:0;top:100%;height:100%;transform-origin:50% 0%;transform:rotateX(90deg)}.deck{inset:0;border-radius:3.5%/7%;background:linear-gradient(180deg,#cfd2d8,#c4c7ce 40%,#b9bdc5);box-shadow:inset 0 0 0 1px #00000024}.keyboard{position:absolute;top:3.9%;left:11%;right:11%;height:48.3%;display:grid;grid-template-columns:repeat(58,1fr);grid-template-rows:.55fr repeat(5,1fr);gap:3px;padding:calc(5px + 1%) 6px;border-radius:12px/24px;background:#aeb2ba;overflow:hidden}.key{border-radius:2px;background:#a5a9b2}.arrows{grid-column:span 12;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.updown{display:grid;grid-template-rows:1fr 1fr;gap:2px}.trackpad{position:absolute;top:56%;left:34%;right:34%;height:40%;border-radius:6%/10%;background:#c6c9d0;box-shadow:inset 0 0 0 1px #0000001f}.slab{inset:0;border-radius:3.5%/7%;background:#a4a8b1}.slab:last-child{background:#8f939b}