/* The earlier divided grid, adapted to three columns for the playground. */
.playground-more{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:48px;max-width:1536px;margin:0 auto;padding:226px 48px 80px;scroll-margin-top:90px;color:#29272a}
.playground-more__heading{grid-column:1;grid-row:1;align-self:center;min-width:0}
.playground-more h2{margin:0;font:350 clamp(38px,3.5156vw,54px)/1.05 "PS Times Regular","Times New Roman",serif;letter-spacing:-.025em;text-wrap:balance}
.playground-more__cta{grid-column:2;grid-row:1;justify-self:end;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;min-height:44px;padding:11px 20px;border:1px solid #dddade;border-radius:100px;color:#29272a;background:#fff;font:400 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;transition:background-color .2s,border-color .2s}
.playground-more__cta:hover{background:#f7f6f8;border-color:#bfb9c2}
.playground-more__cta:focus-visible,.playground-more__link:focus-visible{outline:2px solid #0059ff;outline-offset:6px}
.playground-more__link{display:block;height:100%;color:inherit;text-decoration:none;border-radius:9px}
.playground-more__grid{grid-column:1/-1;grid-row:2;--playground-gap:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--playground-gap)}
.playground-more__card{position:relative;min-width:0;margin:0;padding:32px 0 36px}
.playground-more__card:not(:nth-child(3n+1))::before{content:"";position:absolute;inset:0 auto 0 calc(var(--playground-gap) / -2);width:1px;background:radial-gradient(circle,#c9c7cd .5px,transparent .55px) center top / 1px 4px repeat-y;pointer-events:none}
.playground-more__card:nth-child(-n+3){padding-top:0}
.playground-more__card:nth-child(n+4)::after{content:"";position:absolute;top:0;left:calc(var(--playground-gap) / -2);right:calc(var(--playground-gap) / -2);height:1px;background:radial-gradient(circle,#c9c7cd .5px,transparent .55px) left center / 4px 1px repeat-x;pointer-events:none}
.playground-more__card:nth-child(3n+1)::after{left:0}.playground-more__card:nth-child(3n)::after{right:0}
.playground-more__cover{position:relative;aspect-ratio:5/3;overflow:hidden;border-radius:9px;background:#f5f5f6}
.playground-more__cover img,.playground-more__cover video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.playground-more__card[data-playground-project="docus"] img,.playground-more__card[data-playground-project="ether"] img{object-position:left top}
/* Cover the source video’s thin right edge while keeping its top-left framing. */
.playground-more__card[data-playground-project="docus"] .playground-more__cover video{object-position:left top;transform:scale(1.02);transform-origin:left top}
.playground-more__card h3{margin:16px 0 4px;font:500 20px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
.playground-more__card p{max-width:none;margin:0;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#77716c;text-wrap:wrap}
@media(max-width:1000px) and (min-width:761px){.playground-more{padding-inline:32px}.playground-more__grid{--playground-gap:40px}.playground-more__card h3{font-size:18px}.playground-more__card p{font-size:13px}}
@media(max-width:760px){.playground-more{padding:40px 20px 64px}.playground-more h2{font-size:40px;margin-bottom:32px}.playground-more__grid{grid-template-columns:minmax(0,1fr)}.playground-more__card,.playground-more__card:nth-child(n){padding:28px 0;border-top:0}.playground-more__card::before,.playground-more__card::after{display:none}.playground-more__card:first-child{padding-top:0;border-top:0}.playground-more__cover{border-radius:12px}.playground-more__card h3{margin-top:14px}.playground-more__card p{max-width:none;font-size:13px}}

@media(max-width:760px){.playground-more__card:nth-child(n){border:0;height:auto;background:none}.playground-more__card:not(:first-child)::after{display:block;content:"";position:absolute;top:0;left:0;right:0;height:1px;background:radial-gradient(circle,#c9c7cd .5px,transparent .55px) left center / 4px 1px repeat-x;pointer-events:none}}
@media(max-width:760px){
 .playground-more{grid-template-columns:minmax(0,1fr);row-gap:32px}
 .playground-more__heading{grid-column:1;grid-row:1}
 .playground-more__heading h2{margin-bottom:0;font-size:clamp(34px,10.25vw,40px);text-align:center;white-space:nowrap}
 .playground-more__cta{grid-column:1;grid-row:3;justify-self:center;align-self:center}
}
@media(prefers-reduced-motion:reduce){.playground-more__cta{transition:none}}

/* Match the visible breathing room on the other side of this section. */
@media(min-width:1700px){.playground-more{padding-top:256px}}
@media(min-width:761px) and (max-width:1100px){.playground-more{padding-top:216px}}
@media(min-width:651px) and (max-width:760px){.playground-more{padding-top:180px}}
@media(max-width:650px){.playground-more{padding-top:120px}}