/* Product story, using the portfolio's shared layout and typography. */
.bingo-page .case-hero h1{margin-bottom:24px}
.bingo-intro{max-width:48rem;margin-bottom:40px!important}
.bingo-hero-media{position:relative;margin:40px 0;width:100%;max-width:960px}
.bingo-hero-media video{display:block;width:100%;height:auto;background:transparent;border:0;box-shadow:none}
.bingo-hero-media .demo-play-toggle{opacity:1}
.bingo-hero-media:hover .demo-play-toggle,.bingo-hero-media:focus-within .demo-play-toggle{opacity:1}
.bingo-page .store-button{gap:10px;min-height:48px}
.bingo-page .story-lead{font-weight:600;color:var(--ink);max-width:64rem;margin-bottom:24px}
.bingo-storyboard{margin:40px 0 0;background:#fcfbf8;border-radius:var(--radius-card);padding:24px}
.bingo-storyboard img{display:block;width:100%;height:auto}
.bingo-storyboard figcaption{font-size:var(--size-caption);color:var(--muted);margin-top:16px;line-height:1.6}
.bingo-details{list-style:none;margin:40px 0 0;padding:0}
.bingo-detail{display:grid;grid-template-columns:36px minmax(0,1fr);gap:24px;padding:32px 0;border-top:1px solid #d2d1c8}
.bingo-detail:last-child{border-bottom:1px solid #d2d1c8}
.bingo-detail-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#144E45;color:#fff;border-radius:50%;margin-top:2px}
.bingo-detail h4{margin:0 0 12px}
.bingo-detail p{margin:0}
.bingo-page .reflection-copy{max-width:64rem}
.bingo-page .project-navigation a:last-child{background:#fae1db;color:#7e3328}
@media(max-width:740px){.bingo-hero-media{margin:28px 0}.bingo-storyboard{padding:16px;margin-top:28px}.bingo-detail{gap:16px;padding:24px 0}.bingo-intro{margin-bottom:28px!important}}