.fredo-bang-real-examples-module__Ck5y2G__section{color:var(--foreground);background:var(--background);padding:clamp(3rem,6vw,5rem) 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fredo-bang-real-examples-module__Ck5y2G__intro,.fredo-bang-real-examples-module__Ck5y2G__grid{width:min(100% - 2rem,76rem);margin-inline:auto}.fredo-bang-real-examples-module__Ck5y2G__intro{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.fredo-bang-real-examples-module__Ck5y2G__intro h2{letter-spacing:-.03em;text-wrap:balance;max-width:30ch;margin:0 auto;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:750;line-height:1.05}.fredo-bang-real-examples-module__Ck5y2G__intro p{max-width:68ch;color:var(--muted-foreground);text-wrap:pretty;margin:1rem auto 0;font-size:1rem;line-height:1.6}.fredo-bang-real-examples-module__Ck5y2G__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.fredo-bang-real-examples-module__Ck5y2G__card{border-color:var(--border);background:var(--card);min-width:0;padding:0;overflow:hidden}.fredo-bang-real-examples-module__Ck5y2G__cardContent{padding:0}.fredo-bang-real-examples-module__Ck5y2G__mediaFrame{aspect-ratio:9/16;background:var(--background);position:relative;overflow:hidden}.fredo-bang-real-examples-module__Ck5y2G__mediaFrame video{object-fit:contain;width:100%;height:100%;display:block}.fredo-bang-real-examples-module__Ck5y2G__compactSection .fredo-bang-real-examples-module__Ck5y2G__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fredo-bang-real-examples-module__Ck5y2G__compactSection .fredo-bang-real-examples-module__Ck5y2G__mediaFrame{aspect-ratio:16/9}.fredo-bang-real-examples-module__Ck5y2G__posterButton{cursor:pointer;background:var(--background);border:0;width:100%;height:100%;padding:0;display:block;position:relative}.fredo-bang-real-examples-module__Ck5y2G__posterImage{object-fit:cover;width:100%;height:100%;display:block}.fredo-bang-real-examples-module__Ck5y2G__posterPlay{border:1px solid color-mix(in oklab,var(--foreground)35%,transparent);width:3rem;height:3rem;color:var(--foreground);background:color-mix(in oklab,var(--background)76%,transparent);border-radius:999px;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.fredo-bang-real-examples-module__Ck5y2G__dialogContent{width:min(100vw - 2rem,133.333vh - 10.6667rem,72rem);max-width:72rem;max-height:calc(100vh - 2rem);padding:1rem;overflow:auto}.fredo-bang-real-examples-module__Ck5y2G__dialogVideoFrame{background:#000;width:100%;position:relative;overflow:hidden}.fredo-bang-real-examples-module__Ck5y2G__dialogVideo,.fredo-bang-real-examples-module__Ck5y2G__croppedDialogVideo{object-fit:contain;width:100%;height:100%;display:block}.fredo-bang-real-examples-module__Ck5y2G__croppedDialogVideo{object-fit:fill;max-width:none;position:absolute}.fredo-bang-real-examples-module__Ck5y2G__dialogControls{justify-content:center;gap:.5rem;display:flex}.fredo-bang-real-examples-module__Ck5y2G__dialogControls button{border:1px solid var(--border);min-width:4.5rem;color:var(--foreground);background:var(--background);border-radius:.375rem;padding:.4rem .75rem}.fredo-bang-real-examples-module__Ck5y2G__playButton,.fredo-bang-real-examples-module__Ck5y2G__audioButton{border:1px solid color-mix(in oklab,var(--foreground)35%,transparent);color:var(--foreground);background:color-mix(in oklab,var(--background)76%,transparent);place-items:center;display:grid;position:absolute}.fredo-bang-real-examples-module__Ck5y2G__playButton{border-radius:999px;width:3rem;height:3rem;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.fredo-bang-real-examples-module__Ck5y2G__audioButton{border-radius:999px;width:2rem;height:2rem;font-size:.95rem;bottom:.5rem;right:.5rem}@media (max-width:48rem){.fredo-bang-real-examples-module__Ck5y2G__grid{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:repeat(8,17.5rem);width:calc(100% - 2rem);overflow-x:auto}.fredo-bang-real-examples-module__Ck5y2G__card{scroll-snap-align:start}.fredo-bang-real-examples-module__Ck5y2G__compactSection .fredo-bang-real-examples-module__Ck5y2G__grid{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100% - 2rem,76rem);overflow:visible}}@media (prefers-reduced-motion:reduce){.fredo-bang-real-examples-module__Ck5y2G__playButton{transition:none}}