.kf-site .gz-stage{background:var(--gz-red,#c2331d);position:relative;overflow:hidden}.kf-site .gz-gate-film{position:absolute;inset:0}.kf-site .gz-gate-media.motion-media,.kf-site .gz-gate-media.motion-media :is(picture,img,video){aspect-ratio:auto;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kf-site .gz-stage:not([data-ready]) .gz-gate-film{visibility:hidden}.kf-site .gz-gate-sheet{width:100%;height:100%;position:absolute;inset:0}.kf-site .gz-gate-ground{fill:var(--gz-red,#c2331d)}
.kf-site .jw-page{--j-green:#05513e;--j-deep:#023230;--j-yellow:#f7c645;--j-cream:#fbefca;--cut:clamp(28px, 6vw, 96px)}.kf-site .jw-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--kf-muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.kf-site .jw-lead{letter-spacing:-.01em;max-width:16ch;margin:0;font-size:clamp(22px,5.6vw,38px);font-weight:500;line-height:1.08}.kf-site .jw-clip{color:#fff;text-decoration:none;display:block}.kf-site .jw-screen{aspect-ratio:9/16;background:#0b1416;border-radius:16px;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .24s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 24px 40px -26px #000;container-type:inline-size}.kf-site .jw-media.motion-media,.kf-site .jw-media.motion-media :is(picture,img,video){aspect-ratio:auto;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kf-site .jw-clip .jw-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0b1416e0);position:absolute;inset:55% 0 0}.kf-site .jw-bar{z-index:1;background:#ffffff47;border-radius:2px;height:2px;position:absolute;top:10px;left:10px;right:10px;overflow:hidden}.kf-site .jw-bar i{transform-origin:0;background:#fff;height:100%;transition:transform .3s linear;display:block;transform:scaleX(0)}.kf-site .jw-play{--disc:clamp(28px, 19cqi, 38px);z-index:1;position:absolute;bottom:10px;right:8px}.kf-site .jw-clip .jw-caption{z-index:1;color:#fff;gap:3px;display:grid;position:absolute;bottom:10px;left:10px;right:calc(clamp(28px,19cqi,38px) + 14px)}.kf-site .jw-caption strong{font-family:var(--font-display), sans-serif;text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(14px,11.5cqi,22px);font-weight:600;line-height:.95}.kf-site .jw-caption span{color:#dce2df;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:inline-flex}.kf-site .jw-caption .play-glyph{width:14px;height:14px}.kf-site .jw-clip:focus-visible{outline:none}.kf-site .jw-clip:is(:hover,:focus-visible) .jw-screen{box-shadow:0 0 0 2px var(--j-yellow), 0 24px 40px -26px #000}.kf-site .jw-hero{isolation:isolate;padding:calc(var(--kf-header) + 22px) var(--pf-gutter) calc(var(--cut) + 40px);background:var(--kf-petrol);color:var(--kf-paper);grid-template-columns:minmax(0,1fr) min(44vw,200px);align-items:end;column-gap:20px;display:grid;position:relative;overflow:hidden}.kf-site .jw-hero:before{content:"";z-index:-1;background:var(--j-green);clip-path:polygon(100% 50%,100% 100%,0 100%,0 86%);position:absolute;inset:0}.kf-site .jw-hero .ss-back{color:#aab9b9;grid-column:1/-1;align-items:center;gap:10px;width:fit-content;min-height:44px;margin-bottom:20px;font-size:13px;display:inline-flex}.kf-site .jw-hero .ss-back svg{width:18px;height:18px}.kf-site .jw-hero-copy{display:contents}.kf-site .jw-page .jw-tags{font-family:var(--font-display), sans-serif;letter-spacing:.035em;text-transform:uppercase;font-variant-numeric:tabular-nums;grid-column:1/-1;justify-items:start;margin-bottom:16px;font-size:clamp(15px,1.5vw,21px);font-weight:600;line-height:1;display:grid}.kf-site .jw-tags span{padding:.36em .66em .3em}.kf-site .jw-tags span:first-child{z-index:1;background:var(--j-green);color:var(--j-cream);margin-left:.8em;position:relative}.kf-site .jw-tags span:last-child{background:var(--j-yellow);color:var(--j-green);margin-top:-.14em}.kf-site .jw-page .jw-hero h1{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;text-transform:uppercase;text-shadow:.035em .035em 0 var(--j-green);grid-column:1/-1;margin:0 0 30px;font-size:clamp(112px,33vw,240px);font-weight:600;line-height:.78}.kf-site .jw-page .jw-lead{max-width:11ch;padding-bottom:8px;font-size:clamp(21px,2.2vw,30px);line-height:1.12}.kf-site .jw-phone{margin-top:30px;position:relative;rotate:3deg}.kf-site .jw-phone .jw-screen{border-radius:20px;box-shadow:0 0 0 1px #ffffff2e,0 36px 60px -32px #000}.kf-site .jw-sticker{z-index:2;aspect-ratio:1;outline:1px solid var(--j-green);outline-offset:-5px;background:var(--j-yellow);width:76px;color:var(--j-green);font-family:var(--font-display), sans-serif;text-align:center;border-radius:50%;place-content:center;font-size:36px;font-weight:600;line-height:.8;display:grid;position:absolute;top:-22px;left:-26px;rotate:-14deg;box-shadow:0 12px 20px -12px #000c}.kf-site .jw-sticker small{font-family:var(--font-instrument), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:8.5px;font-weight:600;display:block}.kf-site .jw-wall{margin-top:calc(-1 * var(--cut));padding:calc(var(--cut) + clamp(44px, 5vw, 76px)) 0 calc(var(--cut) + clamp(48px, 6vw, 88px));background:var(--kf-ink) radial-gradient(circle, #ffffff0a 0 1.5px, transparent 2px) 0 0 / 18px 18px;clip-path:polygon(0 var(--cut), 100% 0, 100% 100%, 0 100%);gap:clamp(56px,7vw,104px);display:grid;position:relative}.kf-site .jw-group{gap:clamp(18px,2vw,28px);display:grid}.kf-site .jw-group-head{margin-inline:var(--pf-gutter);border-top:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding-top:20px;display:grid}.kf-site .jw-n{aspect-ratio:1;outline:1px solid var(--j-green);outline-offset:-3px;background:var(--j-yellow);width:38px;color:var(--j-green);font-family:var(--font-display), sans-serif;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:18px;font-weight:600;line-height:1;display:grid;rotate:-10deg}.kf-site .jw-group-head h2{font-family:var(--font-display), sans-serif;letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance;text-shadow:.045em .045em 0 var(--j-green);margin:0;font-size:clamp(34px,4.6vw,64px);font-weight:600;line-height:.92}.kf-site .jw-count{background:var(--j-green);color:var(--j-cream);font-family:var(--font-display), sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;grid-column:2;justify-self:start;padding:.4em .72em .32em;font-size:14px;font-weight:600;line-height:1}.kf-site .jw-rail{padding:4px var(--pf-gutter) 6px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pf-gutter);scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.kf-site .jw-rail::-webkit-scrollbar{display:none}.kf-site .jw-rail>.jw-clip{scroll-snap-align:start;flex:none;width:min(56vw,250px)}.kf-site .jw-caption i{display:none}.kf-site .jw-clip-below{align-content:start;gap:12px;display:grid}.kf-site .jw-clip-below .jw-screen{border-radius:12px}.kf-site .jw-clip-below .jw-screen:after{content:none}.kf-site .jw-clip-below .jw-play{--disc:clamp(30px, 15cqi, 38px)}.kf-site .jw-clip-below .jw-caption{color:var(--kf-paper);align-items:baseline;gap:8px;display:flex;position:static}.kf-site .jw-clip-below .jw-caption strong{letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(16px,1.4vw,20px);line-height:1.1;overflow:hidden}.kf-site .jw-clip-below .jw-caption i{border-bottom:2px dotted #ffffff4d;flex:1;min-width:10px;display:block;translate:0 -3px}.kf-site .jw-clip-below .jw-caption span{color:var(--j-yellow);flex:none;font-size:13px;font-weight:500}.kf-site .jw-views{color:#ffffffa6;font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:-6px;font-size:13px;display:inline-flex}.kf-site .jw-views svg{width:15px;height:15px}.kf-site .jw-page .pf-cta{margin-top:calc(-1 * var(--cut));padding-top:calc(var(--cut) + 44px);clip-path:polygon(0 0, 100% var(--cut), 100% 100%, 0 100%);position:relative}@media (min-width:760px){.kf-site .jw-group-head{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(16px,1.6vw,24px)}.kf-site .jw-n{width:46px;font-size:21px}.kf-site .jw-count{grid-column:auto;justify-self:end;font-size:15px}.kf-site .jw-hero{grid-template-columns:minmax(0,1fr) clamp(190px,24vw,250px);column-gap:5vw}.kf-site .jw-hero-copy{justify-items:start;display:grid}.kf-site .jw-phone{margin-top:0}.kf-site .jw-hero:before{clip-path:polygon(78% 0,100% 0,100% 100%,58% 100%)}.kf-site .jw-sticker{width:96px;font-size:46px;top:-28px;left:-34px}.kf-site .jw-sticker small{font-size:10.5px}}@media (min-width:1600px){.kf-site .jw-group{width:min(100%,1640px);margin-inline:auto}}@media (min-width:1000px){.kf-site .jw-hero{padding-top:calc(var(--kf-header) + 34px);padding-right:calc(var(--pf-gutter) + 3vw);grid-template-columns:minmax(0,1fr) clamp(210px,17.5vw,260px)}.kf-site .jw-rail{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:clamp(14px,1.5vw,24px);display:grid;overflow:visible}.kf-site .jw-rail>.jw-clip{width:auto}}@media (hover:hover){.kf-site .jw-wall .jw-clip:hover .jw-screen{transform:translateY(-6px)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.kf-site :is(.jw-screen,.jw-bar i){transition:none}}
.kf-site .ep-page{--cut:clamp(28px, 6vw, 96px);--ep-rule:#101b1e33;--ep-quiet:#101b1eb0;background:var(--kf-paper)}.kf-site .ep-page :is(.ep-hero,.ep-run){background:var(--kf-paper);color:var(--kf-ink)}.kf-site :is(.ep-hero,.ep-run) :is(a,button):focus-visible{outline-color:var(--kf-ink)}.kf-site :is(.ep-hero,.ep-run) ::selection{background:var(--kf-ink);color:var(--kf-paper)}.kf-site .ep-mark{aspect-ratio:774/612;background:currentColor;flex:none;width:64px;display:block;-webkit-mask:url(/brand/puma.png) 50%/contain no-repeat;mask:url(/brand/puma.png) 50%/contain no-repeat}.kf-site :is(.ep-frame,.ep-passage){aspect-ratio:16/9;color:#fff;background:#0b1416;display:block;position:relative;overflow:hidden}.kf-site .ep-media.motion-media,.kf-site .ep-media.motion-media :is(picture,img,video){aspect-ratio:auto;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kf-site .ep-stage{padding:calc(var(--kf-header) + 18px) var(--pf-gutter) 0;display:grid;position:relative}.kf-site .ep-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.kf-site .ep-top .ss-back{min-height:44px;color:var(--ep-quiet);align-items:center;gap:10px;font-size:13px;display:inline-flex}.kf-site .ep-top .ss-back svg{width:18px;height:18px}.kf-site .ep-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ep-quiet);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 10px;font-size:11px;display:flex}.kf-site .ep-meta .ep-mark{width:40px;color:var(--kf-ink);margin-right:2px}.kf-site .ep-meta span+span:before{content:"/";opacity:.45;margin-right:10px}.kf-site .ep-line{--ep-f:min((100vw - 2 * var(--pf-gutter)) / 4, 260px);font-family:var(--font-display), sans-serif;font-size:var(--ep-f);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:.8}.kf-site .ep-slot{display:none}.kf-site .ep-film{margin:clamp(16px, 2.6vw, 30px) calc(-1 * var(--pf-gutter)) 0}.kf-site .ep-play{color:#fff;background:linear-gradient(#0000 58%,#0b141699 100%);align-items:flex-end;gap:14px;padding:14px;display:flex;position:absolute;inset:0}.kf-site .ep-play .ep-play-icon{--disc:48px}.kf-site .ep-play-text{gap:4px;padding-bottom:2px;display:grid}.kf-site .ep-play-text strong{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-transform:uppercase;font-size:22px;font-weight:600;line-height:1}.kf-site .ep-play-text span{color:#dce2df;font-variant-numeric:tabular-nums;font-size:12px}.kf-site .ep-play:focus-visible{outline-offset:-6px;outline-color:#fff}.kf-site .ep-page .ep-lead{letter-spacing:-.01em;max-width:15ch;margin-top:28px;font-size:clamp(22px,5.4vw,30px);font-weight:500;line-height:1.12}.kf-site .ep-run{padding:clamp(60px, 9vw, 150px) var(--pf-gutter) calc(var(--cut) + clamp(48px, 6vw, 96px));gap:36px;display:grid}.kf-site .ep-slip{border-top:1px solid var(--ep-rule);grid-template-columns:repeat(3,auto);justify-content:space-between;gap:20px;padding-top:16px;display:grid}.kf-site .ep-slip div{align-content:start;gap:3px;display:grid}.kf-site .ep-slip dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ep-quiet);font-size:11px}.kf-site .ep-slip dd{font-variant-numeric:tabular-nums;font-size:15px}.kf-site .ep-slip .ep-code{grid-column:1/-1;gap:10px}.kf-site .ep-code dd{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;font-size:clamp(80px,31vw,190px);font-weight:600;line-height:.78}.kf-site .ep-run-film{margin-inline:calc(-1 * var(--pf-gutter))}.kf-site .ep-passage-play{--disc:40px;position:absolute;bottom:12px;right:12px}.kf-site .ep-passage:focus-visible{outline-offset:-6px;outline-color:#fff}.kf-site .ep-pair{margin-top:calc(-1 * var(--cut));padding:calc(var(--cut) + clamp(52px, 8vw, 130px)) var(--pf-gutter) clamp(56px, 8vw, 120px);background:var(--kf-ink);color:var(--kf-paper);clip-path:polygon(0 var(--cut), 100% 0, 100% 100%, 0 100%);gap:26px;display:grid;position:relative}.kf-site .ep-pair-copy{display:contents}.kf-site .ep-pair h2{font-family:var(--font-display), sans-serif;font-size:min((100vw - 2 * var(--pf-gutter)) / 2.36, 300px);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;order:-1;font-weight:600;line-height:.8}.kf-site .ep-pair-film{margin-inline:calc(-1 * var(--pf-gutter))}.kf-site .ep-pair-end{justify-content:space-between;align-items:center;gap:20px;display:flex}.kf-site .ep-pair-end .ep-mark{width:clamp(60px,7vw,104px)}@media (min-width:1000px){.kf-site .ep-stage{padding-top:calc(var(--kf-header) + 22px)}.kf-site .ep-meta{gap:2px 14px;font-size:12px}.kf-site .ep-meta span+span:before{margin-right:14px}.kf-site .ep-play{padding:30px var(--pf-gutter);gap:16px}.kf-site .ep-play .ep-play-icon{--disc:72px}.kf-site .ep-play-text strong{font-size:34px}.kf-site .ep-run{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:end;column-gap:clamp(36px,5vw,96px)}.kf-site .ep-code dd{font-size:clamp(104px,11.4vw,220px)}.kf-site .ep-run-film{margin-inline:0 calc(-1 * var(--pf-gutter))}.kf-site .ep-passage-play{--disc:52px;bottom:20px;right:20px}.kf-site .ep-pair{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:clamp(36px,5vw,96px)}.kf-site .ep-pair-film{margin-inline:calc(-1 * var(--pf-gutter)) 0}.kf-site .ep-pair-copy{gap:30px;display:grid}.kf-site .ep-pair h2{order:0;font-size:clamp(120px,14.4vw,290px)}.kf-site .ep-meta .ep-mark{width:46px;margin-right:4px}}@media (min-width:1000px) and (min-height:620px) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.kf-site .ep-hero{height:250svh}.kf-site .ep-stage{flex-direction:column;height:100svh;padding-bottom:36px;display:flex;position:sticky;top:0}.kf-site .ep-top{margin-bottom:0}.kf-site .ep-line{--ep-f:min((100vw - 2 * var(--pf-gutter)) / 4, (100svh - var(--kf-header) - 210px) / 1.6)}.kf-site .ep-line:first-of-type{margin-top:auto}.kf-site .ep-slot{aspect-ratio:16/9;background:#0b1416 url(/media/films/pakken.webp) 50%/cover;height:.74em;margin-left:.2em;display:inline-block}.kf-site .ep-film{z-index:2;inset:var(--kf-header) 0 0;pointer-events:none;visibility:hidden;place-items:center;margin:0;display:grid;position:absolute}.kf-site .ep-hero[data-ready] .ep-film{visibility:visible}.kf-site .ep-frame{width:min(100%, (100svh - var(--kf-header)) * 16 / 9);pointer-events:auto;transform-origin:0 0;transform:translate(calc(var(--ep-x,0px) * (1 - var(--ep-p,0))), calc(var(--ep-y,0px) * (1 - var(--ep-p,0)))) scale(calc(var(--ep-s,1) + (1 - var(--ep-s,1)) * var(--ep-p,0)));will-change:transform}.kf-site :is(.ep-top,.ep-line,.ep-lead){opacity:calc(1 - var(--ep-p,0) * 2.4)}.kf-site .ep-play{background:0 0}.kf-site .ep-play>*{opacity:calc(var(--ep-p,0) * 6 - 5)}.kf-site .ep-page .ep-lead{margin-top:34px;font-size:clamp(22px,2.1vw,30px)}}
