.sb-about-preview{display:block;width:100%;padding:var(--sb-ap-pt) 20px var(--sb-ap-pb);background-color:var(--sb-ap-bg)}.sb-about-preview__container{max-width:var(--sb-ap-container-width);margin:0 auto;background-color:var(--sb-ap-card-bg);border-radius:var(--sb-ap-card-radius);overflow:hidden;box-shadow:var(--sb-ap-card-shadow)}.sb-about-preview__grid{display:grid;grid-template-columns:1fr;gap:0}.sb-about-preview__image-wrapper{position:relative;width:100%;overflow:hidden;order:1}.sb-about-preview__image{display:block;width:100%;height:100%;object-fit:cover}.sb-about-preview__image-placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;background-color:#f4f4f4}.sb-about-preview__placeholder-svg,.sb-about-preview__image-placeholder svg{width:100%;height:100%;max-width:300px;max-height:300px}.sb-about-preview__empty-state{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;font-size:14px;color:#666;text-align:center;pointer-events:none}.sb-about-preview__content{display:flex;flex-direction:column;justify-content:center;padding:var(--sb-ap-content-pad);order:2}.sb-about-preview__heading{margin:0 0 var(--sb-ap-heading-spacing) 0;font-family:var(--sb-ap-heading-font-family);font-weight:var(--sb-ap-heading-font-weight);font-style:var(--sb-ap-heading-font-style);font-size:var(--sb-ap-heading-size);line-height:1.2;color:var(--sb-ap-heading-color)}.sb-about-preview__text{max-width:600px;margin:0 0 var(--sb-ap-text-spacing) 0;font-size:var(--sb-ap-text-size);line-height:1.6;color:var(--sb-ap-text-color)}.sb-about-preview__text p{margin:0 0 1em}.sb-about-preview__text p:last-child{margin-bottom:0}.sb-about-preview__button{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;position:relative;overflow:hidden;padding:var(--sb-ap-btn-pv) var(--sb-ap-btn-ph);font-size:var(--sb-ap-btn-size);font-weight:500;letter-spacing:.02em;line-height:1;text-decoration:none;color:var(--sb-ap-btn-color);background-color:var(--sb-ap-btn-bg);border:var(--sb-ap-btn-border-width) solid var(--sb-ap-btn-border);border-radius:var(--sb-ap-btn-radius);transition:color .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.sb-about-preview__button-arrow{flex-shrink:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.sb-about-preview__button:hover,.sb-about-preview__button:focus-visible{color:var(--sb-ap-btn-hover-color);background-color:var(--sb-ap-btn-hover-bg);border-color:var(--sb-ap-btn-hover-border);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sb-about-preview__button:hover .sb-about-preview__button-arrow,.sb-about-preview__button:focus-visible .sb-about-preview__button-arrow{transform:translate(4px)}.sb-about-preview.animate-ready .sb-about-preview__image-wrapper{opacity:0;transform:translate(-30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.sb-about-preview.animate-ready .sb-about-preview__content{opacity:0;transform:translate(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1) .15s,transform .8s cubic-bezier(.4,0,.2,1) .15s}.sb-about-preview.animate-visible .sb-about-preview__image-wrapper,.sb-about-preview.animate-visible .sb-about-preview__content{opacity:1;transform:translate(0)}@media screen and (prefers-reduced-motion:reduce){.sb-about-preview .sb-about-preview__image-wrapper,.sb-about-preview .sb-about-preview__content,.sb-about-preview__button,.sb-about-preview__button-arrow{transition:none!important}}@media screen and (min-width:750px){.sb-about-preview__grid{grid-template-columns:1fr 1fr}.sb-about-preview__image-wrapper,.sb-about-preview__content{order:initial}.sb-about-preview--image_left .sb-about-preview__image-wrapper{grid-column:1}.sb-about-preview--image_left .sb-about-preview__content,.sb-about-preview--image_right .sb-about-preview__image-wrapper{grid-column:2}.sb-about-preview--image_right .sb-about-preview__content{grid-column:1}.sb-about-preview__image-placeholder{min-height:500px}.sb-about-preview__content{padding:var(--sb-ap-content-pad-desktop)}}@media screen and (min-width:990px){.sb-about-preview__heading{font-size:var(--sb-ap-heading-size-desktop)}.sb-about-preview__text{font-size:var(--sb-ap-text-size-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sb-about-preview.css.map */
