/* Preserve the approved portrait edit without letterboxing or cropping. */
.demo-presentation{max-width:1120px;margin-inline:auto;min-width:0}
.media-slot.demo-vertical{aspect-ratio:9/16;width:100%;max-width:390px;margin-inline:auto;border:0;background:#3049df}
.media-slot.demo-vertical video{display:block;object-fit:contain}
.demo-section-vertical{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);column-gap:clamp(32px,7vw,110px);row-gap:24px;align-items:center}
.demo-section-vertical .section-heading{grid-column:1;grid-row:1;display:block;margin:0;align-self:end}
.demo-section-vertical .section-heading>p{max-width:440px;margin-top:24px}
.demo-section-vertical .demo-presentation{grid-column:2;grid-row:1/3;width:100%}
.demo-section-vertical .section-conversion{grid-column:1;grid-row:2;display:block;align-self:start;margin:0;padding:0;border:0}
.demo-section-vertical .section-conversion p{margin-bottom:14px}
.demo-section-vertical .fine-print{line-height:1.65;margin-top:14px}
.demo-dialog:has(.demo-vertical){max-width:560px}
.demo-dialog .demo-vertical{max-width:min(100%,calc((100dvh - 230px)*.5625));min-width:130px}
@media(max-width:760px){
 .demo-section-vertical{display:block}
 .demo-section-vertical .section-heading{margin-bottom:28px}
 .demo-section-vertical .demo-presentation{max-width:390px}
 .demo-section-vertical .section-conversion{margin-top:28px}
 .demo-dialog:has(.demo-vertical){padding:18px}
 .demo-dialog .dialog-head{gap:12px;margin-bottom:16px}
 .demo-dialog .demo-vertical{max-width:min(100%,calc((100dvh - 210px)*.5625))}
}