.callout:where(.astro-mrmim4ef){--leader: 1.75rem;--outset: .1875rem;--at: var( --callout-delay, calc(var(--pop-start, .45s) + var(--callout-i, 0) * .3s) );position:absolute;inset:0;pointer-events:none;counter-increment:callout}.callout:where(.astro-mrmim4ef):nth-child(2){--callout-i: 1}.callout:where(.astro-mrmim4ef):nth-child(3){--callout-i: 2}.callout:where(.astro-mrmim4ef):nth-child(n+4){--callout-i: 3}.callout-box:where(.astro-mrmim4ef){position:absolute;margin:calc(-1 * var(--outset));padding:var(--outset);box-sizing:content-box;border-radius:.5rem;background:color-mix(in oklch,var(--tone) 5%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--tone) 50%,transparent),0 0 28px -6px color-mix(in oklch,var(--tone) 40%,transparent);opacity:var(--pop, 1);transform:scale(calc(1.04 - .04 * var(--pop, 1)));transition:opacity .7s var(--ease-out-expo) var(--at),transform .7s var(--ease-out-expo) var(--at)}.callout-anchor:where(.astro-mrmim4ef){position:absolute;width:0;height:0}.callout-dot:where(.astro-mrmim4ef){position:absolute;top:0;left:0;width:.625rem;height:.625rem;translate:-50% -50%;border-radius:9999px;background:var(--tone-solid);box-shadow:0 0 0 1.5px var(--color-canvas),0 0 0 5px color-mix(in oklch,var(--tone) 22%,transparent),0 0 18px 4px color-mix(in oklch,var(--tone) 38%,transparent);transform:scale(var(--pop, 1));transition:transform .56s var(--ease-spring) calc(var(--at) + 60ms)}.callout-dot:where(.astro-mrmim4ef):before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px var(--tone);opacity:0;animation:callout-halo 3s var(--ease-out-expo) calc(var(--at) + 1.4s) infinite}.callout-leader:where(.astro-mrmim4ef){position:absolute;--fade: color-mix(in oklch, var(--tone) 25%, var(--color-line-strong));transform:scale(var(--pop, 1));transition:transform .38s var(--ease-out-expo) calc(var(--at) + .22s)}.callout-chip:where(.astro-mrmim4ef){position:absolute;padding:.3125rem .75rem;border:1px solid color-mix(in oklch,var(--tone) 30%,var(--color-line-strong));border-radius:9999px;background:color-mix(in oklch,var(--color-overlay) 82%,transparent);box-shadow:inset 0 1px 0 var(--color-line),0 10px 28px -10px color-mix(in oklch,var(--color-canvas) 90%,transparent);backdrop-filter:blur(14px) saturate(140%);color:var(--color-fg);font-size:.8125rem;font-weight:500;line-height:1.25rem;letter-spacing:-.005em;white-space:nowrap;opacity:var(--pop, 1);transform:scale(calc(.9 + .1 * var(--pop, 1)));transition:opacity .52s var(--ease-out-expo) calc(var(--at) + .33s),transform .52s var(--ease-out-expo) calc(var(--at) + .33s)}:where(.astro-mrmim4ef)[data-side=right]{--origin: left}:where(.astro-mrmim4ef)[data-side=left]{--origin: right}:where(.astro-mrmim4ef)[data-side=top]{--origin: bottom}:where(.astro-mrmim4ef)[data-side=bottom]{--origin: top}:where(.astro-mrmim4ef)[data-side=top] .callout-anchor:where(.astro-mrmim4ef){margin-top:calc(-1 * var(--outset))}:where(.astro-mrmim4ef)[data-side=right] .callout-anchor:where(.astro-mrmim4ef){margin-left:var(--outset)}:where(.astro-mrmim4ef)[data-side=bottom] .callout-anchor:where(.astro-mrmim4ef){margin-top:var(--outset)}:where(.astro-mrmim4ef)[data-side=left] .callout-anchor:where(.astro-mrmim4ef){margin-left:calc(-1 * var(--outset))}:where(.astro-mrmim4ef)[data-side=right] .callout-leader:where(.astro-mrmim4ef),:where(.astro-mrmim4ef)[data-side=left] .callout-leader:where(.astro-mrmim4ef){top:-.5px;width:var(--leader);height:1px}:where(.astro-mrmim4ef)[data-side=top] .callout-leader:where(.astro-mrmim4ef),:where(.astro-mrmim4ef)[data-side=bottom] .callout-leader:where(.astro-mrmim4ef){left:-.5px;width:1px;height:var(--leader)}:where(.astro-mrmim4ef)[data-side=right] .callout-leader:where(.astro-mrmim4ef){left:0;background:linear-gradient(to right,var(--tone),var(--fade))}:where(.astro-mrmim4ef)[data-side=left] .callout-leader:where(.astro-mrmim4ef){right:0;background:linear-gradient(to left,var(--tone),var(--fade))}:where(.astro-mrmim4ef)[data-side=top] .callout-leader:where(.astro-mrmim4ef){bottom:0;background:linear-gradient(to top,var(--tone),var(--fade))}:where(.astro-mrmim4ef)[data-side=bottom] .callout-leader:where(.astro-mrmim4ef){top:0;background:linear-gradient(to bottom,var(--tone),var(--fade))}:where(.astro-mrmim4ef)[data-side=right] .callout-chip:where(.astro-mrmim4ef){top:0;left:var(--leader);translate:0 -50%}:where(.astro-mrmim4ef)[data-side=left] .callout-chip:where(.astro-mrmim4ef){top:0;right:var(--leader);translate:0 -50%}:where(.astro-mrmim4ef)[data-side=top] .callout-chip:where(.astro-mrmim4ef){bottom:var(--leader);left:0;translate:-50% 0}:where(.astro-mrmim4ef)[data-side=bottom] .callout-chip:where(.astro-mrmim4ef){top:var(--leader);left:0;translate:-50% 0}@media(width<64rem){.callout:where(.astro-mrmim4ef){--leader: 1.25rem}}@media(width<48rem){.callout-leader:where(.astro-mrmim4ef),.callout-chip:where(.astro-mrmim4ef){display:none}.callout-dot:where(.astro-mrmim4ef){display:grid;place-items:center;width:1.125rem;height:1.125rem;background:var(--tone);color:var(--color-on-accent);font-family:var(--font-mono);font-size:.625rem;font-weight:600;line-height:1}.callout-dot:where(.astro-mrmim4ef):after{content:counter(callout)}}.callout-leader:where(.astro-mrmim4ef),.callout-chip:where(.astro-mrmim4ef){transform-origin:var(--origin)}@keyframes callout-halo{0%{opacity:.7;transform:scale(1)}60%,to{opacity:0;transform:scale(2.8)}}@media(prefers-reduced-motion:reduce){.callout-dot:where(.astro-mrmim4ef):before{animation:none}}.shot-crop:where(.astro-m6arh5pr){position:relative}.shot-crop-window:where(.astro-m6arh5pr){position:absolute;inset:0;overflow:hidden;border-radius:.75rem;mask-composite:intersect}.shot-crop-layer:where(.astro-m6arh5pr){position:absolute}.shot-crop-callouts:where(.astro-m6arh5pr){counter-reset:callout}.shot-glow:where(.astro-vxuxeisu){background:radial-gradient(ellipse at 50% 40%,color-mix(in oklch,var(--hue, var(--color-accent)) 20%,transparent),transparent 68%)}@media(scripting:enabled){:where(.astro-vxuxeisu)[data-animate]+.shot-frame:where(.astro-vxuxeisu){clip-path:inset(-30% 100% -30% 0);transition:clip-path var(--dur-story) var(--ease-out-expo)}}.is-visible:where(.astro-vxuxeisu)+.shot-frame:where(.astro-vxuxeisu){clip-path:inset(-30%)}.reveal-instant :where(.astro-vxuxeisu)[data-animate]+.shot-frame:where(.astro-vxuxeisu){transition:none}@media(prefers-reduced-motion:no-preference)and (scripting:enabled){:where(.astro-vxuxeisu)[data-animate]:not(.is-visible)+.shot-frame:where(.astro-vxuxeisu){--pop: 0}}@media(prefers-reduced-motion:reduce){:where(.astro-vxuxeisu)[data-animate]+.shot-frame:where(.astro-vxuxeisu){clip-path:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.tilt:where(.astro-vxuxeisu){transform-origin:50% 100%;animation:shot-untilt linear both;animation-timeline:view();animation-range:entry 0% cover 50%}}}@keyframes shot-untilt{0%{transform:perspective(1600px) rotateX(8deg)}}.shot-frame:where(.astro-vxuxeisu){background:color-mix(in oklch,var(--color-surface) 72%,transparent);backdrop-filter:blur(20px)}.shot-frame:where(.astro-vxuxeisu):before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(to right,transparent,color-mix(in oklch,var(--color-fg) 38%,transparent),transparent);pointer-events:none}.shot-frame:where(.astro-vxuxeisu) img{box-shadow:0 0 0 1px var(--color-line-subtle)}.frame-crop:where(.astro-vxuxeisu):after{content:"";position:absolute;inset:0;border-radius:.75rem;box-shadow:inset 0 0 0 1px var(--color-line-subtle);pointer-events:none}.shot-callouts:where(.astro-vxuxeisu){counter-reset:callout}.shot-legend:where(.astro-vxuxeisu){counter-reset:legend}.shot-legend:where(.astro-vxuxeisu) li:where(.astro-vxuxeisu){counter-increment:legend}.shot-legend:where(.astro-vxuxeisu) li:where(.astro-vxuxeisu):before{content:counter(legend);display:grid;flex:none;place-items:center;width:1.125rem;height:1.125rem;margin-top:.1875rem;border-radius:9999px;background:var(--tone);box-shadow:0 0 0 4px color-mix(in oklch,var(--tone) 18%,transparent);color:var(--color-on-accent);font-family:var(--font-mono);font-size:.625rem;font-weight:600;line-height:1}.hero-float:where(.astro-ktb3q2xr){--enter: calc(.15s + var(--n) * .16s);z-index:1;translate:calc((var(--px, .5) - .5) * var(--depth)) calc((var(--py, .5) - .5) * var(--depth));opacity:var(--pop, 1);transform:scale(calc(.92 + .08 * var(--pop, 1)));transition:opacity .9s var(--ease-out-expo) var(--enter),transform 1.1s var(--ease-out-expo) var(--enter),translate 1.4s var(--ease-out-expo)}.float-frame:where(.astro-ktb3q2xr){position:relative;padding:.375rem;border-radius:1rem;background:color-mix(in oklch,var(--color-surface) 78%,transparent);backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--shadow-frame),0 0 56px -12px color-mix(in oklch,var(--hue, var(--color-accent)) 30%,transparent);outline:1px solid color-mix(in oklch,var(--hue, var(--color-accent)) 22%,transparent)}.float-frame:where(.astro-ktb3q2xr):before{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(to right,transparent,color-mix(in oklch,var(--color-fg) 42%,transparent),transparent);pointer-events:none}.float-view:where(.astro-ktb3q2xr):after{content:"";position:absolute;inset:0;border-radius:.75rem;box-shadow:inset 0 0 0 1px var(--color-line-subtle);pointer-events:none}@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.hero-composition:where(.astro-ktb3q2xr):not([data-ready]){--pop: 0}}@media(width>=48rem){.hero-composition:where(.astro-ktb3q2xr){margin-block:var(--hang-top) var(--hang-bottom)}}