.soka-brand-story{padding-top:var(--soka-brand-story-padding-top);padding-bottom:var(--soka-brand-story-padding-bottom)}.soka-brand-story__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(3rem,6vw,9.6rem);align-items:center}.soka-brand-story__content{order:1;max-width:46rem}.soka-brand-story__eyebrow{margin:0 0 1.3rem;font-size:1.25rem;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.soka-brand-story__heading{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.2rem,4vw,5.5rem);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.06}.soka-brand-story__description{max-width:38rem;margin-top:2rem;color:rgb(var(--color-foreground) / .72);font-size:1.5rem;line-height:1.65}.soka-brand-story__description p{margin:0}.soka-brand-story__button{display:inline-flex;gap:.8rem;align-items:center;margin-top:2.8rem;padding-bottom:.45rem;border-bottom:.1rem solid currentColor;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:600;letter-spacing:.06em;line-height:1.3;text-decoration:none;text-transform:uppercase;transition:opacity .22s ease}.soka-brand-story__arrow{width:1.8rem;height:1.8rem;transition:transform .24s ease}.soka-brand-story__button:focus-visible{outline:.2rem solid currentColor;outline-offset:.5rem}.soka-brand-story__media{position:relative;order:2;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--soka-brand-story-radius);background:rgb(var(--color-foreground) / .08);box-shadow:0 1.2rem 3.6rem #432a1829}.soka-brand-story__image,.soka-brand-story__placeholder{display:block;width:100%;height:100%}.soka-brand-story__image{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.soka-brand-story__placeholder{fill:currentColor;opacity:.18}.soka-brand-story__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgb(69 39 19 / .2),transparent 70%);pointer-events:none}.soka-brand-story--image-left .soka-brand-story__media{order:1}.soka-brand-story--image-left .soka-brand-story__content{order:2}@media screen and (hover:hover)and (pointer:fine){.soka-brand-story__media:hover .soka-brand-story__image{transform:scale(1.045)}.soka-brand-story__button:hover{opacity:.68}.soka-brand-story__button:hover .soka-brand-story__arrow{transform:translate(.45rem)}}@media screen and (max-width:749px){.soka-brand-story__layout{grid-template-columns:1fr;gap:3.2rem}.soka-brand-story__media,.soka-brand-story--image-left .soka-brand-story__media{order:1}.soka-brand-story__content,.soka-brand-story--image-left .soka-brand-story__content{order:2;max-width:none;text-align:center}.soka-brand-story__description{margin-right:auto;margin-left:auto}.soka-brand-story__button{justify-content:center;margin-top:2.4rem}.soka-brand-story{padding-top:30px!important;padding-bottom:30px!important}}@media(prefers-reduced-motion:no-preference){.soka-brand-story--animated .soka-brand-story__content,.soka-brand-story--animated .soka-brand-story__media{animation:soka-brand-story-fade-up .7s both cubic-bezier(.22,1,.36,1)}.soka-brand-story--animated .soka-brand-story__media{animation-delay:.13s}}@keyframes soka-brand-story-fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/soka-brand-story.css.map */