.pebble-story{container-type:inline-size;container-name:pebble-story}.pebble-story__grid{display:flex;align-items:center;gap:0;--pebble-story-text-inset: var(--pebble-story-text-padding, 100px);--pebble-story-media-inset: var(--pebble-story-media-padding, 80px)}.pebble-story__grid--media-start{flex-direction:row-reverse}.pebble-story__col{flex:0 0 auto;min-width:0;box-sizing:border-box}.pebble-story__col--text{width:calc(100% - var(--pebble-story-media-width, 50%));padding-inline:var(--pebble-story-text-inset, var(--pebble-story-text-padding, 100px))}.pebble-story__col--media{width:var(--pebble-story-media-width, 50%);padding-inline:var(--pebble-story-media-inset, var(--pebble-story-media-padding, 80px))}.pebble-story__subheading{margin:0 0 clamp(.75rem,1.2vw,1.25rem);font-size:.9375rem;font-weight:700;line-height:1.6;text-transform:uppercase}.pebble-story__heading{margin:0 0 clamp(1.25rem,1.5vw,1.5rem);font-size:clamp(2rem,3.4vw,3rem);font-weight:700;line-height:1.357}.pebble-story__text{margin:0 0 clamp(1.5rem,2vw,2rem);font-size:.9375rem;font-weight:500;line-height:1.6;color:rgb(var(--color-foreground-rgb) / .7)}.pebble-story__text>*{margin:0}.pebble-story__text>*+*{margin-block-start:.75rem}.pebble-story__figure{position:relative;margin:0}.pebble-story__media{display:block;aspect-ratio:var(--pebble-story-ratio, 1);overflow:hidden;background-color:rgb(var(--color-foreground-rgb) / .05)}.pebble-story__media--rounded{border-radius:999px}.pebble-story__image{display:block;width:100%;height:100%;object-fit:cover}.pebble-badge{position:absolute;inset-inline-start:var(--pebble-badge-x, 50%);inset-block-start:var(--pebble-badge-y, 50%);width:clamp(var(--pebble-badge-width-mobile, 5rem),var(--pebble-badge-share, 21%),var(--pebble-badge-width, 6.5rem));pointer-events:none}.pebble-badge__float{animation:var(--pebble-badge-animation, none) 1.5s ease-in-out infinite alternate}@keyframes pebble-badge-float-down{0%{transform:translateY(-.5rem)}to{transform:translateY(.5rem)}}@keyframes pebble-badge-float-up{0%{transform:translateY(.5rem)}to{transform:translateY(-.5rem)}}@media(prefers-reduced-motion:reduce){.pebble-badge__float{animation:none}}.pebble-badge__inner{display:flex;align-items:center;justify-content:center;padding:.875rem;border-radius:var(--pebble-badge-radius, 32px);background-color:var(--pebble-badge-bg, #bde6ee);color:var(--pebble-badge-color, #000);font-size:1.125rem;font-weight:700;line-height:1.555;text-align:center;transform:rotate(var(--pebble-badge-rotate, 0deg))}.pebble-badge--circle .pebble-badge__inner{aspect-ratio:1;border-radius:50%}@container pebble-story (max-width: 1100px){.pebble-story__grid{--pebble-story-text-inset: min(var(--pebble-story-text-padding, 100px), 3cqi);--pebble-story-media-inset: min(var(--pebble-story-media-padding, 80px), 3cqi)}.pebble-story .pebble-story__grid .pebble-story__heading{font-size:clamp(2rem,3.4cqi,3rem)}}@container pebble-story (max-width: 700px){.pebble-story__grid,.pebble-story__grid--media-start{flex-direction:column;align-items:stretch;gap:var(--pebble-story-gap-mobile, 40px)}.pebble-story__col--text,.pebble-story__col--media{width:100%;padding-inline:0}.pebble-badge{inset-inline-start:var(--pebble-badge-x-mobile, var(--pebble-badge-x, 50%));inset-block-start:var(--pebble-badge-y-mobile, var(--pebble-badge-y, 50%))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pebble-story.css.map */