@layer components{.sp-root{--ink:#1d1d1f;--cream:#fbf6ef;--orange:#ff7a00;--burnt:#a94f00;--peach:#ffe5d1;--chalk:#fff8f0;background:var(--cream);color:var(--ink);font-family:var(--app-font-sans);overflow-x:hidden}.sp-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--burnt)}.sp-h1{font-weight:800;letter-spacing:-.045em;line-height:.92}.sp-h2{font-weight:800;letter-spacing:-.035em;line-height:1}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 1.4rem;border-radius:999px;font-weight:800;font-size:16px;transition:transform .18s ease,background-color .18s ease}.sp-btn:active{transform:scale(.97)}.sp-btn-primary{background:var(--orange);color:var(--ink)}.sp-btn-primary:hover{background:#ff8f2e;transform:translateY(-1px)}.sp-btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}.sp-btn-ghost:hover{background:var(--ink);color:var(--cream)}.sp-root :is(a,button):focus-visible{outline:3px solid var(--burnt);outline-offset:3px}.sp-pitch{background:var(--orange);position:relative}.sp-pitch:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 118px,rgba(255,248,240,.35) 119px 121px,transparent 122px),linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,248,240,.35) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}.sp-pitch>*{position:relative}.sp-photo{box-shadow:0 18px 40px -18px #5a280073}.sp-polaroid{background:#fffdf9;padding:8px 8px 28px;border-radius:6px;box-shadow:0 12px 30px -12px #3c1e0059;transition:transform .35s cubic-bezier(.2,.8,.2,1)}}.sp-rise{animation:sp-rise .7s cubic-bezier(.2,.8,.2,1) both}.sp-rise-2{animation-delay:.12s}.sp-rise-3{animation-delay:.24s}@keyframes sp-rise{0%{transform:translateY(18px)}to{transform:none}}.sp-pop{animation:sp-pop .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes sp-pop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}.sp-pulse{animation:sp-pulse 1.4s ease-in-out infinite}@keyframes sp-pulse{50%{opacity:.4}}.sp-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.sp-reveal.is-in{opacity:1;transform:none}.sp-root .grid>*{min-width:0}[data-testid=demo-sports]{max-width:100%}[data-testid=demo-sports] figure{min-width:0}@media(max-width:639px){[data-testid=demo-sports] figcaption{position:static;background:#1d1d1f;padding:8px 5px;display:block}[data-testid=demo-sports] figcaption>span[aria-hidden]{display:none}[data-testid=demo-sports] figcaption .truncate{white-space:normal;overflow-wrap:anywhere}[data-testid=demo-sports] figcaption .text-xs{font-size:10px}[data-testid=demo-sports] figcaption .text-\[11px\]{display:none}[data-testid=demo-sports] figure>span.absolute.right-2{font-size:8px;right:3px;top:3px;left:3px}[data-testid=demo-sports] [role=group]{flex-wrap:wrap;overflow:visible}}.sp-scatter .sp-polaroid:nth-child(1){transform:rotate(-9deg) translate(-6px,4px)}.sp-scatter .sp-polaroid:nth-child(2){transform:rotate(7deg) translate(10px,-8px)}.sp-scatter .sp-polaroid:nth-child(3){transform:rotate(-3deg) translate(4px,14px)}.sp-scatter .sp-polaroid:nth-child(4){transform:rotate(11deg) translate(-10px,6px)}.sp-scatter.is-sorted .sp-polaroid{transform:none}@media(prefers-reduced-motion:reduce){.sp-rise,.sp-pop,.sp-pulse{animation:none}.sp-reveal{opacity:1;transform:none;transition:none}.sp-polaroid,.sp-btn{transition:none}}