:root{--highlight-main: #c23505;--highlight-accent: #f4a262;--section-padding: 2rem;--subheading-size: calc(var(--font-heading-scale) * 2rem);--gap: 2.5rem;--border-width: 8px}.about-story{position:relative;z-index:100}.about-story__wrapper{row-gap:0;display:flex;flex-direction:column}.about-story__heading-wrapper{margin-bottom:0;text-align:center;padding:5rem 0}.about-story__heading{color:var(--highlight-main);background:linear-gradient(90deg,var(--highlight-main) 60%,var(--highlight-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0}.about-story__block{display:flex;flex-direction:column;width:100%;padding:0 0 var(--section-padding);border-left:var(--border-width) solid var(--highlight-main);border-right:none;background-color:#fff;z-index:-1}.about-story__block--reverse{border-left:none;border-right:var(--border-width) solid var(--highlight-accent);background-color:#f9f6f2}.about-story__block--reverse .about-story__banner{right:0}.about-story__block-inner{display:grid;gap:var(--gap);align-items:center;max-width:var(--page-width);margin:0 auto;padding:var(--section-padding) var(--grid-desktop-horizontal-spacing) 0}.about-story__subheading{color:var(--highlight-main);font-weight:700;margin-top:calc(var(--subheading-size) * 2);margin-bottom:var(--subheading-size)}.about-story__block--reverse .about-story__subheading{color:var(--highlight-accent)}.about-story__text{position:relative}.about-story__text h3{color:var(--highlight-accent);margin-top:var(--subheading-size);margin-bottom:var(--subheading-size);width:fit-content}.about-story__block--reverse .about-story__text h3{color:var(--highlight-main)}.about-story__text h3:first-of-type{margin-top:0}.about-story__block:nth-child(2n){background-color:rgb(var(--color-background))}.about-story__block:nth-child(odd){background-color:rgb(var(--color-background-2))}.about-story__heading:after{content:"";display:block;width:60px;height:4px;margin:1rem auto 0;background:linear-gradient(90deg,var(--highlight-main),var(--highlight-accent));border-radius:2px}@media only screen and (min-width: 989px){.about-story__block-inner{grid-template-columns:1fr 1fr}.about-story__block--reverse .about-story__block-inner{direction:rtl}.about-story__block--reverse .about-story__text-column,.about-story__block--reverse .about-story__media-column,.about-story__media-group{direction:ltr}}.about-story__text-column{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;max-width:60ch}.about-story__media-column{display:flex;justify-content:center;align-items:flex-end;height:100%}.about-story__banner{width:calc(100% + var(--border-width));right:var(--border-width);overflow:hidden;position:relative}.about-story__banner img{width:100%;height:100%;object-fit:cover;display:block}.about-story__media-group{position:relative;width:100%;height:calc(100% - var(--section-padding) - calc(var(--font-heading-scale) * 2.4rem) - calc(var(--subheading-size) * 3) - var(--gap));min-height:400px}.about-story__media{position:absolute;transform-origin:center}.about-story__media img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 3px 12px rgba(194,53,5,.18))}.about-story__block--reverse .about-story__media img{filter:drop-shadow(0 3px 12px rgba(244,162,98,.18))}.about-story__media-column{transform:scale(1)}@media screen and (max-width: 989px){.about-story__media-column{position:absolute;width:calc(100% - var(--grid-desktop-horizontal-spacing) * 2);max-width:60ch;top:0;align-items:stretch;padding-top:calc(var(--banner-height) + var(--section-padding) + var(--subheading-size) * 3 + calc(var(--subheading-size) * (1 + .3 / max(1,var(--font-heading-scale)))))}.about-story__block-inner{grid-template-columns:1fr;gap:calc(var(--gap) * 2)}.about-story__media-group{display:flex!important;flex-direction:column;align-items:start!important;gap:var(--mobile-spacing, 5em)!important;padding:0;margin:0!important;height:auto;min-height:auto}.about-story__media{position:absolute!important;max-width:min(300px,80vw)!important;aspect-ratio:1;transform:scale(var(--mobile-scale, 1))!important;transform-origin:left top!important;margin:0;right:0;left:0}.about-story__media img{width:100%;height:100%;object-fit:cover}.about-story__media--small{max-width:200px!important}.about-story__media--medium{max-width:250px!important}.about-story__media--large{max-width:300px!important}}.about-story__media--small{width:15vh;height:15vh}.about-story__media--medium{width:20vh;height:20vh}.about-story__media--large{width:30vh;height:30vh}.about-story__media-group--cascade .about-story__media{--offset-base: 30px}.about-story__media-group--cascade .about-story__media:nth-child(1){z-index:3;top:var(--desktop-offset-y, 0%);left:var(--desktop-offset-x, 0%)}.about-story__media-group--cascade .about-story__media:nth-child(2){z-index:2;top:var(--desktop-offset-y, 0%) + var(--offset-base);left:var(--desktop-offset-x, 0%) + var(--offset-base)}.about-story__media-group--cascade .about-story__media:nth-child(3){z-index:1;top:var(--desktop-offset-y, 0%) + var(--offset-base) * 2;left:var(--desktop-offset-x, 0%) + var(--offset-base) * 2}.about-story__media-group--grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:2rem;align-items:center;justify-items:start;margin-left:var(--gap);margin-right:-2rem}.about-story__block--reverse .about-story__media-group--grid{justify-items:end;margin-left:-2rem;margin-right:var(--gap)}.about-story__media-group--grid .about-story__media{position:relative;top:var(--desktop-offset-y, 0%);left:var(--desktop-offset-x, 0%);right:unset}.about-story__block--reverse .about-story__media-group--grid .about-story__media{right:var(--desktop-offset-x, 0%);left:auto}.about-story__media-group--scattered .about-story__media{position:absolute}.about-story__media-group--scattered .about-story__media:nth-child(1){top:var(--desktop-offset-y, 0%);left:var(--desktop-offset-x, 0%)}.about-story__media-group--scattered .about-story__media:nth-child(2){top:calc(25% + (var(--desktop-offset-y, 0%)));right:var(--desktop-offset-x, 0%)}.about-story__media-group--scattered .about-story__media:nth-child(3){bottom:var(--desktop-offset-y, 0%);left:calc(25% + (var(--desktop-offset-x, 0%)))}.about-story__media.animate--fade-in{opacity:0;transition:opacity .8s ease-out}.about-story__media.animate--fade-in.animate--active{opacity:1}.about-story__media.animate--slide-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1)}.about-story__media.animate--slide-up.animate--active{opacity:1;transform:translateY(0)}.about-story__media.animate--float{animation:float 6s ease-in-out infinite;animation-play-state:paused}.about-story__media.animate--float.animate--active{animation-play-state:running}.about-story__media.animate--reveal{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(.16,1,.3,1)}.about-story__media.animate--reveal.animate--active{clip-path:inset(0 0 0 0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes ambient-float{0%{transform:translateY(0)}25%{transform:translateY(-50px)}50%{transform:translateY(0)}75%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes ambient-float-mobile{0%{transform:translate(0)}25%{transform:translate(-25px)}50%{transform:translate(0)}75%{transform:translate(25px)}to{transform:translate(0)}}@media only screen and (max-width: 989px){@keyframes animateAmbient{0%{transform:rotate(0) rotate(0) scale(.8)}to{transform:rotate(360deg) rotate(-360deg) scale(1.2)}}}.animate--slide-in{opacity:0;transform:translateY(2rem);transition:opacity .8s ease,transform .8s ease}.animate--slide-in.animate--active{opacity:1;transform:translateY(0)}[data-cascade]>*{--animation-order: 0;animation-delay:calc(var(--animation-order) * .1s)}.animate--zoom-in{transform-origin:center;transform:scale(var(--zoom-in-ratio, .8));transition:transform .3s ease-out}.animate--zoom-in.animate--active{transform:scale(1)}.animate--ambient{animation:ambient-float 12s linear infinite!important;animation-fill-mode:both;animation-composition:add;animation-direction:alternate}.animate--ambient:nth-of-type(odd){animation-direction:alternate-reverse}@media only screen and (max-width: 989px){.animate--ambient{animation-name:ambient-float-mobile!important}}.animate--ambient>img{animation-timing-function:cubic-bezier(.75,.25,.5,1.75);animation-duration:6s;animation-composition:add;animation-direction:alternate;animation-fill-mode:both}.about-story__block--reverse .animate--ambient>img{animation-direction:alternate-reverse}.about-story__media-group--cascade .about-story__media.animate--ambient:nth-of-type(1),.about-story__media-group--grid .about-story__media.animate--ambient:nth-of-type(1),.about-story__media-group--scattered .about-story__media.animate--ambient:nth-of-type(1){animation-delay:-4s!important}.about-story__media-group--cascade .about-story__media.animate--ambient:nth-of-type(1)>img,.about-story__media-group--grid .about-story__media.animate--ambient:nth-of-type(1)>img,.about-story__media-group--scattered .about-story__media.animate--ambient:nth-of-type(1)>img{animation-delay:-4s}.about-story__media-group--cascade .about-story__media.animate--ambient:nth-of-type(2),.about-story__media-group--grid .about-story__media.animate--ambient:nth-of-type(2),.about-story__media-group--scattered .about-story__media.animate--ambient:nth-of-type(2){animation-delay:0s!important}.about-story__media-group--cascade .about-story__media.animate--ambient:nth-of-type(2)>img,.about-story__media-group--grid .about-story__media.animate--ambient:nth-of-type(2)>img,.about-story__media-group--scattered .about-story__media.animate--ambient:nth-of-type(2)>img{animation-delay:-2s}.about-story__media-group--cascade .about-story__media.animate--ambient:nth-of-type(3),.about-story__media-group--grid .about-story__media.animate--ambient:nth-of-type(3),.about-story__media-group--scattered .about-story__media.animate--ambient:nth-of-type(3){animation-delay:-8s!important}.about-story__media-group--cascade .about-story__media.animate--ambient:nth-of-type(3)>img,.about-story__media-group--grid .about-story__media.animate--ambient:nth-of-type(3)>img,.about-story__media-group--scattered .about-story__media.animate--ambient:nth-of-type(3)>img{animation-delay:0s}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-about_story.css.map */