.mac-shot-copy{width:var(--shot-width);text-align:center;flex-direction:column;align-items:center;display:flex}.mac-shot-copy-slides{justify-items:center;width:100%;display:grid}.mac-shot-copy-slide{opacity:0;filter:blur(4px);pointer-events:none;grid-area:1/1;max-width:52ch;transition-property:opacity,filter,translate;transition-duration:.5s;transition-timing-function:cubic-bezier(.22,.61,.36,1);translate:0 4px}.mac-shot-copy-slide[data-active]{opacity:1;filter:none;pointer-events:auto;transition-delay:.16s;translate:0}.mac-shot-copy-slide h2,.mac-shot-copy-slide h3{letter-spacing:-.01em;color:var(--color-text-1);text-wrap:pretty;margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.2}.mac-shot-copy-slide p{max-width:40ch;color:var(--color-text-2);text-wrap:pretty;margin-inline:auto;font-size:15px;line-height:1.5}.mac-shot-copy-dots{gap:6px;margin-top:16px;display:flex}.mac-shot-copy-dot{background:color-mix(in srgb, var(--color-text-1) 20%, transparent);cursor:pointer;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:width .4s cubic-bezier(.22,.61,.36,1),background-color .3s;position:relative}.mac-shot-copy-dot:after{content:"";position:absolute;inset:-8px -3px}.mac-shot-copy-dot:hover{background:color-mix(in srgb, var(--color-text-1) 40%, transparent)}.mac-shot-copy-dot[aria-current]{background:color-mix(in srgb, var(--color-text-1) 70%, transparent);width:18px}.mac-shot-copy-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mac-shot-copy-slide{filter:none;translate:0}}
.mac-demo-head{width:min(var(--shot-width,100%), 640px);text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.mac-demo-head h2{letter-spacing:-.02em;max-width:30ch;color:var(--color-text-1);text-wrap:balance;font-size:32px;font-weight:600;line-height:1.15}.mac-demo-head .mac-demo-tail{--word-step:45ms;--word-ease:cubic-bezier(.3, 1.1, .5, 1);--tail-spring:linear(0, .132, .268, .4, .521, .627, .719, .794, .856, .904, .941, .968, .988, 1.002, 1.01, 1.015, 1.018, 1.018, 1.017, 1.016, 1.014, 1.012, 1.01, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1.001, 1, 1);vertical-align:bottom;transition:grid-template-columns .52s var(--tail-spring);grid-template-columns:1fr;display:inline-grid}.mac-demo-head .mac-demo-tail>span{overflow-clip-margin:.4em;white-space:pre;min-width:0;overflow-x:clip}.mac-demo-head .mac-demo-word{transform-origin:50% 100%;transition:opacity .26s ease calc(var(--i) * var(--word-step) + .12s), translate .46s var(--word-ease) calc(var(--i) * var(--word-step) + .12s), scale .46s var(--word-ease) calc(var(--i) * var(--word-step) + .12s), filter .36s ease calc(var(--i) * var(--word-step) + .12s);display:inline-block}.mac-demo-head .mac-shot-copy{width:100%;margin-top:6px}.mac-demo-tile{--tile-color:var(--scene-color)}@media (max-width:720px){.mac-demo-head h2{font-size:26px}}
.mac-shot{--head-in:0;--rise:0;--head-out:0;--card-h:calc((var(--shot-width) - 28px) * 10 / 16 + 28px);width:100%;height:250svh;position:relative}.mac-shot-pin{height:100svh;padding-top:var(--header-height,64px);position:sticky;top:0}.mac-shot-view{place-items:center;height:100%;display:grid}.mac-shot-view>*{grid-area:1/1}.mac-shot-head{z-index:2;opacity:calc(var(--head-in) * (1 - var(--head-out)));translate:0 calc((1 - var(--head-in)) * 28px - var(--rise) * (var(--card-h) / 2 + 150px));scale:calc(1 - var(--head-out) * .06);filter:blur(calc((1 - var(--head-in)) * 8px + var(--head-out) * 10px));will-change:translate, opacity, filter;justify-content:center;display:flex;position:relative}.mac-shot[data-head-gone] .mac-shot-head{pointer-events:none}.mac-shot-rise{z-index:1;opacity:clamp(0, calc(var(--head-in) * .6 + var(--rise) * 3), 1);translate:0 calc((1 - var(--rise)) * (var(--card-h) * .55 + 130px));scale:calc(.6 + .4 * var(--rise));will-change:translate, scale;position:relative}.mac-shot-rise .mac-shot-stage{padding-block:0}.mac-shot[data-short] .mac-demo-tail{transition:grid-template-columns .68s var(--tail-spring) calc(var(--n) * var(--word-step) * .6);grid-template-columns:0fr}.mac-shot[data-short] .mac-demo-word{--out:calc((var(--n) - 1 - var(--i)) * var(--word-step));opacity:0;filter:blur(8px);transition:opacity .28s ease var(--out), translate .42s cubic-bezier(.4, 0, .6, 1) var(--out), scale .42s cubic-bezier(.4, 0, .6, 1) var(--out), filter .32s ease var(--out);translate:0 -.35em;scale:.9}@media (max-width:720px),(prefers-reduced-motion:reduce){.mac-shot{height:auto;margin-top:var(--section-gap)}.mac-shot-pin{height:auto;padding-top:0;position:static}.mac-shot-view{flex-direction:column;align-items:center;gap:32px;display:flex}.mac-shot-head,.mac-shot-rise{opacity:1;filter:none;will-change:auto;translate:none;scale:none}}