.yuyou-ecosystem{position:relative}.yuyou-ecosystem__sticky{position:relative;isolation:isolate}.yuyou-ecosystem .yuyou-ecosystem__media{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--yuyou-mesh-base, #e4622a);background-image:radial-gradient(42% 58% at var(--eco-licht-x) var(--eco-licht-y),rgba(var(--yuyou-mesh-light-rgb, 240, 228, 190),.88) 0%,rgba(var(--yuyou-mesh-light-rgb, 240, 228, 190),0) 60%),radial-gradient(100% 130% at var(--eco-diep-x) var(--eco-diep-y),rgba(var(--yuyou-mesh-deep-rgb, 146, 30, 19),.97) 0%,rgba(var(--yuyou-mesh-deep-rgb, 146, 30, 19),0) 70%),radial-gradient(90% 80% at 8% 6%,rgba(var(--yuyou-mesh-mid-rgb, 190, 44, 21),.92),rgba(var(--yuyou-mesh-mid-rgb, 190, 44, 21),0) 70%)}@property --eco-diep-x{syntax: "<percentage>"; inherits: false; initial-value: 42%;}@property --eco-diep-y{syntax: "<percentage>"; inherits: false; initial-value: 66%;}@property --eco-licht-x{syntax: "<percentage>"; inherits: false; initial-value: 97%;}@property --eco-licht-y{syntax: "<percentage>"; inherits: false; initial-value: 3%;}.yuyou-ecosystem__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--yuyou-mesh-grain, .22);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.yuyou-ecosystem__image{display:block;width:100%;height:100%;object-fit:cover}.yuyou-ecosystem__stage{display:grid;gap:4.8rem;padding:8rem var(--yuyou-gutter) var(--yuyou-gutter)}.yuyou-ecosystem__split,.yuyou-ecosystem__unify{margin:0;font-size:var(--yuyou-text-lead, clamp(2rem, 2.4vw, 2.8rem));line-height:1.25;color:rgb(var(--color-foreground))}.yuyou-ecosystem__split{max-width:28ch}.yuyou-ecosystem__accent{font-style:italic}.yuyou-ecosystem__needs{display:grid;gap:.2em;margin:0;padding:0;list-style:none;font-size:var(--yuyou-text-statement, clamp(2.4rem, 3.4vw, 4.8rem))}.yuyou-ecosystem__need{justify-self:start;line-height:1.1;letter-spacing:-.02em;color:rgb(var(--color-foreground))}.yuyou-ecosystem__need-in{display:inline-block}.yuyou-ecosystem__need-link{--lijn: rgba(var(--color-foreground), .35);color:inherit;text-decoration:none;padding-bottom:.12em;background-image:linear-gradient(var(--lijn),var(--lijn));background-repeat:no-repeat;background-position:0 100%;background-size:100% .1rem}.yuyou-ecosystem__need-link:hover{--lijn: rgb(var(--color-foreground))}.yuyou-ecosystem__woord{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.yuyou-ecosystem__woord-in{display:inline-block}.yuyou-ecosystem__unify{max-width:20ch}.yuyou-ecosystem__body{margin:1.6rem 0 0;max-width:40ch;font-size:var(--yuyou-text-body, 1.6rem);line-height:1.5;color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:no-preference)and (min-width:990px){@supports (animation-timeline: view()){.yuyou-ecosystem__scroller{height:230vh;view-timeline-name:--yuyou-ecosystem;view-timeline-axis:block}.yuyou-ecosystem__sticky{position:sticky;top:0;height:100vh;height:100svh}.yuyou-ecosystem__stage{height:100%;grid-template-columns:minmax(26rem,2fr) minmax(0,3fr);grid-template-rows:1fr 1fr;grid-template-areas:"zin  behoeften" "slot behoeften";column-gap:6.4rem;row-gap:0;padding:12rem var(--yuyou-gutter) var(--yuyou-gutter)}.yuyou-ecosystem__split{grid-area:zin;align-self:start;animation:yuyou-eco-scherp var(--yuyou-ease-uit) both;animation-timeline:--yuyou-ecosystem;animation-range:cover 4% cover 24%}.yuyou-ecosystem__needs{grid-area:behoeften;align-self:center}.yuyou-ecosystem__slot{grid-area:slot;align-self:end}.yuyou-ecosystem .yuyou-ecosystem__media{animation:yuyou-eco-drijf var(--yuyou-ease-in-uit) both;animation-timeline:--yuyou-ecosystem;animation-range:cover 0% contain 60%}.yuyou-ecosystem__need{--masker-boven: calc(.05em + .9rem) ;--masker-onder: calc(.16em + .9rem) ;--masker-zij: .9rem;overflow:clip;padding:var(--masker-boven) var(--masker-zij) var(--masker-onder);margin:calc(-1 * var(--masker-boven)) calc(-1 * var(--masker-zij)) calc(-1 * var(--masker-onder))}.yuyou-ecosystem__need:nth-child(1){--i: 0}.yuyou-ecosystem__need:nth-child(2){--i: 1}.yuyou-ecosystem__need:nth-child(3){--i: 2}.yuyou-ecosystem__need:nth-child(4){--i: 3}.yuyou-ecosystem__need-in{animation:yuyou-eco-regel var(--yuyou-ease-uit) both;animation-timeline:--yuyou-ecosystem;animation-range:contain calc(4% + var(--i, 0) * 12%) contain calc(28% + var(--i, 0) * 12%)}.yuyou-ecosystem__need-link{animation:yuyou-eco-lijn var(--yuyou-ease-uit) both;animation-timeline:--yuyou-ecosystem;animation-range:contain 67% contain 76%}.yuyou-ecosystem__woord-in{animation:yuyou-eco-woord var(--yuyou-ease-uit) both;animation-timeline:--yuyou-ecosystem;animation-range:contain calc(70% + var(--w, 0) * 2.5%) contain calc(80% + var(--w, 0) * 2.5%)}.yuyou-ecosystem__body{animation:yuyou-eco-scherp var(--yuyou-ease-uit) both;animation-timeline:--yuyou-ecosystem;animation-range:contain 84% contain 94%}@keyframes yuyou-eco-drijf{0%{--eco-diep-x: 52%;--eco-diep-y: 54%;--eco-licht-x: 86%;--eco-licht-y: 14%}to{--eco-diep-x: 42%;--eco-diep-y: 66%;--eco-licht-x: 97%;--eco-licht-y: 3%}}@keyframes yuyou-eco-regel{0%{translate:0 calc(100% + var(--masker-onder, .3em))}to{translate:0 0}}@keyframes yuyou-eco-lijn{0%{background-size:0% .1rem}to{background-size:100% .1rem}}@keyframes yuyou-eco-woord{0%{translate:0 110%}to{translate:0 0}}@keyframes yuyou-eco-scherp{0%{opacity:0;filter:blur(.4rem);translate:0 1.2rem}to{opacity:1;filter:blur(0);translate:0 0}}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-yuyou-ecosystem.css.map */