.about-mission{width:100%;position:relative}.about-mission__container{max-width:1400px;margin:0 auto;padding:0 24px}.about-mission__grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media screen and (min-width: 768px){.about-mission__grid{grid-template-columns:1fr 1fr;gap:4rem}}.about-mission__content{display:flex;flex-direction:column;gap:2rem}.about-mission__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:1.2;margin:0;letter-spacing:-.025em}.about-mission__text-wrapper{display:flex;flex-direction:column;gap:1.5rem}.about-mission__paragraph{font-family:var(--font-body-family);line-height:1.6;margin:0}.about-mission__button-wrapper{margin-top:1rem}.about-mission__button{display:inline-block;padding:16px 32px;background-color:var(--color-button);color:var(--color-button-text);text-decoration:none;border-radius:4px;transition:all .3s ease;border:none;cursor:pointer;font-family:var(--font-body-family);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.about-mission__button:hover{background-color:var(--color-button-hover);transform:translateY(-2px)}.about-mission__button.button--secondary{background-color:transparent;color:var(--color-button);border:2px solid var(--color-button)}.about-mission__button.button--secondary:hover{background-color:var(--color-button);color:var(--color-button-text)}.about-mission__button.button--outline{background-color:transparent;color:var(--color-foreground);border:1px solid var(--color-foreground)}.about-mission__button.button--outline:hover{background-color:var(--color-foreground);color:var(--color-background)}.about-mission__image-wrapper{position:relative}.about-mission__image-container{aspect-ratio:4/5;position:relative;overflow:hidden}.about-mission__image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.about-mission__image.grayscale{filter:grayscale(100%)}.about-mission__image:hover{transform:scale(1.05)}.about-mission__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#f5f5f5;color:#999;text-align:center}.about-mission__placeholder svg{margin-bottom:1rem;opacity:.5}.about-mission__placeholder p{margin:0;font-size:1rem;opacity:.7}.about-mission[data-content-position=right] .about-mission__grid{direction:rtl}.about-mission[data-content-position=right] .about-mission__content{direction:ltr}@media screen and (max-width: 767px){.about-mission__container{padding:0 20px}.about-mission__grid{gap:3rem}.about-mission__content{gap:1.5rem}.about-mission__text-wrapper{gap:1.25rem}}@media screen and (max-width: 480px){.about-mission__container{padding:0 16px}.about-mission__grid{gap:2rem}.about-mission__button{padding:14px 28px;font-size:.9rem}}@media (prefers-reduced-motion: no-preference){.about-mission__title,.about-mission__text-wrapper,.about-mission__image-wrapper,.about-mission__button-wrapper{opacity:0;animation:fadeInUp .8s ease-out forwards}.about-mission__text-wrapper{animation-delay:.2s}.about-mission__image-wrapper{animation-delay:.3s}.about-mission__button-wrapper{animation-delay:.4s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-trigger{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/about-mission.css.map */