.sophior-zigzag{background-color:var(--sophior-cream);position:relative;overflow:hidden}.sophior-zigzag__ring-bg{width:500px;height:500px;top:-120px;left:-120px;bottom:auto;right:auto;color:var(--sophior-light-tan);opacity:.8}.sophior-zigzag__container{max-width:80%;margin:0 auto;position:relative;z-index:1}.sophior-zigzag__row{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin-bottom:1.2rem}.sophior-zigzag__row:last-child{margin-bottom:0}@media screen and (min-width:750px){.sophior-zigzag__row{flex-wrap:nowrap;gap:3.2rem;margin-bottom:2rem}.sophior-zigzag__text{flex:2;order:1}.sophior-zigzag__media{flex:0 0 auto;order:2}.sophior-zigzag__row--reverse .sophior-zigzag__media{order:1}.sophior-zigzag__row--reverse .sophior-zigzag__text{order:2}}.sophior-zigzag__media{aspect-ratio:1 / 1;overflow:hidden;border-radius:50%;background-color:var(--sophior-light-tan);width:230px;height:230px;flex-shrink:0}.sophior-zigzag__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sophior-zigzag__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--sophior-dark-green) 0%,var(--sophior-mid-green) 100%)}.sophior-zigzag__text{display:flex;flex-direction:column;gap:1rem}.sophior-zigzag__label{font-family:var(--sophior-font-body);font-size:var(--sophior-text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sophior-gold)}.sophior-zigzag__heading{font-family:var(--sophior-font-heading);font-size:clamp(2.4rem,4vw,3.6rem);font-weight:300;color:var(--sophior-dark-green);margin:0;line-height:1.2}.sophior-zigzag__content{font-family:var(--sophior-font-body);font-size:1.7rem;font-weight:400;color:var(--sophior-dark-green);line-height:1.7}.sophior-zigzag__content p{margin:0 0 1em}.sophior-zigzag__content p:last-child{margin-bottom:0}@media screen and (max-width:749px){.sophior-zigzag__container{max-width:92%}.sophior-zigzag__ring-bg{width:250px;height:250px;top:-60px;left:-60px}.sophior-zigzag__row{gap:1.2rem}.sophior-zigzag__media{width:144px;height:144px;margin:0 auto}.sophior-zigzag__content{font-size:1.4rem}}@media screen and (min-width:750px)and (max-width:989px){.sophior-zigzag__container{max-width:90%}}@media(prefers-reduced-motion:reduce){.sophior-zigzag__ring-bg{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sophior-zigzag.css.map */