/* Each card shows an actual captured state of the linked experience. */
.app-art{padding:0!important;aspect-ratio:8/5;overflow:hidden;background:#f2f0ea}
.app-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}
.app:hover .app-art>img{transform:scale(1.035)}
.app-art .app-ic{display:none}
.app-body{padding-top:15px}
.app-mode{position:absolute;bottom:10px;left:10px;background:rgba(255,255,255,.94);color:#222a55;border:1px solid #e1e0da;border-radius:8px;padding:4px 8px;font:600 10px var(--as-mono);letter-spacing:.03em}
.study-discover{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;background:#e8f3eb;border:1px solid #c5dacf;border-radius:28px;overflow:hidden;margin-top:18px}
.study-discover>a{display:block;min-width:0;background:#eaf3ed}
.study-discover img{width:100%;height:100%;max-height:340px;object-fit:cover;display:block}
.study-discover-copy{padding:26px 26px 26px 0;align-self:center}
.study-discover h2{font:600 clamp(26px,3vw,38px)/1.05 var(--as-display);margin:8px 0 12px;color:var(--as-ink)}
.study-discover p{font-size:15px;line-height:1.5;margin:0 0 15px}
.study-discover small{display:block;font-size:12px;line-height:1.5;margin-top:12px;color:var(--as-muted)}
@media(max-width:620px){.app-body{padding-top:12px}.app-mode{font-size:8px;bottom:6px;left:6px;padding:3px 5px}.app-ex{max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.study-discover{grid-template-columns:1fr;gap:0}.study-discover-copy{padding:20px}.study-discover img{max-height:260px}}
@media(prefers-reduced-motion:reduce){.app-art>img{transition:none}.app:hover .app-art>img{transform:none}}