/*! lines 1352-1376 — copied verbatim from the demo's app.css lines 1352–1376 (commit 7df0d35). Phase 1 of demo-port: do not retype values here. */

.media-textrow{display:flex;gap:var(--sp-snug);align-items:flex-start;width:100%;max-width:620px;}
.media-textrow > *{flex:1 1 0;min-width:0;}
/* info-frame — dark full-bleed showcase block with an overlaid red title box (future use) */
.info-frame-host{direction:ltr;width:100%;}
.info-frame{width:100vw;margin-left:calc((100% - 100vw) / 2);box-sizing:border-box;padding:120px 63px;background:#000;}
.info-frame-inner{position:relative;max-width:1314px;margin:0 auto;}
.info-frame-media img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--radius-media);}
.info-frame-callout{position:absolute;top:8%;left:63%;width:242px;box-sizing:border-box;padding:var(--sp-normal);background:var(--bg-static-breaking);}
.info-frame-callout h3{margin:0;color:var(--content-static-white);text-align:center;}
@media (max-width:767px){
.media-textrow{flex-direction:column;}
.info-frame{padding:var(--sp-x-loose) var(--sp-normal);}
.info-frame-callout{position:static;width:auto;margin-top:var(--sp-normal);}
}