.ff-our-story__media{display:flex;justify-content:center}.ff-our-story__stage{position:relative;width:var(--ff-story-w-mobile, 72%);max-width:100%}@media screen and (min-width:750px){.ff-our-story__stage{width:var(--ff-story-w-desktop, 360px)}}.ff-our-story__stage .ff-our-story__halo{display:block;position:absolute;z-index:0;top:-6%;right:-16%;bottom:-6%;left:-16%;border-radius:50%;background:radial-gradient(closest-side,var(--ff-story-halo, rgba(198, 148, 118, .34)),transparent 78%);pointer-events:none}.ff-our-story__frame{position:relative;z-index:1;overflow:hidden;aspect-ratio:var(--ff-story-ratio, 9 / 16);border-radius:var(--ff-story-radius, 14px);background:#1212120f}.ff-our-story .ff-our-story__frame img,.ff-our-story .ff-our-story__frame video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.ff-our-story__sound{position:absolute;z-index:2;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:#1212128c;color:#fff;cursor:pointer;transition:background .25s ease}.ff-our-story__sound:hover{background:#121212bf}.ff-our-story__sound svg{width:17px;height:17px}.ff-our-story__sound .ff-our-story__icon--on{display:none}.ff-our-story__sound[aria-pressed=true] .ff-our-story__icon--on{display:block}.ff-our-story__sound[aria-pressed=true] .ff-our-story__icon--off{display:none}.ff-our-story__bubble{position:absolute;z-index:3;width:max-content;max-width:var(--ff-bubble-max-mobile, 118px)}@media screen and (min-width:750px){.ff-our-story__bubble{max-width:var(--ff-bubble-max, 150px)}}.ff-our-story__bubble-inner{display:block;padding:calc(var(--ff-bubble-pad-y, 9px) * .8) calc(var(--ff-bubble-pad-x, 14px) * .8);border:1px solid var(--ff-bubble-border, rgba(18, 18, 18, .12));border-radius:var(--ff-bubble-radius, 40px);background:var(--ff-bubble-bg, rgba(255, 255, 255, .92));color:var(--ff-bubble-color, #121212);font-family:var(--ff-font-body);font-size:var(--ff-bubble-font-mobile, 12px);line-height:1.3;text-align:center}@media screen and (min-width:750px){.ff-our-story__bubble-inner{padding:var(--ff-bubble-pad-y, 9px) var(--ff-bubble-pad-x, 14px);font-size:var(--ff-bubble-font-desktop, 14px)}}.ff-our-story--shadow .ff-our-story__bubble-inner{box-shadow:0 6px 18px #1212121f}.ff-our-story__bubble--tl{top:4%;left:0;transform:translate(calc(var(--ff-bubble-out-mobile, 34%) * -1 + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--tr{top:10%;right:0;transform:translate(calc(var(--ff-bubble-out-mobile, 34%) + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--ml{top:40%;left:0;transform:translate(calc(var(--ff-bubble-out-mobile, 34%) * -1 + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--mr{top:46%;right:0;transform:translate(calc(var(--ff-bubble-out-mobile, 34%) + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--bl{bottom:16%;left:0;transform:translate(calc(var(--ff-bubble-out-mobile, 34%) * -1 + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--br{bottom:5%;right:0;transform:translate(calc(var(--ff-bubble-out-mobile, 34%) + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}@media screen and (min-width:750px){.ff-our-story__bubble--tl{transform:translate(calc(-38% + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--tr{transform:translate(calc(38% + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--ml{transform:translate(calc(-48% + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--mr{transform:translate(calc(48% + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--bl{transform:translate(calc(-34% + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}.ff-our-story__bubble--br{transform:translate(calc(34% + var(--ff-bubble-x, 0px)),var(--ff-bubble-y, 0px))}}@media screen and (max-width:749px){.ff-our-story__bubble--hide-mobile{display:none}}@keyframes ff-bubble-float{0%{transform:translateY(var(--ff-bubble-dist, 8px))}to{transform:translateY(calc(var(--ff-bubble-dist, 8px) * -1))}}@keyframes ff-bubble-drift{0%{transform:translate(calc(var(--ff-bubble-dist, 8px) * -.7),var(--ff-bubble-dist, 8px)) rotate(-2.5deg)}to{transform:translate(calc(var(--ff-bubble-dist, 8px) * .7),calc(var(--ff-bubble-dist, 8px) * -1)) rotate(2.5deg)}}@keyframes ff-bubble-pulse{0%{transform:scale(.94)}to{transform:scale(1.06)}}.ff-our-story[data-anim=float] .ff-our-story__bubble-inner,.ff-our-story[data-anim=drift] .ff-our-story__bubble-inner,.ff-our-story[data-anim=pulse] .ff-our-story__bubble-inner{animation-duration:var(--ff-bubble-dur, 4s);animation-delay:var(--ff-bubble-delay, 0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.ff-our-story[data-anim=float] .ff-our-story__bubble-inner{animation-name:ff-bubble-float}.ff-our-story[data-anim=drift] .ff-our-story__bubble-inner{animation-name:ff-bubble-drift}.ff-our-story[data-anim=pulse] .ff-our-story__bubble-inner{animation-name:ff-bubble-pulse}@media(prefers-reduced-motion:reduce){.ff-our-story[data-respect-reduced-motion=true] .ff-our-story__bubble-inner{animation:none}}@media screen and (max-width:749px){.ff-our-story--media-first .ff-split-cream__media{order:1}.ff-our-story--media-first .ff-split-cream__content{order:2}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ff-our-story.css.map */