.pg-demos .dm-sec{padding-top:clamp(34px,5vw,58px)}.pg-demos .dm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(26px,3.4vw,46px)}.pg-demos .dm-cell{display:flex}.pg-demos .dm-card{position:relative;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:clamp(22px,3.2vw,46px);align-items:center;width:100%;background:var(--panel);border:1px solid var(--line-soft);border-radius:3px;padding:clamp(16px,1.8vw,24px)}.pg-demos .dm-cell:nth-child(2n) .dm-shot{order:2}.pg-demos .dm-shot{position:relative}.pg-demos .dm-plate{position:absolute;inset:12px -8px -10px 16px;z-index:0;border-radius:3px;background:color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid var(--line-soft);transition:transform .42s cubic-bezier(.2,.8,.2,1)}.pg-demos .dm-cell:nth-child(2n) .dm-plate{inset:12px 16px -10px -8px}.pg-demos .dm-img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:1280/800;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:1px solid var(--line);border-radius:2px;background:var(--card);box-shadow:0 18px 40px -28px rgba(0,0,0,.75);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease}.pg-demos .dm-card:focus-within .dm-img,.pg-demos .dm-card:hover .dm-img{transform:translateY(-7px);box-shadow:0 32px 64px -32px rgba(0,0,0,.8)}.pg-demos .dm-card:focus-within .dm-plate,.pg-demos .dm-card:hover .dm-plate{transform:translate(7px,9px)}.pg-demos .dm-cell:nth-child(2n) .dm-card:focus-within .dm-plate,.pg-demos .dm-cell:nth-child(2n) .dm-card:hover .dm-plate{transform:translate(-7px,9px)}.pg-demos .dm-body{display:flex;flex-direction:column;padding:clamp(10px,1.4vw,18px) clamp(4px,.8vw,12px)}.pg-demos .dm-body .kicker{margin-bottom:10px}.pg-demos .dm-title{font-size:clamp(1.3rem,2.1vw,1.72rem);line-height:1.1}.pg-demos .dm-story{margin-top:18px;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 16px;align-items:baseline}.pg-demos .dm-k{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pg-demos .dm-v{margin:0;color:var(--text);font-size:1rem;line-height:1.5}.pg-demos .dm-before{color:var(--muted)}.pg-demos .dm-open{margin-top:clamp(20px,2.2vw,28px);align-self:flex-start}.pg-demos .dm-open:before{content:"";position:absolute;inset:0;z-index:2;border-radius:3px}.pg-demos .dm-card:hover .dm-open{border-color:var(--primary-dim);background:var(--primary-faint)}.pg-demos .dm-honest{margin-top:clamp(24px,3vw,34px);color:var(--muted);font-size:.88rem;max-width:68ch}.pg-demos .dm-after-inner{max-width:62ch}.pg-demos .dm-after-inner h2{margin-top:10px;font-size:clamp(1.6rem,3vw,2.3rem)}@media (max-width:860px){.pg-demos .dm-card{grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,26px)}.pg-demos .dm-cell:nth-child(2n) .dm-shot{order:0}.pg-demos .dm-cell:nth-child(2n) .dm-plate{inset:12px -8px -10px 16px}.pg-demos .dm-cell:nth-child(2n) .dm-card:focus-within .dm-plate,.pg-demos .dm-cell:nth-child(2n) .dm-card:hover .dm-plate{transform:translate(7px,9px)}}@media (max-width:520px){.pg-demos .dm-story{grid-template-columns:minmax(0,1fr);gap:4px}.pg-demos .dm-story .dm-v{margin-bottom:8px}.pg-demos .dm-open{align-self:stretch;justify-content:space-between}.pg-demos .dm-cell:nth-child(2n) .dm-plate,.pg-demos .dm-plate{inset:10px -5px -8px 10px}}@media (prefers-reduced-motion:reduce){.pg-demos .dm-img,.pg-demos .dm-plate{transition:none}.pg-demos .dm-card:focus-within .dm-img,.pg-demos .dm-card:focus-within .dm-plate,.pg-demos .dm-card:hover .dm-img,.pg-demos .dm-card:hover .dm-plate,.pg-demos .dm-cell:nth-child(2n) .dm-card:focus-within .dm-plate,.pg-demos .dm-cell:nth-child(2n) .dm-card:hover .dm-plate{transform:none}}