.klaasje-cinematic{display:block;position:relative;margin-top:calc(-1 * var(--klaasje-header-space, 88px));height:var(--klaasje-cinematic-length, 320vh);--klaasje-bar: 0px}@supports (height: 100svh){.klaasje-cinematic{--klaasje-bar: calc(100lvh - 100svh) }}.klaasje-cinematic__stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:var(--klaasje-cinematic-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2' intercept='-0.5'/%3E%3CfeFuncG type='linear' slope='2' intercept='-0.5'/%3E%3CfeFuncB type='linear' slope='2' intercept='-0.5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.75'/%3E%3C/svg%3E"),var(--klaasje-cinematic-bg);background-size:180px 180px,100% 100%;background-blend-mode:overlay,normal}.klaasje-cinematic__edge-track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}div.klaasje-cinematic__edge{display:block;position:sticky;bottom:0;height:12px;opacity:.04;transform:translateZ(0);pointer-events:auto}div.klaasje-cinematic__edge--top{top:0;bottom:auto;margin-bottom:auto}.klaasje-cinematic__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;translate:calc(var(--klaasje-slot-dx, 0) * var(--klaasje-can-w, 0px)) calc(var(--klaasje-slot-dy, 0) * var(--klaasje-can-h, 0px));transition:opacity .6s ease,translate .7s cubic-bezier(.22,.61,.36,1)}.klaasje-cinematic.is-ready .klaasje-cinematic__canvas{opacity:1}.klaasje-cinematic .klaasje-cinematic__wash{display:block}.klaasje-cinematic__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--klaasje-wash-bg, transparent);opacity:var(--klaasje-wash-fill, 1);visibility:hidden;--klaasje-wash-radius: calc(var(--klaasje-wash, 0) * var(--klaasje-wash-r, 0px));-webkit-mask-image:radial-gradient(circle var(--klaasje-wash-radius) at var(--klaasje-wash-x, 50%) var(--klaasje-wash-y, 50%),#000 62%,transparent 100%);mask-image:radial-gradient(circle var(--klaasje-wash-radius) at var(--klaasje-wash-x, 50%) var(--klaasje-wash-y, 50%),#000 62%,transparent 100%)}.klaasje-cinematic.is-spread .klaasje-cinematic__wash{visibility:visible}.klaasje-cinematic .klaasje-cinematic__wash-tint{display:block}.klaasje-cinematic__wash-tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease .5s}.klaasje-cinematic__wash-tint--left{background:linear-gradient(90deg,#6aa87a,#9ccaa6 55%,#d9ecdc)}.klaasje-cinematic__wash-tint--mid{background:linear-gradient(90deg,#f8dfe1,#efb9be,#e798a1,#e07d89,#db6a77,#d9606e,#db6a77,#e07d89,#e798a1,#efb9be,#f8dfe1)}.klaasje-cinematic__wash-tint--right{background:linear-gradient(90deg,#fbf0c4,#f4d76a 45%,#e8bd2c)}.klaasje-cinematic[data-chosen=left] .klaasje-cinematic__wash-tint--left,.klaasje-cinematic[data-chosen=mid] .klaasje-cinematic__wash-tint--mid,.klaasje-cinematic[data-chosen=right] .klaasje-cinematic__wash-tint--right{opacity:1;transition-delay:0s;z-index:1}.klaasje-cinematic__side,.klaasje-cinematic__pick{--klaasje-spread-dist: var(--klaasje-spread-dist-lg, 140%);position:absolute;pointer-events:none;transform-origin:50% 100%;transform:translate(calc(var(--klaasje-spread, 0) * var(--klaasje-spread-dir, 1) * var(--klaasje-spread-dist))) scale(calc(.9 + var(--klaasje-spread, 0) * .1));will-change:transform;translate:calc(var(--klaasje-slot-dx, 0) * var(--klaasje-can-w, 0px)) calc(var(--klaasje-slot-dy, 0) * var(--klaasje-can-h, 0px));transition:translate .7s cubic-bezier(.22,.61,.36,1)}.klaasje-cinematic__side--left,.klaasje-cinematic__pick--left{--klaasje-spread-dir: -1}.klaasje-cinematic__side--right,.klaasje-cinematic__pick--right{--klaasje-spread-dir: 1}.klaasje-cinematic__pick--mid{--klaasje-spread-dir: 0}.klaasje-cinematic__pick{transition:translate .7s cubic-bezier(.22,.61,.36,1),opacity .3s ease,visibility 0s linear .3s}.klaasje-cinematic[data-chosen=left] .klaasje-cinematic__pick--left,.klaasje-cinematic[data-chosen=mid] .klaasje-cinematic__pick--mid,.klaasje-cinematic[data-chosen=right] .klaasje-cinematic__pick--right{opacity:0;visibility:hidden}.klaasje-cinematic__side{opacity:0}.klaasje-cinematic.is-spread .klaasje-cinematic__side{opacity:1}.klaasje-cinematic__side-img{display:block;width:100%;height:100%}.no-js .klaasje-cinematic .klaasje-cinematic__side,.no-js .klaasje-cinematic .klaasje-cinematic__picks,.no-js .klaasje-cinematic .klaasje-cinematic__stories,.no-js .klaasje-cinematic .klaasje-cinematic__wash,.klaasje-cinematic.is-static .klaasje-cinematic__side,.klaasje-cinematic.is-static .klaasje-cinematic__picks,.klaasje-cinematic.is-static .klaasje-cinematic__stories,.klaasje-cinematic.is-static .klaasje-cinematic__wash{display:none}.klaasje-cinematic__picks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s}.klaasje-cinematic.is-spread-done .klaasje-cinematic__picks{visibility:visible;opacity:1;transition-delay:0s}.klaasje-cinematic__pick-btn{position:absolute;left:50%;bottom:27%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,2.1vw,36px);height:clamp(28px,2.1vw,36px);padding:0;border:0;border-radius:50%;cursor:pointer;pointer-events:auto;color:var(--klaasje-navy);background-color:var(--klaasje-white);box-shadow:0 6px 16px #102c3c42,inset 0 1px #ffffffe6;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}.klaasje-cinematic__pick-btn:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.klaasje-cinematic__pick-btn svg{display:block;width:44%;height:44%}.klaasje-cinematic__pick-btn:hover,.klaasje-cinematic__pick-btn:focus-visible{background-color:var(--klaasje-navy);color:var(--klaasje-white);box-shadow:0 10px 22px #102c3c57}.klaasje-cinematic__pick-btn:focus-visible{outline:2px solid var(--klaasje-white);outline-offset:0}.klaasje-cinematic.is-spread .klaasje-cinematic__pick-btn{animation:klaasje-float-pick 6.2s ease-in-out -2.1s infinite}.klaasje-cinematic.is-spread .klaasje-cinematic__pick--mid .klaasje-cinematic__pick-btn{animation-duration:5.6s;animation-delay:0s}.klaasje-cinematic.is-spread .klaasje-cinematic__pick--right .klaasje-cinematic__pick-btn{animation-duration:6.8s;animation-delay:-4.3s}@keyframes klaasje-float-pick{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.klaasje-cinematic.is-spread .klaasje-cinematic__canvas{animation:klaasje-float 5.6s ease-in-out infinite}.klaasje-cinematic.is-spread .klaasje-cinematic__side-img{animation:klaasje-float 6.2s ease-in-out -2.1s infinite}.klaasje-cinematic.is-spread .klaasje-cinematic__side--right .klaasje-cinematic__side-img{animation-duration:6.8s;animation-delay:-4.3s}@keyframes klaasje-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.klaasje-cinematic__stories{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.klaasje-cinematic__story{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;text-align:center;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.klaasje-cinematic__story--text-left{left:clamp(16px,4vw,96px);right:calc(50% + var(--klaasje-story-gap, 12vw));align-items:flex-end;text-align:right}.klaasje-cinematic__story--text-right{left:calc(50% + var(--klaasje-story-gap, 12vw));right:clamp(16px,4vw,96px);align-items:flex-start;text-align:left}.klaasje-cinematic__story--text-left .klaasje-cinematic__story-title,.klaasje-cinematic__story--text-right .klaasje-cinematic__story-title{max-width:10em}.klaasje-cinematic__story--text-center{left:16px;right:16px;top:0;bottom:calc(clamp(16px,3vh,32px) + var(--klaasje-bar));justify-content:flex-start;gap:14px}.klaasje-cinematic__story--text-center:before,.klaasje-cinematic__story--text-center:after{content:"";min-height:0}.klaasje-cinematic__story--text-center:before{flex:0 1 calc(var(--klaasje-can-y, 50%) + var(--klaasje-can-h, 0px) * (1 - var(--klaasje-chosen-lift, 0)) + 28px - 14px)}.klaasje-cinematic__story--text-center:after{flex:1 1 0}.klaasje-cinematic__story>*{flex-shrink:0}.klaasje-cinematic[data-chosen=left] .klaasje-cinematic__story--left,.klaasje-cinematic[data-chosen=mid] .klaasje-cinematic__story--mid,.klaasje-cinematic[data-chosen=right] .klaasje-cinematic__story--right{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s linear 0s}.klaasje-cinematic__story-head{display:flex;flex-direction:column;align-items:inherit;gap:2px}.klaasje-cinematic__story-sub{margin:0;font-family:var(--klaasje-body);font-weight:400;font-size:clamp(16px,1.35vw,22px);line-height:1.15;letter-spacing:0;color:var(--klaasje-story-color, var(--klaasje-white))}.klaasje-cinematic__story-title{margin:0;font-family:var(--klaasje-display);font-weight:500;font-size:clamp(22px,2.7vw,47px);line-height:.95;letter-spacing:-.02em;text-transform:lowercase;color:var(--klaasje-story-color, var(--klaasje-white))}.klaasje-cinematic__story-btn{pointer-events:auto}@media screen and (max-width:749px){.klaasje-cinematic__side,.klaasje-cinematic__pick{--klaasje-spread-dist: var(--klaasje-spread-dist-sm, 120%)}.klaasje-cinematic__story--text-left,.klaasje-cinematic__story--text-right,.klaasje-cinematic__story--text-center{left:16px;right:16px;top:0;bottom:calc(clamp(16px,3vh,32px) + var(--klaasje-bar));justify-content:flex-start;gap:14px;align-items:center;text-align:center}.klaasje-cinematic__story--text-left:before,.klaasje-cinematic__story--text-left:after,.klaasje-cinematic__story--text-right:before,.klaasje-cinematic__story--text-right:after{content:"";min-height:0}.klaasje-cinematic__story--text-left:before,.klaasje-cinematic__story--text-right:before{flex:0 1 calc(var(--klaasje-can-y, 50%) + var(--klaasje-can-h, 0px) * (1 - var(--klaasje-chosen-lift, 0)) + 28px - 14px)}.klaasje-cinematic__story--text-left:after,.klaasje-cinematic__story--text-right:after{flex:1 1 0}.klaasje-cinematic__story--text-left .klaasje-cinematic__story-title,.klaasje-cinematic__story--text-right .klaasje-cinematic__story-title{max-width:none}.klaasje-cinematic__story-title{font-size:clamp(20px,5.9vw,26px)}.klaasje-cinematic__story-head{gap:0}.klaasje-cinematic__story-sub{font-size:15px}}.klaasje-cinematic__claims{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;text-align:center;pointer-events:none}.klaasje-cinematic__claim{display:block;font-family:var(--klaasje-display);font-weight:500;font-size:min(10vw,20vh,160px);line-height:.95;letter-spacing:-.03em;text-transform:lowercase;white-space:nowrap;color:var(--klaasje-navy);opacity:0}@media screen and (max-width:749px){.klaasje-cinematic__claims{padding:0}.klaasje-cinematic__claim{font-size:min(17vw,20vh)}}.klaasje-cinematic__headline{position:absolute;top:0;right:0;bottom:0;left:0;bottom:var(--klaasje-bar);z-index:2;display:flex;align-items:center;justify-content:center;gap:.2em;margin:0;padding:0 24px;text-align:center;pointer-events:none;font-family:var(--klaasje-display);font-weight:500;font-size:clamp(64px,12vw,190px);line-height:.92;letter-spacing:-.02em;color:var(--klaasje-navy);white-space:nowrap;transform:translateY(calc(var(--klaasje-headline-exit, 0) * -70%));opacity:calc(1 - var(--klaasje-headline-exit, 0));filter:blur(calc(var(--klaasje-headline-exit, 0) * 8px));will-change:transform,opacity}.klaasje-cinematic__headline .klaasje-cinematic__word:last-child{margin-left:-.06em}.klaasje-cinematic__headline--caps{text-transform:uppercase}.klaasje-cinematic__headline.is-gone{visibility:hidden}@media screen and (max-width:749px){.klaasje-cinematic__headline{flex-direction:column;gap:0;font-size:clamp(64px,24vw,124px);line-height:.92;letter-spacing:-.035em}.klaasje-cinematic__word{display:block}.klaasje-cinematic__headline .klaasje-cinematic__word:last-child{margin-left:0}}.klaasje-cinematic__cue{position:absolute;left:50%;bottom:calc(clamp(20px,4vh,40px) + var(--klaasje-bar));transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;font-family:var(--klaasje-body);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:lowercase;color:var(--klaasje-navy);opacity:.55;transition:opacity .4s ease}.klaasje-cinematic__skip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(clamp(20px,4vh,40px) + 53px + var(--klaasje-bar));white-space:nowrap;z-index:3;margin:0;padding:8px 16px;box-sizing:border-box;border:1px solid rgba(25,61,83,.22);border-radius:var(--klaasje-r-pill);background:transparent;box-shadow:none;font-family:var(--klaasje-body);font-size:12px;line-height:1;letter-spacing:.04em;text-transform:lowercase;color:#193d538c;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .4s ease,visibility 0s linear 0s,color .2s ease,border-color .2s ease}@media(hover:hover)and (pointer:fine){.klaasje-cinematic__skip:hover{color:var(--klaasje-navy);border-color:#193d5373}}.klaasje-cinematic__skip:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:-1px}.klaasje-cinematic__skip.is-hidden{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.no-js .klaasje-cinematic .klaasje-cinematic__skip,.klaasje-cinematic.is-static .klaasje-cinematic__skip{display:none}.klaasje-cinematic__cue.is-hidden{opacity:0}.klaasje-cinematic__cue-arrow{width:14px;height:18px;animation:klaasje-cue-bob 2.4s ease-in-out infinite}@keyframes klaasje-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.klaasje-cinematic__cue-label--sm{display:none}@media screen and (max-width:749px){.klaasje-cinematic__cue-label--lg{display:none}.klaasje-cinematic__cue-label--sm{display:block}}.no-js .klaasje-cinematic,.klaasje-cinematic.is-static{height:100vh;height:100lvh}@media(prefers-reduced-motion:reduce){.klaasje-cinematic{height:100vh;height:100lvh}.klaasje-cinematic__headline{transform:none;opacity:1;filter:none}.klaasje-cinematic__cue-arrow,.klaasje-cinematic.is-spread .klaasje-cinematic__canvas,.klaasje-cinematic.is-spread .klaasje-cinematic__side-img,.klaasje-cinematic.is-spread .klaasje-cinematic__pick-btn{animation:none}.klaasje-cinematic__canvas,.klaasje-cinematic__side,.klaasje-cinematic__pick,.klaasje-cinematic__story,.klaasje-cinematic[data-chosen] .klaasje-cinematic__story,.klaasje-cinematic__wash-tint{transition-duration:.01ms;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-scroll-cinematic.css.map */