.shfw-material-story{width:100%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.shfw-material-story__inner{display:grid;grid-template-columns:1fr}@media(min-width:750px){.shfw-material-story__inner{grid-template-columns:1fr 1fr;align-items:stretch;min-height:72vh}}.shfw-material-story__content{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--section-gap, 48px) * 1.1) var(--page-gutter)}@media(min-width:750px){.shfw-material-story__content{padding:var(--space-16) var(--space-12) var(--space-16) calc(var(--page-gutter) * 3)}}.shfw-material-story__eyebrow{font-family:var(--font-body);font-size:calc(var(--font-size-sm) * .9);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-kk-green);margin:0 0 var(--space-3) 0}.shfw-material-story__heading{position:relative;font-family:var(--font-heading);font-size:clamp(var(--font-size-2xl),4.4vw,3.4rem);font-weight:400;text-transform:uppercase;line-height:1.02;margin:0 0 var(--space-4) 0;letter-spacing:.01em;color:rgb(var(--color-foreground))}.shfw-material-story__heading:after{content:"";display:block;width:104px;height:6px;margin-top:var(--space-3);border-radius:2px;background:var(--gradient-rainbow-90);background-size:1200% 1200%;animation:rainbowGradient 8s linear infinite}.shfw-material-story__paragraphs{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.shfw-material-story__paragraph{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.7;color:rgba(var(--color-foreground),.74);margin:0;max-width:48ch}.shfw-material-story__certs{display:flex;flex-wrap:wrap;gap:var(--space-3)}.shfw-material-story__cert{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width, 2px) solid var(--color-kk-green);border-radius:2px;background:var(--color-kk-green-light);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;color:rgb(var(--color-foreground))}.shfw-material-story__cert-icon{display:inline-flex;color:var(--color-kk-green)}.shfw-material-story__cert-icon .shfw-icon{display:block}.shfw-material-story__media{position:relative;isolation:isolate;min-height:56vh}@media(min-width:750px){.shfw-material-story__media{min-height:100%}}.shfw-material-story__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff}.shfw-material-story__image-wrapper .shfw-material-story__image{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;will-change:transform}.shfw-material-story__carousel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;cursor:pointer}.shfw-material-story__track{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.shfw-material-story__slide{position:relative;flex:0 0 100%;width:100%;height:100%}.shfw-material-story__carousel .shfw-material-story__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shfw-material-story__slide-caption{position:absolute;left:var(--space-6);bottom:var(--space-6);z-index:2;max-width:60%;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:700;line-height:1.15;color:var(--color-kk-navy);text-shadow:0 1px 3px rgba(255,255,255,.65)}.shfw-material-story__carousel-cta{position:absolute;right:var(--space-6);bottom:var(--space-6);z-index:3;display:inline-flex;align-items:center;gap:var(--space-1);padding:0;background:none;border:none;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-kk-green);text-decoration:none;text-shadow:0 1px 3px rgba(255,255,255,.65);transition:gap var(--transition-fast, .2s ease)}.shfw-material-story__carousel-cta:hover{color:var(--color-kk-green);gap:var(--space-2)}.shfw-material-story__carousel-cta .shfw-arrow{display:inline-flex;align-items:center}.shfw-material-story__carousel-cta .shfw-arrow svg{width:1.3em;height:1.3em}.shfw-material-story__carousel:focus-visible{outline:3px solid var(--color-kk-green);outline-offset:-3px}.shfw-material-story__sticker{position:absolute;z-index:4;top:var(--space-5);right:var(--space-5);display:inline-flex;align-items:center;justify-content:center;min-width:56px;max-width:45%;padding:var(--space-3);border-radius:2px;background:var(--color-kk-green-neon);color:var(--color-kk-navy);font-family:var(--font-heading);font-size:var(--font-size-base);line-height:1.1;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;transform:rotate(-10deg);box-shadow:0 6px 0 -1px #00000024;animation:shfwMatBob 3.5s ease-in-out infinite}@keyframes shfwMatBob{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-5px)}}.shfw-material-story [data-shfw-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--shfw-reveal-i, 0) * 80ms);will-change:opacity,transform}.shfw-material-story [data-shfw-reveal].shfw-is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.shfw-material-story [data-shfw-reveal]{opacity:1;transform:none;transition:none}.shfw-material-story__image{transform:none}.shfw-material-story__track{transition:none}.shfw-material-story__heading:after{animation:none}.shfw-material-story__sticker{animation:none;transform:rotate(-10deg)}}@media(max-width:749px){.shfw-material-story__media{order:-1;aspect-ratio:1 / 1;min-height:0}.shfw-material-story__content{padding:var(--space-12) var(--page-gutter)}.shfw-material-story__sticker{min-width:48px;padding:var(--space-2);font-size:var(--font-size-sm);top:var(--space-4);right:var(--space-4)}.shfw-material-story__slide-caption{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-5) + var(--font-size-base) + var(--space-2));max-width:none;font-size:var(--font-size-base)}.shfw-material-story__carousel-cta{left:var(--space-4);right:auto;bottom:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shfw-material-story.css.map */