.demo-banner-section{position:relative;overflow:hidden}.demo-banner-grid{position:relative;display:flex;flex-direction:column;padding:80px 1rem;text-align:center;gap:40px}.demo-banner-grid .base-button-container{margin-left:auto;margin-right:auto;margin-top:28px}@media(min-width:768px){.demo-banner-grid .base-button-container{margin-left:0;margin-right:auto;margin-top:0}.demo-banner-grid{text-align:left;display:grid;grid-template-columns:1fr;align-items:center;gap:2.5rem;gap:80px;grid-template-columns:1fr auto;padding-left:60px;padding-right:0}}@media(min-width:1024px){.demo-banner-grid{padding:7.5rem 0 7.5rem 60px}}@media(min-width:1280px){.demo-banner-grid{padding-left:100px;padding-right:0}}@media(min-width:1536px){.demo-banner-grid{padding-left:0;padding-right:0}}.demo-banner-content{margin-left:auto;display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.demo-banner-content{gap:1.5rem;max-width:664px}}.demo-banner-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:500;line-height:3rem;color:var(--text-default-heading,#0d0f11);text-align:center}@media(min-width:640px){.demo-banner-title{font-size:1.875rem}}@media(min-width:768px){.demo-banner-title{text-align:left;font-size:3rem}}@media(min-width:1024px){.demo-banner-title{line-height:84px}}@media(min-width:1280px){.demo-banner-title{font-size:4rem}}.demo-banner-description{font-family:var(--font-family-secondary,system-ui);font-size:1.25rem;color:var(--text-default-body,#1b1e21);text-align:center}@media(min-width:768px){.demo-banner-description{text-align:left}}.demo-banner-video-wrapper{position:relative;width:100%}@media(min-width:768px){.demo-banner-video-wrapper{width:50vw}}.demo-banner-video-container{position:relative;aspect-ratio:16/8;min-height:100%;width:100%;overflow:hidden;border-radius:.375rem}@media(min-width:768px){.demo-banner-video-container{min-height:520px;border-radius:32px 0 0 32px}}.demo-banner-gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,hsla(0,0%,100%,.25),transparent 45%),radial-gradient(circle at bottom left,hsla(0,0%,100%,.18),transparent 55%)}.demo-banner-video{position:relative;z-index:10;height:100%;width:100%;border-radius:.375rem;border:1px solid hsla(0,0%,100%,.1);-o-object-fit:cover;object-fit:cover}@media(min-width:768px){.demo-banner-video{border-radius:28px 0 0 28px}}.demo-banner-blur-overlay{position:absolute;inset:-1rem;border-radius:36px 0 0 36px;border:1px solid hsla(0,0%,100%,.1);opacity:.4;filter:blur(40px)}