.demo-section{--demo-card-radius:clamp(1rem, 1.6vw, 1.5rem);--demo-card-bg:#ffffff05;--demo-card-shadow:0 24px 80px #00000042;--demo-copy-muted:#ffffffad;--demo-reveal-ease:cubic-bezier(.075, .82, .165, 1);padding-block:3.75rem 0}.demo-section__grid{isolation:isolate;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;padding-bottom:clamp(2.5rem,5vw,5.25rem);display:grid;position:relative}.demo-section__content{z-index:2;flex-direction:column;grid-area:1/1/auto/span 5;align-self:center;align-items:flex-start;gap:clamp(1.25rem,2vw,1.875rem);padding:clamp(2.5rem,5vw,5.25rem) 0 clamp(2.5rem,5vw,5.25rem) clamp(2rem,4vw,3.375rem);display:flex;position:relative}.demo-section__eyebrow,.demo-section__title,.demo-section__description{margin:0}.demo-section__title{max-width:35rem}.demo-section__title-line{display:block;overflow:hidden}.demo-section__title-line-inner{display:block}.demo-section__description{max-width:43rem;color:var(--demo-copy-muted)}.demo-section__button-wrap,.demo-section__button{margin-top:.25rem}.demo-section__media{z-index:1;aspect-ratio:2.41316;border-radius:var(--demo-card-radius);background:radial-gradient(circle at 75% 34%, #ffffff16, transparent 38%), var(--demo-card-bg);min-height:clamp(28rem,41.5vw,37.25rem);box-shadow:var(--demo-card-shadow);grid-area:1/1/auto/-1;max-width:100%;margin:0;position:relative;overflow:clip}.demo-section__media:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000007a 0%,#00000038 39%,#0000 76%),linear-gradient(#00000014,#0000002e);position:absolute;inset:0}.demo-section__visual,.demo-section__animation{width:100%;height:100%;position:absolute;inset:0}.demo-section__animation canvas{width:100%!important;height:100%!important}.demo-section__visual{z-index:0;object-fit:cover;object-position:center;opacity:1;transition:opacity .5s;display:block}.demo-section__animation{z-index:1;opacity:0;transition:opacity .5s;display:block}.demo-section__media[data-rive-ready=true] .demo-section__animation{opacity:1}.demo-section__media[data-rive-ready=true] .demo-section__visual{opacity:0}.demo-section[data-inview=false] [data-demo-reveal=eyebrow],.demo-section[data-inview=false] [data-demo-reveal=description],.demo-section[data-inview=false] [data-demo-reveal=button]{opacity:0;transform:translateY(2.5rem)}.demo-section[data-inview=false] .demo-section__title-line-inner{opacity:0;transform:translateY(110%)}.demo-section[data-inview=false] [data-demo-reveal=media]{opacity:0;transform:scale(.96)}.demo-section[data-inview=true] [data-demo-reveal=eyebrow],.demo-section[data-inview=true] [data-demo-reveal=description],.demo-section[data-inview=true] [data-demo-reveal=button],.demo-section[data-inview=true] [data-demo-reveal=media],.demo-section[data-inview=true] .demo-section__title-line-inner{opacity:1;transform:translate(0,0)scale(1)}.demo-section [data-demo-reveal=eyebrow],.demo-section [data-demo-reveal=description],.demo-section [data-demo-reveal=button],.demo-section [data-demo-reveal=media],.demo-section .demo-section__title-line-inner{will-change:opacity, transform}.demo-section[data-inview=true] [data-demo-reveal=eyebrow]{transition:opacity .25s linear 0s, transform .9s var(--demo-reveal-ease) 0s}.demo-section[data-inview=true] .demo-section__title-line-inner{transition:opacity .25s linear calc(.12s + var(--line-index) * 90ms), transform .9s var(--demo-reveal-ease) calc(.12s + var(--line-index) * 90ms)}.demo-section[data-inview=true] [data-demo-reveal=description]{transition:opacity .25s linear .3s, transform .9s var(--demo-reveal-ease) .3s}.demo-section[data-inview=true] [data-demo-reveal=button]{transition:opacity .25s linear .42s, transform .9s var(--demo-reveal-ease) .42s}.demo-section[data-inview=true] [data-demo-reveal=media]{transition:opacity .22s linear,transform .8s cubic-bezier(.215,.61,.355,1)}@media (max-width:1024px){.demo-section__content{grid-column:1/span 7}}@media (max-width:760px){.demo-section{padding-block:3rem 0}.demo-section__grid{flex-direction:column;gap:1.75rem;display:flex}.demo-section__content{width:100%;padding:0}.demo-section__media{width:100%;min-height:18rem}.demo-section__media:before{background:linear-gradient(#0003,#00000047)}}@media (prefers-reduced-motion:reduce){.demo-section [data-demo-reveal],.demo-section .demo-section__title-line-inner{opacity:1!important;transition:none!important;transform:none!important}}