.tp-demo{background:var(--bec-ink);color:var(--bec-cream);min-height:100svh;padding-bottom:20px}.tp-demo-intro{grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-block:20px;display:grid}.tp-demo-heading{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.tp-demo-heading .bec-link{flex-basis:100%;font-size:14px}.tp-demo-heading h1{margin:0;font-size:clamp(32px,4vw,52px)}.tp-demo-heading p{max-width:23ch;color:var(--bec-butter);margin:0;font-size:14px;line-height:1.4}.tp-demo-instructions{max-width:60ch;margin:0;font-size:15px;line-height:1.5}.tp-demo-frame{width:calc(100% - 2 * var(--bec-gutter));max-width:var(--bec-grid-width);background:var(--bec-ink);border:0;height:calc(100svh - 190px);min-height:440px;margin-inline:auto;display:block}@media (max-width:700px){.tp-demo-intro{padding-block:12px 18px;display:block}.tp-demo-heading{gap:8px 20px}.tp-demo-instructions{margin-top:14px;font-size:14px;line-height:1.45}.tp-demo-frame{width:100%;height:calc(100svh - 230px);min-height:400px}}