@property --p{syntax: "<number>"; inherits: true; initial-value: 1;}.section-ik-route{margin:0;padding:0}.ik-route{--ik-route-bg: #fef2e3;--ik-route-to: #f7ede6;position:relative;z-index:1;margin:0;padding:0;background:var(--ik-route-bg);color:var(--ik-inkt, #12304a)}.ik-route__head{position:relative;z-index:3;padding:2.8rem var(--ik-gutter) 1rem;text-align:center}.ik-route__head-inner{max-width:62rem;margin-inline:auto}.ik-route__head .ik-eyebrow{margin-bottom:.8rem}.ik-route__title{font-size:clamp(2.6rem,7vw,3.6rem)}.ik-route__lede{margin-top:1rem;font-size:clamp(1.5rem,3.8vw,1.7rem)}.ik-route__stage{position:relative;z-index:1;margin-top:-11rem}.ik-route__bg,.ik-route__img{display:block;width:100%}.ik-route__img{height:auto;aspect-ratio:941 / 1672;background:var(--ik-route-bg)}.ik-route__placeholder{aspect-ratio:941 / 1672;background:#efe2d2}.ik-route__stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8%;background:linear-gradient(to bottom,transparent,var(--ik-route-to) 92%);pointer-events:none;z-index:1}.ik-route__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;background:linear-gradient(to right,var(--ik-route-bg),rgba(250,236,219,0) 7rem),linear-gradient(to left,var(--ik-route-bg),rgba(250,236,219,0) 7rem)}.ik-route__world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ik-route__panda{--mpx: 73;--mpy: 31;--mph: 18;--dpx: 10.4;--dpy: 85;--dph: 17;position:absolute;left:calc(var(--mpx) * 1%);top:calc((var(--mpy) - var(--mph) * .959) * 1%);height:calc(var(--mph) * 1%);aspect-ratio:1024 / 1536;transform:translate(-50%);pointer-events:none;z-index:1}.ik-route__panda img{display:block;width:100%;height:100%;object-fit:contain}.ik-route__stops{list-style:none;margin:0;padding:0}.ik-route__stop{display:contents;--p: 1}.ik-route__plant{position:absolute;left:calc(var(--mx) * 1%);top:calc((var(--my) - var(--mh) * var(--foot)) * 1%);height:calc(var(--mh) * 1%);aspect-ratio:var(--ar, 1);display:block;transform:translate(-50%);outline:none;-webkit-tap-highlight-color:transparent;z-index:2}.ik-route__plant{transition:--p var(--dur, 1s) cubic-bezier(.22,.61,.36,1) var(--start, 0s)}.ik-route--instant .ik-route__plant{transition:none}.ik-route__culm,.ik-route__spray,.ik-route__mound,.ik-route__layer{position:absolute;display:block;pointer-events:none;--cs: 0;--cd: .3;--r: clamp(0, (var(--p) - var(--cs)) / var(--cd), 1);--e: calc(var(--r) * var(--r) * (3 - 2 * var(--r)))}.ik-route__culm{left:calc(var(--l) * 1%);top:calc(var(--t) * 1%);width:calc(var(--w) * 1%);height:auto;aspect-ratio:1;clip-path:inset(calc((4.7 + (1 - var(--r)) * (var(--gf) - 4.7)) * 1%) 0 calc((100 - var(--gf)) * 1%) 0);opacity:clamp(0,var(--r) / .05,1);transform:scaleX(var(--fx, 1)) scale(calc(.965 + .035 * var(--e))) translateY(calc((1 - var(--e)) * .7%));transform-origin:50% calc(var(--gf) * 1%)}.ik-route__spray{left:calc(var(--l) * 1%);top:calc(var(--t) * 1%);width:calc(var(--w) * 1%);height:auto;aspect-ratio:1;--ox: 53.1%;--oy: 76.6%;opacity:clamp(0,var(--r) / .22,1);transform:scaleX(var(--fx, 1)) rotate(calc((1 - var(--e)) * -9deg)) scale(calc(.6 + .4 * var(--e)));transform-origin:var(--ox) var(--oy)}.ik-route__spray--top{--ox: 49.7%;--oy: 70.2%}.ik-route__mound{left:calc(var(--l) * 1%);top:calc(var(--t) * 1%);width:calc(var(--w) * 1%);height:auto;aspect-ratio:1;--cs: 0;--cd: .2;opacity:clamp(0,var(--r) / .3,1);transform:scale(calc(.62 + .38 * var(--e)));transform-origin:50% calc(var(--bb) * 1%)}.ik-route__layer{left:0;top:0;width:100%;height:100%;object-fit:contain}.ik-route__layer--base{--cs: 0;--cd: .2;opacity:clamp(0,var(--r) / .3,1);transform:scale(calc(.6 + .4 * var(--e)));transform-origin:57% 86%}.ik-route__layer--stem-low{--cs: .16;--cd: .34;clip-path:inset(calc((41.3 + (1 - var(--r)) * 39.4) * 1%) 0 0 0);transform:translateY(calc((1 - var(--e)) * .5%))}.ik-route__layer--stem-mid{--cs: .34;--cd: .36;clip-path:inset(calc((32.3 + (1 - var(--r)) * 41.9) * 1%) 0 0 0);transform:translateY(calc((1 - var(--e)) * .5%))}.ik-route__layer--leaves-low,.ik-route__layer--leaves-top,.ik-route__layer--fg{height:auto;aspect-ratio:1}.ik-route__layer--leaves-low{left:13.8%;top:25.25%;width:40.2%;--cs: .38;--cd: .28;opacity:clamp(0,var(--r) / .22,1);transform:rotate(calc((1 - var(--e)) * -12deg)) scale(calc(.6 + .4 * var(--e)));transform-origin:53.1% 76.6%}.ik-route__layer--leaves-top{left:30.5%;top:10.9%;width:40.2%;--cs: .56;--cd: .3;opacity:clamp(0,var(--r) / .22,1);transform:rotate(calc((1 - var(--e)) * 10deg)) scale(calc(.6 + .4 * var(--e)));transform-origin:49.7% 70.2%}.ik-route__layer--fg{left:20.6%;top:46.4%;width:65.4%;--cs: .1;--cd: .32;opacity:clamp(0,(var(--r) - .05) / .25,1);transform:translateY(calc((1 - var(--e)) * 6%)) scale(calc(.72 + .28 * var(--e)));transform-origin:50% 76.3%}.ik-route__card{position:absolute;left:calc(var(--mcx) * 1%);top:calc(var(--mcy) * 1%);display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:max-content;max-width:34%;padding:1.05rem 1.5rem 1.15rem;border-radius:1.2rem 1.4rem 1.3rem 1.5rem/1.4rem 1.2rem 1.5rem 1.3rem;background:linear-gradient(176deg,#fffdf8,#fdf8f0 58%,#f9f2e8);box-shadow:inset 0 .1rem #ffffffeb,inset 0 -.1rem #12304a0d,0 .2rem .5rem -.3rem #12304a14,0 1.4rem 2.6rem -1.6rem #12304a4d;color:var(--ik-inkt, #12304a);text-decoration:none;translate:-50% 0;transition:transform .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s cubic-bezier(.22,.61,.36,1);-webkit-tap-highlight-color:transparent;z-index:3}.ik-route__name{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ik-font-display);font-size:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.ik-route__age{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ik-font-body);font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--ik-inkt-zacht, #5b7078);white-space:nowrap}.ik-route__arrow{width:1.4rem;height:1.4rem;flex:none;color:var(--ik-groen, #2e6055);transition:transform .2s cubic-bezier(.22,.61,.36,1)}.ik-route--js .ik-route__card{opacity:0}.ik-route--js .ik-route__stop--groei .ik-route__card,.ik-route--direct .ik-route__card{opacity:1}.ik-route--js .ik-route__stop--groei .ik-route__card{animation:ik-route-kaart-in .28s cubic-bezier(.22,.61,.36,1) calc(var(--start, 0s) + var(--dur, 1s) * .75) backwards}.ik-route--direct .ik-route__card{animation:none}@keyframes ik-route-kaart-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.ik-route__card:focus-visible{outline:.3rem solid var(--ik-groen, #2e6055);outline-offset:.3rem}.ik-route__card:focus-visible .ik-route__arrow,.ik-route__card:active .ik-route__arrow{transform:translate(.4rem)}@media(hover:hover){.ik-route__card:hover,.ik-route__plant:hover+.ik-route__card{transform:translateY(-.3rem);box-shadow:0 2rem 3.6rem -1.8rem #12304a52,0 .4rem 1.1rem -.6rem #12304a24}.ik-route__card:hover .ik-route__arrow,.ik-route__plant:hover+.ik-route__card .ik-route__arrow{transform:translate(.4rem)}}@media screen and (min-width:600px){.ik-route__head{position:absolute;top:0;left:0;right:0;padding-top:3.2rem;padding-bottom:0}.ik-route__stage{margin-top:0}.ik-route__title{font-size:clamp(3rem,4.6vw,4.4rem)}.ik-route__lede{font-size:clamp(1.6rem,2vw,1.8rem)}.ik-route__card{max-width:30%;padding:1rem 1.4rem 1.1rem}.ik-route__name{font-size:1.7rem}.ik-route__age{font-size:1.3rem}.ik-route__arrow{width:1.6rem;height:1.6rem}}@media screen and (min-width:1200px),screen and (min-width:990px)and (orientation:landscape){.ik-route{--ik-route-bg: #faecdb;--ik-route-to: #f7ede6}.ik-route__head{padding-top:clamp(1.6rem,2vw,3.2rem)}.ik-route__head-inner{max-width:68rem}.ik-route__title{font-size:clamp(2.6rem,2.7vw,4rem)}.ik-route__lede{margin-top:.8rem;font-size:clamp(1.5rem,1.25vw,1.8rem)}.ik-route__img,.ik-route__placeholder{aspect-ratio:1672 / 941}.ik-route__stage{--ik-route-crop-top: 10.3;--ik-route-crop-keep: 85;aspect-ratio:1672 / 799.85;overflow:hidden}.ik-route__bg,.ik-route__world{position:absolute;left:0;right:0;top:calc(var(--ik-route-crop-top) / var(--ik-route-crop-keep) * -100%);width:100%}.ik-route__world{bottom:auto;aspect-ratio:1672 / 941}.ik-route__stage:after{height:10%}.ik-route__panda{left:calc(var(--dpx) * 1%);top:calc((var(--dpy) - var(--dph) * .959) * 1%);height:calc(var(--dph) * 1%)}.ik-route__plant{left:calc(var(--dx) * 1%);top:calc((var(--dy) - var(--dh) * var(--foot)) * 1%);height:calc(var(--dh) * 1%)}.ik-route__card{left:calc(var(--dcx) * 1%);top:calc(var(--dcy) * 1%);max-width:15%;font-size:clamp(1rem,.6944vw,1.528rem);gap:.3em;padding:1em 1.4em 1.1em;border-radius:1.4em}.ik-route__name{gap:.4em;font-size:1.5em}.ik-route__age{font-size:1.2em}.ik-route__arrow{width:.9333em;height:.9333em}}@media screen and (min-width:2200px){.ik-route__stage{max-width:2200px;margin-inline:auto}.ik-route__stage:before{opacity:1}}@media(prefers-reduced-motion:reduce){.ik-route__stop{--p: 1 !important}.ik-route__plant,.ik-route__card,.ik-route__arrow{transition:none}}@media screen and (max-width:1199px)and (orientation:portrait),screen and (max-width:989px){.section-ik-divider:has(+.section-ik-route) .ik-divider{--ik-div-bottom: #fef2e3 !important}}@media screen and (min-width:990px)and (orientation:landscape)and (max-width:1199px){.ik-route__stage{--ik-route-crop-keep: 88.6;aspect-ratio:1672 / 833.73}}@media screen and (min-width:1200px)and (max-width:1439px){.ik-route__stage{--ik-route-crop-keep: 86.8;aspect-ratio:1672 / 816.79}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-ik-age-route.css.map */