.ripple{--ripple-pink:#eeaddd}.ripple picture{display:contents}.ripple__hero .band__column{padding:0}.ripple__hero img{width:1664px;height:710px;display:block}.ripple__intro .sqpage__intro-inner{min-height:444px}.ripple__body>p>span{display:block}.ripple__copy-spacer{margin-top:30px}.ripple__body a{color:inherit;text-underline-position:from-font;text-decoration:underline}.ripple__chips{gap:10px;margin-bottom:22px;display:flex}.ripple__chip{background:var(--chip-bg);border-radius:8px;place-items:center;width:44px;height:42px;display:grid;overflow:hidden}.ripple__chip img{object-fit:cover;width:26px;height:26px;display:block}.ripple__tutorial .band__column{height:3509px;padding:0;position:relative}.ripple__demo{width:1461px;height:822px;position:absolute;top:130px;left:102px;overflow:hidden}.ripple__demo video{width:100%;height:100%;display:block}.ripple__tutorial-badge{width:363px;height:101px;position:absolute;top:1151px;left:650px}.ripple__tutorial-button,.ripple__impact-window{isolation:isolate;width:100%;height:100%;position:relative}.ripple__bevel{z-index:-1;background:var(--ripple-pink);position:absolute;inset:4px;box-shadow:inset -4px -4px #000,inset 4px 4px #fff,inset -8px -8px gray,inset 8px 8px #dbdbdb}.ripple__tutorial-button h2{color:#31132c;font:400 42px/1 "Pixelify Sans", var(--mono);letter-spacing:0;place-items:center;margin:0;display:grid;position:absolute;inset:0}.ripple__section{width:1460px;position:absolute;left:102px}.ripple__section--canvas{top:1383px}.ripple__section--controls{top:2450px}.ripple__section h3{height:30px;color:var(--muted);font:300 20px/30px var(--serif);margin:0}.ripple__section h3 span{margin-right:6px}.ripple__shot{width:1460px;height:933px;margin:0;position:relative}.ripple__section--canvas .ripple__shot{margin-top:18px}.ripple__section--controls .ripple__shot{margin-top:11px}.ripple__shot-main{width:1460px;height:933px;display:block}.ripple__workspace-callout{width:348px;height:110px;position:absolute;top:760px;left:466px}.ripple__callout-line{transform-origin:0 0;width:25px;height:3px;position:absolute;top:869px;left:705px;transform:rotate(90deg)}.ripple__impact .band__column{height:248px;padding:0;position:relative}.ripple__impact-reveal{width:620px;height:167px;position:absolute;top:29px;left:522px}.ripple__impact-window p{color:#000;width:596px;font:400 21.9px/27px var(--plaak);letter-spacing:.2278px;text-align:center;margin:0;position:absolute;top:53.89%;left:16px;transform:translateY(-50%)}.ripple__window-controls{z-index:1;width:110.669px;height:30.987px;position:absolute;top:15px;right:10.331px}.ripple__window-control{background:silver;place-items:center;width:39.669px;height:30.987px;display:grid;position:absolute;top:0;box-shadow:inset -2.213px -2.213px #0a0a0a,inset 2.213px 2.213px #fff,inset -4.427px -4.427px gray,inset 4.427px 4.427px #dfdfdf}.ripple__window-control--minimize{width:35.41px;padding-top:13px;left:0}.ripple__window-control--maximize{width:35.59px;left:35.41px}.ripple__window-control--close{left:71px}.ripple__window-control img{max-width:none;display:block}.ripple__tail .band__column{height:225px}@media (width<=1023px){.ripple__hero img{aspect-ratio:1664/710;width:100%;height:auto}.ripple__intro .sqpage__intro-inner{min-height:0}.ripple__chips{margin-bottom:20px}.ripple__tutorial .band__column{flex-direction:column;gap:48px;height:auto;padding:32px 0 56px;display:flex}.ripple__demo,.ripple__tutorial-badge,.ripple__section{position:static}.ripple__demo{aspect-ratio:1461/822;width:100%;height:auto}.ripple__tutorial-badge{width:min(363px,88vw);height:86px;margin:8px auto}.ripple__tutorial-button h2{font-size:30px}.ripple__section,.ripple__shot,.ripple__shot-main{width:100%;height:auto}.ripple__section h3{height:auto;margin-bottom:14px;font-size:17px;line-height:26px}.ripple__section--canvas .ripple__shot,.ripple__section--controls .ripple__shot{margin-top:0}.ripple__shot{aspect-ratio:1460/933}.ripple__workspace-callout{width:23.84%;height:11.79%;top:81.46%;left:31.92%}.ripple__callout-line{width:2.68%;height:auto;top:93.14%;left:48.29%}.ripple__impact .band__column{height:190px}.ripple__impact-reveal{width:min(620px,100% - 16px);height:150px;margin-inline:auto;top:20px;left:0;right:0}.ripple__impact-window p{letter-spacing:0;width:90%;font-size:15px;line-height:21px;left:5%}.ripple__window-controls{transform-origin:100% 0;top:12px;right:9px;transform:scale(.75)}.ripple__tail .band__column{height:64px}}