.brand-story-section{width:100%;overflow:hidden}.brand-story-container{max-width:1200px;margin:0 auto}.brand-story-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media screen and (min-width:750px){.brand-story-grid{gap:60px}.brand-story-layout-image-left,.brand-story-layout-image-right{grid-template-columns:1fr 1fr}.brand-story-layout-image-right .brand-story-image-wrapper{order:2}.brand-story-layout-image-right .brand-story-content{order:1}}.brand-story-image-wrapper{position:relative;width:100%}.brand-story-image-container{position:relative;width:100%;overflow:hidden;z-index:2}.brand-story-image{width:100%;height:auto;display:block;transition:transform .6s ease}.brand-story-image-wrapper:hover .brand-story-image{transform:scale(1.03)}.brand-story-decorative-element{position:absolute;top:-20px;left:-20px;z-index:1;border-radius:50%;opacity:.3;transition:all .6s ease}@media screen and (min-width:750px){.brand-story-decorative-element{top:-40px;left:-40px}}.brand-story-image-wrapper:hover .brand-story-decorative-element{transform:scale(1.05) rotate(5deg);opacity:.4}.brand-story-image-placeholder{width:100%;padding-bottom:100%;background:#f5f5f5;position:relative}.brand-story-image-placeholder svg{position:absolute;top:0;left:0;width:100%;height:100%}.brand-story-content{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:750px){.brand-story-content{gap:20px}}.brand-story-subheading{margin:0;font-weight:500;opacity:.8}.brand-story-heading{margin:0;line-height:1.2}.brand-story-heading i{font-style:italic;font-family:inherit}.brand-story-description{margin:0}.brand-story-description p{margin:0 0 12px}.brand-story-description p:last-child{margin-bottom:0}.brand-story-secondary-description{margin:0;opacity:.85}.brand-story-secondary-description p{margin:0 0 12px}.brand-story-secondary-description p:last-child{margin-bottom:0}.brand-story-button-wrapper{margin-top:8px}.brand-story-button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s ease;cursor:pointer}.brand-story-button svg{transition:transform .3s ease}.brand-story-button:hover svg{transform:translate(4px)}.brand-story-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media screen and (max-width:749px){.brand-story-grid{gap:32px}.brand-story-content{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-brand-story.css.map */