@property --qs-p{syntax:"<number>";inherits:true;initial-value:1}section.quote-spot{padding:0;position:relative}.quote-spot{--qs-ghost:#1412101c;--qs-feather:4;--qs-blur:4px}:root[data-theme=dark] .quote-spot{--qs-ghost:#ffffff1c}.quote-spot .qs-runway{height:var(--qs-runway,240vh);position:relative}.quote-spot .qs-stage{place-items:center;height:100svh;padding-top:clamp(40px,6vh,64px);display:grid;position:sticky;top:0}.quote-spot .qs-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.quote-spot .qs-quote{font-family:var(--font-serif,Georgia,serif);letter-spacing:-.02em;text-wrap:balance;max-width:900px;font-size:clamp(2rem,5.6vw,4.4rem);font-weight:400;line-height:1.12}.quote-spot .qs-w{--qs-wp:clamp(0, calc((var(--qs-p)*(var(--qs-n) + var(--qs-feather)) - var(--qs-i))/var(--qs-feather)), 1);color:color-mix(in srgb,var(--ink) calc(var(--qs-wp)*100%),var(--qs-ghost));filter:blur(calc((1 - var(--qs-wp))*var(--qs-blur,4px)))}.quote-spot .qs-attrib{flex-direction:column;align-items:center;margin-top:clamp(32px,5vh,56px);display:flex}.quote-spot .qs-fade{--qs-ap:clamp(0, calc((var(--qs-p) - var(--qs-from,.6))/.16), 1);opacity:var(--qs-ap);transform:translateY(calc((1 - var(--qs-ap))*12px))}.quote-spot .qs-mark{--qs-from:.58}.quote-spot .qs-avatar{--qs-from:.66}.quote-spot .qs-who{--qs-from:.74}.quote-spot .qs-mark{width:34px;height:34px;display:block}.quote-spot .qs-mark img,.quote-spot .qs-mark svg,.quote-spot .qs-mark>*{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.quote-spot .qs-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);width:48px;height:48px;box-shadow:var(--card-shadow);border-radius:50%;flex:none;margin-top:22px;display:block}.quote-spot .qs-avatar--initial{background:var(--orange);color:#fff;font-family:var(--font-display,"Outfit",sans-serif);place-items:center;font-size:18px;font-weight:700;display:grid}.quote-spot .qs-who{flex-direction:column;gap:4px;margin-top:14px;display:flex}.quote-spot .qs-name{font-family:var(--font-display,"Outfit",sans-serif);color:var(--ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.quote-spot .qs-role{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:12px}@media (width<=820px){.quote-spot .qs-runway{height:200vh}.quote-spot .qs-quote{font-size:clamp(1.75rem,9vw,2.6rem)}.quote-spot{--qs-blur:3px}}@media (prefers-reduced-motion:reduce){.quote-spot .qs-stage{--qs-p:1!important}}
