.kinetic-story{--story-hero-scroll: 0px;--story-cloud-left-scroll: 0px;--story-cloud-right-scroll: 0px;--story-bird-travel: 0px;--story-bird-scale: 1;display:block;position:relative;overflow:hidden;border-bottom:1px solid var(--kinetic-foreground,#4a321f);background:var(--kinetic-background,#f5e8e2);color:var(--kinetic-foreground,#4a321f);font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-style:var(--font-body-style)}.kinetic-story__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:30px;width:100%;max-width:1600px;margin-inline:auto;padding:60px 20px}.kinetic-story__heading{position:relative;z-index:3;text-align:center}.kinetic-story__heading h2{margin:0;color:inherit;font-family:var(--kinetic-heading-family,Georgia,serif);font-weight:var(--kinetic-heading-weight,400);font-style:var(--kinetic-heading-style,normal);font-size:clamp(25px,6.8vw,34px);line-height:1.1;letter-spacing:normal;text-transform:uppercase;overflow-wrap:anywhere}.kinetic-story__heading>p{margin:10px 0 0;font-size:14px;line-height:1.5}.kinetic-story__art{position:relative;height:calc(var(--kinetic-mobile-hero-width,228px) * 1.55 + 110px)}.kinetic-story__layer{position:absolute;pointer-events:none}.kinetic-story__layer img{display:block;width:100%;height:100%;object-fit:contain}.kinetic-story__parallax,.kinetic-story__float{width:100%;height:100%}.kinetic-story__hero{z-index:2;top:50%;left:50%;width:var(--kinetic-mobile-hero-width,228px);aspect-ratio:531 / 822;transform:translate(-50%,-50%)}.kinetic-story__hero .kinetic-story__parallax{transform:translate3d(0,var(--story-hero-scroll),0)}.kinetic-story__hero .kinetic-story__float{animation:kinetic-hero-float 12s ease-in-out -3s infinite alternate}.kinetic-story__bird{z-index:3;top:-25px;left:8%;width:160px;height:160px}.kinetic-story__bird .kinetic-story__parallax{transform:translate3d(var(--story-bird-travel),0,0) scale(var(--story-bird-scale))}.kinetic-story__bird .kinetic-story__float{animation:kinetic-bird-float 9s ease-in-out -2s infinite alternate}.kinetic-story__cloud{z-index:1;width:195px;height:195px}.kinetic-story__cloud--left{top:50%;left:-45px}.kinetic-story__cloud--right{top:1%;right:-40px}.kinetic-story__cloud--left .kinetic-story__parallax{transform:translate3d(0,var(--story-cloud-left-scroll),0)}.kinetic-story__cloud--right .kinetic-story__parallax{transform:translate3d(0,var(--story-cloud-right-scroll),0)}.kinetic-story__cloud--left .kinetic-story__float{animation:kinetic-cloud-float 18s ease-in-out -5s infinite alternate}.kinetic-story__cloud--right .kinetic-story__float{animation:kinetic-cloud-float 21s ease-in-out -12s infinite alternate-reverse}.kinetic-story .kinetic-story__float{animation-play-state:paused}.kinetic-story.is-motion-active .kinetic-story__float{animation-play-state:running}.kinetic-story[data-motion-enabled=false] .kinetic-story__float{animation:none}.kinetic-story__content{position:relative;z-index:4;width:min(100%,310px);margin-inline:auto;text-align:center}.kinetic-story__copy{margin-bottom:24px;color:inherit;font-size:16px;line-height:1.4;letter-spacing:normal}.kinetic-story__copy>:first-child{margin-top:0}.kinetic-story__copy>:last-child{margin-bottom:0}.kinetic-story a:focus-visible{outline:2px solid var(--action-fill,#4a321f);outline-offset:4px}@keyframes kinetic-hero-float{0%{transform:translateY(calc(-12px * var(--kinetic-float,1))) rotate(calc(-.6deg * var(--kinetic-float,1)))}to{transform:translateY(calc(12px * var(--kinetic-float,1))) rotate(calc(2deg * var(--kinetic-float,1)))}}@keyframes kinetic-bird-float{0%{transform:translateY(calc(-8px * var(--kinetic-float,1))) rotate(calc(-.4deg * var(--kinetic-float,1)))}to{transform:translateY(calc(8px * var(--kinetic-float,1))) rotate(calc(.8deg * var(--kinetic-float,1)))}}@keyframes kinetic-cloud-float{0%{transform:translateY(calc(-13px * var(--kinetic-float,1))) rotate(calc(-.5deg * var(--kinetic-float,1)))}to{transform:translateY(calc(13px * var(--kinetic-float,1))) rotate(calc(.8deg * var(--kinetic-float,1)))}}@media(min-width:750px)and (max-width:1099px){.kinetic-story__heading h2{font-size:42px}.kinetic-story__hero{width:300px}.kinetic-story__art{height:570px}.kinetic-story__cloud{width:300px;height:300px}.kinetic-story__cloud--left{left:0}.kinetic-story__cloud--right{right:0}.kinetic-story__bird{width:228px;height:228px;left:14%}}@media(min-width:1100px){.kinetic-story{padding-block:20px}.kinetic-story__stage{display:block;height:var(--kinetic-scene-height,880px);padding:20px}.kinetic-story__heading{position:absolute;inset-inline:20px;top:100px}.kinetic-story__heading h2{font-size:48px;letter-spacing:normal}.kinetic-story__art{position:static;height:auto}.kinetic-story__hero{top:calc(var(--kinetic-scene-height,880px) * .34);width:var(--kinetic-hero-width,340px);transform:translate(-50%)}.kinetic-story__bird{top:calc(36.25% - 146.5px);left:calc(18.3125% - 146.5px);width:293px;height:293px}.kinetic-story__cloud{width:350px;height:350px}.kinetic-story__cloud--left{top:calc(67.0833% - 175px);left:calc(16.5625% - 175px)}.kinetic-story__cloud--right{top:calc(53.75% - 175px);right:auto;left:calc(83.4375% - 175px)}.kinetic-story__content{position:absolute;top:78%;left:83%;width:310px;margin:0;text-align:start;transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){.kinetic-story .kinetic-story__float{animation:none}.kinetic-story .kinetic-story__parallax{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/kinetic-ceramic-story.css.map */