.motion-demo-section{padding:clamp(3.5rem,7vw,6.5rem) 0;background:#191815;color:#fff}.motion-demo-heading{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:clamp(1.75rem,4vw,3rem)}.motion-demo-heading h2{margin:0;max-width:11ch;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;letter-spacing:-.055em}.motion-demo-heading p{margin:0;max-width:38rem;color:rgba(255,255,255,.67);font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.55}.motion-demo-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:clamp(1rem,2vw,1.75rem);background:#f5efe5;box-shadow:0 2rem 6rem rgba(0,0,0,.34)}.motion-demo-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.motion-demo-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f5efe5}.motion-demo-note{display:flex;align-items:center;gap:.65rem;margin:.9rem 0 0;color:rgba(255,255,255,.58);font-size:.84rem}.motion-demo-note:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:#f36f2a;box-shadow:0 0 0 .3rem rgba(243,111,42,.14)}@media(max-width:760px){.motion-demo-heading{grid-template-columns:1fr;gap:1rem}.motion-demo-heading h2{max-width:14ch}.motion-demo-section{padding:3.75rem 0}.motion-demo-frame{border-radius:1rem}}