.park-media-demo{display:block;background:#f5f5f5;margin:0}.park-media-demo *{box-sizing:border-box}.park-demo-frame{display:flex;flex-wrap:nowrap;width:100%;max-width:100%;align-items:stretch}.park-demo-copy,.park-demo-media{width:50%;min-height:var(--demo-height,450px);display:flex;justify-content:center;align-items:center}.park-demo-copy{padding:var(--demo-copy-y,40px) var(--demo-copy-x,20px);text-align:center}.park-demo-copy h2{font-weight:700;font-size:2rem;margin-bottom:1.5rem}.park-demo-media{padding:var(--demo-media-y,0) var(--demo-media-x,0)}.park-demo-media iframe,.park-demo-media img{width:100%;height:100%;object-fit:cover;border:0;display:block}.park-demo-media--image picture{display:block;width:100%;height:100%}.park-media-demo .park-demo-button{box-sizing:border-box;background:var(--park-forrest);color:var(--park-cloud);font-weight:var(--park-cta-font-weight,700);padding:var(--park-cta-padding,12px 24px);text-decoration:none;font-size:var(--park-cta-font-size,14px);line-height:var(--park-cta-line-height,22px);border:1px solid var(--park-forrest);border-radius:var(--park-btn-radius,10px);min-height:var(--park-cta-height,48px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:fit-content;--park-cta-ink:var(--park-cloud)}.park-demo-dialog{position:fixed;inset:0;padding:0;margin:auto;width:90%;max-width:800px;aspect-ratio:16/9;max-height:90vh;background:#000;border:0;overflow:visible}.park-demo-dialog::backdrop{background:rgba(0,0,0,.75)}.park-demo-dialog iframe{display:block;width:100%;height:100%;border:0}.park-demo-close{position:absolute;top:-44px;right:0;width:44px;height:44px;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.park-media-demo :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:749px){.park-demo-frame{flex-direction:column}.park-demo-copy,.park-demo-media{width:100%;min-height:auto}.park-demo-copy{padding:var(--demo-copy-mobile-y,40px) var(--demo-copy-mobile-x,20px)}.park-demo-copy>div{margin:0 auto;max-width:90vw}.park-demo-media{padding:var(--demo-media-mobile-y,40px) var(--demo-media-mobile-x,20px)}.park-demo-media iframe{height:auto;min-height:var(--demo-video-mobile,300px)}.park-demo-media img{height:auto;max-height:450px}}