.demo-intro{width:min(1120px,calc(100% - 48px));margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:50px;align-items:center;padding:32px 48px;background:#082d27;color:#f5f1e8;border-radius:28px;scroll-margin-top:110px}
.demo-intro .demo-eyebrow{margin:0 0 16px;color:#e0c17b;font-size:13px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.demo-title{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;font-weight:750;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}.demo-description{max-width:440px;font-size:19px;line-height:1.55;margin-bottom:16px}.demo-meta{font-size:14px;color:#d7e2dc;margin:0}.demo-link{display:inline-flex;align-items:center;gap:10px;background:#e0c17b;color:#082d27;padding:13px 22px;border-radius:30px;margin:24px 0 0;text-decoration:none;font-weight:750}.demo-player{width:100%;max-width:284px;margin:0 auto;position:relative;line-height:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #0005;background:#061c18;aspect-ratio:9/16}.demo-player video{display:block;width:100%;height:100%;object-fit:contain}.demo-start{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;width:100%;border:0;padding:24px;background:linear-gradient(0deg,#031b1766,#031b1720);color:white;cursor:pointer;font:inherit;line-height:1.4}.demo-start[hidden]{display:none}.demo-play-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#e0c17b;color:#082d27;box-shadow:0 0 0 12px #ffffff20;font-size:29px;padding-left:5px}.demo-play-label{font-weight:750;background:#082d27e8;border-radius:20px;padding:8px 16px;font-size:16px}.demo-start:focus-visible,.demo-link:focus-visible{outline:3px solid white;outline-offset:-5px}.demo-nav{color:var(--blue-dark);font-weight:750}.demo-error{font-size:14px;line-height:1.5;margin:12px 0}.demo-error[hidden]{display:none}
@media(max-width:700px){.demo-intro{width:calc(100% - 24px);margin-top:14px;padding:22px 18px;grid-template-columns:1fr;gap:18px;text-align:center}.demo-eyebrow{display:none}.demo-title{font-size:28px;margin-bottom:10px}.demo-description{font-size:16px;line-height:1.45;margin:0 auto 8px}.demo-meta{font-size:12px}.demo-link{display:none}.demo-player{width:min(100%,230px);max-height:49svh;max-width:calc(49svh * 9 / 16)}.demo-play-icon{width:62px;height:62px;font-size:23px}.demo-play-label{font-size:14px}.demo-intro{scroll-margin-top:145px}}