.spread[data-astro-cid-fzd647li]{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,88px);display:grid}.spread--flip[data-astro-cid-fzd647li]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.spread--flip[data-astro-cid-fzd647li] .spread__media[data-astro-cid-fzd647li]{order:2}.spread__media[data-astro-cid-fzd647li]{min-inline-size:0;position:relative}.spread__live[data-astro-cid-fzd647li]{text-align:start;border-radius:var(--r-stage);cursor:pointer;inline-size:100%;padding:0;display:block;position:relative}.spread__live[data-astro-cid-fzd647li] .devices__mac,.spread__live[data-astro-cid-fzd647li] .devices__phone{transition:transform var(--dur-3) var(--ease-out)}.spread__live[data-astro-cid-fzd647li]:hover .devices__mac,.spread__live[data-astro-cid-fzd647li]:focus-visible .devices__mac{transform:translateY(-1.2%)}.spread__live[data-astro-cid-fzd647li]:hover .devices__phone,.spread__live[data-astro-cid-fzd647li]:focus-visible .devices__phone{transform:translateY(-5%)rotate(-1.5deg)}.spread--flip[data-astro-cid-fzd647li] .spread__live[data-astro-cid-fzd647li]:hover .devices__phone,.spread--flip[data-astro-cid-fzd647li] .spread__live[data-astro-cid-fzd647li]:focus-visible .devices__phone{transform:translateY(-5%)rotate(1.5deg)}.spread__cue[data-astro-cid-fzd647li]{border-radius:var(--r-pill);box-shadow:var(--shadow-pop);font-size:var(--fs-micro);font-weight:var(--fw-ui);opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);pointer-events:none;z-index:4;background:#fffffff0;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:absolute;inset-block-start:16px;inset-inline-end:16px;transform:translateY(4px)}.spread__live[data-astro-cid-fzd647li]:hover .spread__cue[data-astro-cid-fzd647li],.spread__live[data-astro-cid-fzd647li]:focus-visible .spread__cue[data-astro-cid-fzd647li]{opacity:1;transform:none}.spread__dot[data-astro-cid-fzd647li]{background:var(--live);border-radius:50%;flex:none;block-size:8px;inline-size:8px;box-shadow:0 0 0 3px #12804a2e}.spread__text[data-astro-cid-fzd647li]{gap:var(--s-4);align-content:center;min-inline-size:0;display:grid}.spread__meta[data-astro-cid-fzd647li]{align-items:center;gap:12px;display:flex}.spread__n[data-astro-cid-fzd647li]{font-size:var(--fs-small);color:var(--ink-3);font-weight:var(--fw-ui)}.spread__name[data-astro-cid-fzd647li]{font-size:var(--fs-h2);line-height:var(--lh-h2)}.spread__alt[data-astro-cid-fzd647li]{color:var(--ink-3);margin-block-start:calc(var(--s-3) * -1)}.spread__line[data-astro-cid-fzd647li]{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--ink-2);max-inline-size:46ch}.spread__tags[data-astro-cid-fzd647li]{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.spread__facts[data-astro-cid-fzd647li]{color:var(--ink-2);gap:8px;margin:0;padding:0;list-style:none;display:grid}.spread__facts[data-astro-cid-fzd647li] li[data-astro-cid-fzd647li]{padding-inline-start:22px;position:relative}.spread__facts[data-astro-cid-fzd647li] li[data-astro-cid-fzd647li]:before{content:"";background:var(--ink-1);border-radius:2px;block-size:2px;inline-size:10px;position:absolute;inset-block-start:.7em;inset-inline-start:0}.spread__actions[data-astro-cid-fzd647li]{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;margin-block-start:var(--s-2);display:flex}.spread__actions[data-astro-cid-fzd647li] .link[data-astro-cid-fzd647li]{padding-block:10px}.spread__note[data-astro-cid-fzd647li]{font-size:var(--fs-micro);color:var(--ink-3)}@media (width<=899px){.spread[data-astro-cid-fzd647li],.spread--flip[data-astro-cid-fzd647li]{grid-template-columns:minmax(0,1fr)}.spread--flip[data-astro-cid-fzd647li] .spread__media[data-astro-cid-fzd647li]{order:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .spread__live[data-astro-cid-fzd647li] .mbp__lid{transform-origin:50% 100%;animation:linear both lean-in view();animation-range:entry}html:not([data-motion=off]) .spread__live[data-astro-cid-fzd647li] .devices__phone{animation:linear both phone-drift view();animation-range:cover}}}@keyframes lean-in{0%{transform:perspective(1400px)rotateX(14deg)translateY(4%)}}@keyframes phone-drift{0%{translate:0 8%}to{translate:0 -8%}}