.pin{--pin-bg: var(--hero-bg-1);--pin-fg-rgb: var(--hero-fg-rgb);--ink: rgb(var(--pin-fg-rgb));--ink-2: rgba(var(--pin-fg-rgb), .78);--ink-3: rgba(var(--pin-fg-rgb), .64);--ghost: rgba(var(--pin-fg-rgb), .5);--rule: rgba(var(--pin-fg-rgb), .16);--trace: rgba(var(--pin-fg-rgb), .08);--panel: rgba(var(--pin-fg-rgb), .035);--mark: var(--color-brand-accent);background:var(--pin-bg);color:var(--ink)}.pin.ground-2{--pin-bg: var(--hero-bg-2)}.pin.ground-paper{--pin-bg: #FBF9F6;--pin-fg-rgb: 35, 32, 31}:where(:root[data-theme=dark]) .pin{--mark: #E3B84F}:where(:root[data-theme=dark]) .pin.ground-paper{--pin-bg: #191718;--pin-fg-rgb: 240, 237, 234}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .pin{--mark: #E3B84F}:where(:root:not([data-theme=light])) .pin.ground-paper{--pin-bg: #191718;--pin-fg-rgb: 240, 237, 234}}.pin .ghost.ghost{--ink: var(--ghost);--ink-2: var(--ghost);--ink-3: var(--ghost);color:var(--ink)}.pin{position:relative;height:var(--pin-len, 300vh)}.pin-stage{position:sticky;top:0;box-sizing:border-box;height:100vh;height:var(--port-h, 100dvh);padding-block:clamp(.75rem,3.5vh,2.25rem);display:flex;flex-direction:column;justify-content:center;overflow:clip}.pin-fit{flex:none;position:relative}.pin-body{position:relative;box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding-inline:clamp(16px,5vw,5rem);transform:scale(var(--pin-s, 1));transform-origin:top center}.pin p,.pin li{text-wrap:pretty}.pin.still{height:auto}.pin.still .pin-stage{position:static;height:auto;display:block;padding-block:3rem;overflow:visible}.pin.still .pin-body{transform:none}.pin.still .clock{display:none}