.tonis-story{--tonis-story-cta-gap: 1rem;--tonis-story-cta-icon-size: 2.4rem;--tonis-story-curl-width: 3.25697rem;--tonis-story-curl-height: 3.2932rem;--tonis-story-curl-inset-x: 1.54rem;--tonis-story-curl-inset-y: 1.6rem;position:relative;overflow-x:clip;background:rgb(var(--color-background))}.tonis-story__inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--tonis-space-10)}@media screen and (min-width:750px)and (max-width:1199px){.tonis-story__media,.tonis-story__card{width:100%;max-width:66.4rem;align-self:center}}@media screen and (min-width:1200px){.tonis-story__inner{flex-direction:row;align-items:stretch}}.tonis-story__media{position:relative;overflow:hidden;border-radius:var(--tonis-radius-12)}.tonis-story__media:before{content:"";display:block;aspect-ratio:351 / 272}.tonis-story__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 23.46%}@media screen and (min-width:750px){.tonis-story__media:before{aspect-ratio:616 / 491}.tonis-story__image{object-position:50% 19.04%}}@media screen and (min-width:1200px){.tonis-story__media{flex:0 0 calc((100% - var(--tonis-space-10)) * 616 / 1280);min-width:0}}.tonis-story__card{position:relative;display:flex;padding:var(--tonis-space-6);overflow:hidden;border-radius:var(--tonis-radius-12);background:var(--tonis-color-highlight)}@media screen and (min-width:1200px){.tonis-story__card{flex:1 1 0;min-width:0}}.tonis-story__frame{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--tonis-space-10);padding:var(--tonis-space-6);border:var(--tonis-border-thick) solid var(--tonis-color-accent);border-radius:var(--tonis-radius-11)}.tonis-story__curl{position:absolute;width:var(--tonis-story-curl-width);height:var(--tonis-story-curl-height);color:var(--tonis-color-accent);pointer-events:none}.tonis-story__curl .tonis-icon{display:block;width:100%;height:100%}.tonis-story__curl .tonis-icon__ground{fill:var(--tonis-color-highlight)}.tonis-story__curl--tl{top:var(--tonis-story-curl-inset-y);left:var(--tonis-story-curl-inset-x)}.tonis-story__curl--tr{top:var(--tonis-story-curl-inset-y);right:var(--tonis-story-curl-inset-x);transform:scaleX(-1)}.tonis-story__curl--bl{bottom:var(--tonis-story-curl-inset-y);left:var(--tonis-story-curl-inset-x);transform:scaleY(-1)}.tonis-story__curl--br{right:var(--tonis-story-curl-inset-x);bottom:var(--tonis-story-curl-inset-y);transform:scale(-1)}.tonis-story__heading{width:100%;margin:0;color:var(--tonis-color-brand);font-family:var(--tonis-font-heading);font-size:var(--tonis-text-32);font-weight:var(--tonis-weight-semibold);letter-spacing:var(--tonis-tracking-normal);line-height:var(--tonis-leading-tight);text-align:center;text-transform:uppercase}@media screen and (min-width:750px){.tonis-story__heading{font-size:var(--tonis-text-40)}}.tonis-story__body{width:100%;color:var(--tonis-color-text);font-family:var(--tonis-font-body);font-size:var(--tonis-text-22);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-tighter);text-align:center}.tonis-story__body>*{margin:0}.tonis-story__body>*+*{margin-top:var(--tonis-space-3)}.tonis-story__cta{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--tonis-story-cta-gap);padding:var(--tonis-space-3) var(--tonis-space-6);border:0;border-radius:var(--tonis-radius-12);background:var(--tonis-color-accent);color:var(--tonis-color-on-accent-soft);font-family:var(--tonis-font-body);font-size:var(--tonis-text-20);font-weight:var(--tonis-weight-bold);letter-spacing:var(--tonis-tracking-normal);line-height:var(--tonis-leading-tight);text-decoration:none}@media screen and (min-width:750px){.tonis-story__cta{width:auto}}.tonis-story__cta:focus-visible{outline:.2rem solid var(--tonis-color-brand);outline-offset:.3rem}.tonis-story__cta .tonis-icon{display:block;width:var(--tonis-story-cta-icon-size);height:var(--tonis-story-cta-icon-size);flex:0 0 auto}@media(prefers-reduced-motion:no-preference){.tonis-story__cta .tonis-icon{transition:transform var(--tonis-duration-fast) var(--tonis-ease-out)}.tonis-story__cta:hover .tonis-icon,.tonis-story__cta:focus-visible .tonis-icon{transform:translate(var(--tonis-space-1))}}.tonis-story__pretzel{position:absolute;top:-2.6rem;right:max(-1.9854rem,calc(var(--tonis-container-gutter) - 1.9854rem));width:18.6854rem;height:auto;pointer-events:none}@media screen and (min-width:750px){.tonis-story__pretzel{top:-4.4rem;right:max(1.237rem,calc(var(--tonis-container-gutter) + 1.237rem));width:24.863rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-tonis-story.css.map */