.kf-site .ac{--ac-gutter:clamp(22px, 4vw, 76px);padding:52px var(--ac-gutter) 60px;color:#dce2df;background:#101b1e;border-top:1px solid #243739;gap:36px;display:grid}.kf-site .ac :is(h2,p,ul,figure){margin:0}.kf-site .ac-side{align-content:start;gap:14px;display:grid}.kf-site .ac-side h2{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;text-transform:uppercase;font-size:clamp(44px,12vw,72px);font-weight:600;line-height:.86}.kf-site .ac-side p{color:#aab9b9;max-width:30ch;font-size:15px;line-height:1.45}.kf-site .ac-all{text-underline-offset:6px;align-items:center;gap:12px;width:fit-content;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.kf-site .ac-all svg{width:16px;height:16px}.kf-site .ac-monitor{display:none}.kf-site .ac-roll{flex-wrap:wrap;gap:0;padding:0;list-style:none;display:flex}.kf-site .ac-roll li{display:contents}.kf-site .ac-roll a{color:#dce2df;align-items:flex-start;gap:4px;padding:2px 20px 8px 0;text-decoration:none;display:inline-flex}.kf-site .ac-name{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(30px,8.6vw,44px);font-weight:600;line-height:1;transition:color .16s}.kf-site .ac-meta{color:#aab9b9;white-space:nowrap;padding-top:3px;font-size:11px;line-height:1.2}.kf-site .ac :is(a):focus-visible{outline-offset:4px;outline:2px solid #dce2df}@media (hover:hover){.kf-site .ac-roll:hover .ac-name{color:#506365}.kf-site .ac-roll a:hover .ac-name,.kf-site .ac-roll a:focus-visible .ac-name{color:#fff}}@media (min-width:1000px){.kf-site .ac{grid-template-columns:minmax(300px,4fr) minmax(0,8fr);gap:5vw;padding-top:72px;padding-bottom:80px}.kf-site .ac-side{top:calc(var(--kf-header) + 32px);align-self:start;position:sticky}.kf-site .ac-monitor{gap:10px;margin-top:26px;display:grid}.kf-site .ac-monitor-frame{aspect-ratio:16/10;background:#172226;position:relative;overflow:hidden}.kf-site .ac-monitor-frame img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 0s 90ms;position:absolute;inset:0}.kf-site .ac-monitor-frame img[data-on=true]{opacity:1;transition-delay:0s}.kf-site .ac-monitor figcaption{color:#aab9b9;justify-content:space-between;gap:16px;font-size:12px;display:flex}.kf-site .ac-monitor figcaption span:first-child{color:#dce2df}.kf-site .ac-name{font-size:clamp(44px,4.6vw,84px);line-height:.98}.kf-site .ac-roll a{padding-bottom:10px;padding-right:26px}.kf-site .ac-meta{padding-top:6px;font-size:12px}}@media (max-width:999px){.kf-site .ac-roll a{flex-wrap:wrap;row-gap:2px}}
.kf-site .kp-body{--kp-gutter:clamp(22px,4vw,76px);color:#dce2df;background:#101b1e;padding-top:clamp(24px,5svh,54px);position:relative}.kf-site .kp-work{scroll-margin-top:var(--kf-header);position:relative}.kf-site .kp-stage{background:#101b1e;position:relative}.kf-site .kp-shot{background:#101b1e;margin:0;position:relative}.kf-site .kp-shot-attention{isolation:isolate;position:relative;overflow:hidden}.kf-site .kp-screen{background:#243739;display:block;position:absolute;inset:0;overflow:hidden}.kf-site .kp-footage.motion-media{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.kf-site .kp-footage.motion-media :is(picture,img,video){object-fit:cover;width:100%;height:100%}.kf-site .kp-screen-shade{pointer-events:none;background:linear-gradient(#0000 45%,#101b1e18 65%,#101b1ed9 100%);position:absolute;inset:0}.kf-site .kp-screen-trigger{z-index:1;display:block;position:absolute;inset:0}.kf-site .kp-screen-trigger:focus-visible{outline-offset:-6px}.kf-site .kp-caption{z-index:2;inset:auto var(--kp-gutter) 24px;pointer-events:none;position:absolute}.kf-site .kp-caption h3{max-width:100%;font-family:var(--font-display),sans-serif;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(52px,12.4vw,112px);font-weight:600;line-height:.88}.kf-site .kp-about{pointer-events:auto;text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-size:13px;text-decoration:underline;display:inline-flex}.kf-site .kp-about svg{flex-shrink:0;width:14px;height:14px}.kf-site .kp-play{z-index:1;right:var(--kp-gutter);position:absolute;top:26px}.kf-site .kp-shot-pauserommet .kp-footage.motion-media :is(img,video){object-position:54% center}.kf-site .kp-sensor{pointer-events:none;width:100%;position:absolute;left:0}.kf-site .kp-dim{z-index:3;opacity:0;pointer-events:none;background:#0a1214;position:absolute;inset:0}.kf-site .kp-work:not([data-cinema=true]){--kp-sv:100vh;--kp-lv:100vh;--kp-h:calc(var(--kp-sv) - var(--kf-header));--kp-lift:calc(var(--kp-lv) - var(--kp-sv));--kp-hold:calc(var(--kp-sv) * .46);--kp-slant:min(36vw,24svh)}@supports (height:100svh){.kf-site .kp-work:not([data-cinema=true]){--kp-sv:100svh;--kp-lv:100lvh}}@media (max-width:900px),(max-height:599px){.kf-site .kp-body[data-cinema=false]{padding-top:0}}.kf-site .kp-work:not([data-cinema=true]) .kp-shot{top:var(--kf-header);height:var(--kp-h);position:sticky}.kf-site .kp-work:not([data-cinema=true]) .kp-shot:not(:first-of-type){margin-top:var(--kp-hold)}.kf-site .kp-work:not([data-cinema=true]) .kp-shot:focus-within{z-index:1}.kf-site .kp-work:not([data-cinema=true]) .kp-sensor{top:calc(var(--i) * (var(--kp-h) + var(--kp-hold)));height:calc(var(--kp-h) + var(--kp-hold))}.kf-site .kp-work:not([data-cinema=true]) .kp-sensor:last-child{height:var(--kp-h)}.kf-site .kp-work[data-quiet=true]:not([data-cinema=true]) .kp-shot{margin-top:0;position:relative;top:auto}.kf-site .kp-work[data-quiet=true]:not([data-cinema=true]) .kp-sensor{top:calc(var(--i) * var(--kp-h));height:var(--kp-h)}.kf-site .kp-work:not([data-cinema=true]) .kp-shot-attention{height:100%;overflow:visible}.kf-site .kp-work:not([data-cinema=true]) :is(.kp-screen,.kp-dim){bottom:calc(-1 * var(--kp-lift))}.kf-site .kp-work:not([data-cinema=true]) .kp-shot:last-of-type :is(.kp-screen,.kp-dim),.kf-site .kp-work[data-quiet=true]:not([data-cinema=true]) :is(.kp-screen,.kp-dim){bottom:0}.kf-site .kp-work:not([data-cinema=true]) .kp-screen{overflow:clip}.kf-site .kp-work:not([data-cinema=true]) .kp-footage.motion-media :is(img,video){object-position:var(--kp-focus,50% 50%)}.kf-site .kp-work:not([data-cinema=true]) .kp-shot-pauserommet[data-frame=landscape]{--kp-focus:54% 50%}.kf-site .kp-work:not([data-cinema=true]) .kp-shot-megamo[data-frame=portrait]{--kp-focus:50% 30%}.kf-site .kp-work:not([data-cinema=true]) .kp-screen-shade{background:linear-gradient(180deg,#0a121473 0,#0a121400 min(120px,18%)),linear-gradient(0deg,#0a1214f2 0,#0a1214ea var(--kp-lift),#0a1214c4 calc(var(--kp-lift) + 21%),#0a121452 calc(var(--kp-lift) + 41%),#0a121400 calc(var(--kp-lift) + 60%))}.kf-site .kp-work:not([data-cinema=true]) .kp-play{display:none}.kf-site .kp-slate{z-index:2;top:18px;left:var(--kp-gutter);right:var(--kp-gutter);pointer-events:none;font:600 12px/1 var(--font-display),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#dce2dfd9;text-shadow:0 1px 10px #0a121499;justify-content:space-between;gap:16px;margin:0;display:flex;position:absolute}.kf-site .kp-slate b{font-weight:inherit;color:#d4aa75}.kf-site .kp-slate-rule{display:none}.kf-site .kp-work:not([data-cinema=true]) .kp-caption{bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px))}.kf-site .kp-work:not([data-cinema=true]) .kp-caption h3{letter-spacing:-.02em;color:#eef2f0;font-size:clamp(46px,min(17.5vw,15svh),150px);line-height:.86}.kf-site .kp-actions{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:20px;display:flex}.kf-site .kf-page a.kp-watch,.kf-site a.kp-watch{color:#101b1e;pointer-events:auto;background:#dce2df;align-items:center;gap:12px;min-height:52px;padding:0 18px 0 9px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:background .2s;display:inline-flex}.kf-site .kp-watch:hover{background:#fff}.kf-site .kp-watch:hover .play-pill-disc{transform:scale(1.08)}.kf-site .kp-watch:focus-visible{outline-offset:3px}.kf-site .kp-runtime{font-variant-numeric:tabular-nums;color:#101b1eb3;border-left:1px solid #101b1e40;margin-left:2px;padding-left:12px;line-height:18px}.kf-site .kp-work:not([data-cinema=true]) .kp-about{color:#dce2df;text-underline-offset:5px;min-height:52px;margin:0;font-size:15px;text-decoration-thickness:1px}@keyframes kp-seam{0%,45%{clip-path:polygon(0 var(--kp-slant),100% 0,100% calc(100% + var(--kp-lift)),0 calc(100% + var(--kp-lift)))}90%,to{clip-path:polygon(0 0,100% 0,100% calc(100% + var(--kp-lift)),0 calc(100% + var(--kp-lift)))}}@keyframes kp-settle{0%{transform:scale(1.08)}90%,to{transform:none}}@keyframes kp-arrive{0%,50%{opacity:0;transform:translateY(16px)}88%,to{opacity:1;transform:none}}@keyframes kp-slate-in{0%,92%{opacity:0}to{opacity:1}}@keyframes kp-leave{to{opacity:0;transform:translateY(-12px)}}@keyframes kp-fade-out{to{opacity:0}}@keyframes kp-dim{to{opacity:.7}}@keyframes kp-reel{0%{transform:scaleX(0)}}@supports (animation-timeline:view()){.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot{view-timeline:--kp-card block;animation:linear both kp-seam;animation-timeline:view();animation-range:entry}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-footage{animation:linear both kp-settle;animation-timeline:--kp-card;animation-range:entry}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:first-of-type{animation:none}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-caption>*{animation:linear both kp-arrive;animation-timeline:--kp-card;animation-range:entry}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-slate>*{animation:linear both kp-slate-in;animation-timeline:--kp-card;animation-range:entry}}@supports (animation-timeline:view()) and (timeline-scope:--kp){.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-stage{timeline-scope:--kp-2,--kp-3,--kp-s1,--kp-s2}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-sensor:first-of-type{view-timeline:--kp-s1 block}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-sensor:nth-of-type(2){view-timeline:--kp-s2 block}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(-n+2) .kp-slate-rule{background:#dce2df2b;flex:1;align-self:center;height:1px;display:block;position:relative;overflow:hidden}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(-n+2) .kp-slate-rule:after{content:"";transform-origin:0;animation:linear both kp-reel;animation-range:exit-crossing calc(-1 * var(--kf-header)) exit-crossing calc(var(--kp-hold) - var(--kf-header));background:#d4aa75;position:absolute;inset:0}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:first-of-type .kp-slate-rule:after{animation-timeline:--kp-s1}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(2) .kp-slate-rule:after{animation-timeline:--kp-s2}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(2){view-timeline:--kp-card block,--kp-2 block}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(3){view-timeline:--kp-card block,--kp-3 block}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(-n+2) .kp-actions>*{animation:linear both kp-leave;animation-range:entry -72px entry 24px}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(-n+2) .kp-slate{animation:linear both kp-fade-out;animation-range:entry 70% entry 92%}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(-n+2) .kp-dim{animation:linear both kp-dim;animation-range:entry}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:first-of-type :is(.kp-dim,.kp-actions>*,.kp-slate){animation-timeline:--kp-2}.kf-site .kp-work[data-cinema=false][data-quiet=false] .kp-shot:nth-of-type(2) :is(.kp-dim,.kp-actions>*,.kp-slate){animation-timeline:--kp-3}}@media (max-width:380px){.kf-site .kp-actions{column-gap:16px}.kf-site .kp-work:not([data-cinema=true]) :is(.kp-watch,.kp-about){font-size:14px}.kf-site a.kp-watch{padding:0 15px 0 9px}}@media (max-height:520px){.kf-site .kp-work:not([data-cinema=true]) .kp-slate{top:12px}.kf-site .kp-work:not([data-cinema=true]) .kp-actions{margin-top:12px}.kf-site .kp-work:not([data-cinema=true]) :is(.kp-watch,.kp-about){min-height:44px}.kf-site .kp-work:not([data-cinema=true]) a.kp-watch{padding-left:7px}.kf-site .kp-work:not([data-cinema=true]) .kp-watch .play-pill-disc{width:30px;height:30px}.kf-site .kp-work:not([data-cinema=true]) .kp-caption{bottom:14px}}@media (min-width:901px) and (min-height:600px){.kf-site .kp-work[data-cinema=true]{height:calc(280svh - var(--kf-header))}.kf-site .kp-work[data-cinema=true] .kp-stage{top:var(--kf-header);height:calc(100svh - var(--kf-header));position:sticky}.kf-site .kp-work[data-cinema=true] .kp-shot{visibility:hidden;pointer-events:none;margin:0;position:absolute;inset:0}.kf-site .kp-work[data-cinema=true] .kp-shot:first-child{visibility:visible}.kf-site .kp-work[data-cinema=true] .kp-shot[data-current=true]{pointer-events:auto}.kf-site .kp-work[data-cinema=true] .kp-sensor{inset:0}.kf-site .kp-work[data-cinema=true] :is(.kp-slate,.kp-watch,.kp-dim,.kp-about svg){display:none}.kf-site .kp-stage[data-transitioning=true] .kp-shot{will-change:clip-path}.kf-site .kp-stage[data-transitioning=true] .kp-footage{will-change:transform}.kf-site .kp-work[data-cinema=true] .kp-shot-attention{height:100%;min-height:0}.kf-site .kp-work[data-cinema=true] .kp-caption{justify-content:space-between;align-items:flex-end;gap:32px;display:flex;bottom:40px}.kf-site .kp-work[data-cinema=true] .kp-caption h3{white-space:nowrap;font-size:clamp(78px,10vw,176px)}.kf-site .kp-work[data-cinema=true] .kp-actions{flex-shrink:0;margin:0}.kf-site .kp-work[data-cinema=true] .kp-about{margin:0 0 5px}.kf-site .kp-work[data-cinema=true] .kp-play{top:36px}.kf-site .kp-work[data-cinema=true] .kp-shot-megamo .kp-screen{inset:0 0 0 18%}.kf-site .kp-work[data-cinema=true] .kp-shot-megamo .kp-caption h3{font-size:clamp(110px,15vw,244px)}}@media (prefers-reduced-motion:reduce){.kf-site .kp-body *{transition:none!important;animation:none!important}}
.kf-site .kf-home{overflow:clip}.kf-site .kf-opening{height:100svh;min-height:640px;max-height:1180px;padding-top:var(--kf-header);background:var(--kf-ink);position:relative}.kf-site .kf-opening-frame{isolation:isolate;background:var(--kf-petrol);height:100%;position:relative;overflow:hidden}.kf-site .kf-opening-pictures,.kf-site .kf-reel-frame{position:absolute;inset:0}.kf-site .kf-plane-main{transform-origin:bottom;position:absolute;inset:28% 0 -5%}.kf-site .kf-plane-companion{clip-path:polygon(0 0,100% 0,100% 69%,0 100%);height:59%;position:absolute;inset:-2% 0 auto}.kf-site .kf-opening-media.motion-media{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.kf-site .kf-opening-media.motion-media :is(picture,video),.kf-site .kf-opening-media.motion-media picture img{object-fit:cover;width:100%;height:100%}.kf-site .kf-opening-media picture img{object-position:var(--media-position,50% 50%)}.kf-site .kf-opening-shade{pointer-events:none;background:linear-gradient(#101b1e38 0%,#101b1e30 55%,#101b1e80 83%,#101b1e 100%);position:absolute;inset:0}.kf-site h1.kf-opening-mark{z-index:1;pointer-events:none;width:86%;margin:0;position:absolute;top:34%;left:7%}.kf-site .kf-opening-mark .dc-mark{filter:brightness(0)invert()drop-shadow(0 3px 12px #101b1e40);width:100%;height:auto}.kf-site .kf-opening-caption{z-index:1;color:#fff;justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.kf-site .kf-opening-caption p{text-shadow:0 1px 14px #101b1e80;max-width:26ch;margin:0;font-size:14px;line-height:1.4}.kf-site .kf-opening-caption a{flex-shrink:0;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:500;display:inline-flex}.kf-site .kf-opening-caption svg{width:16px;height:16px}@media (hover:hover){.kf-site .kf-opening-caption a:hover{text-underline-offset:5px;text-decoration:underline}}@media (min-width:701px){.kf-site .kf-opening-caption{bottom:28px;left:4vw;right:4vw}.kf-site .kf-opening-caption p{max-width:none;font-size:15px}.kf-site .kf-opening{min-height:650px}.kf-site .kf-plane-main{inset:-3% -2% -5% 30%}.kf-site .kf-plane-companion{clip-path:polygon(0 0,100% 0,71% 100%,0 100%);width:63%;height:auto;inset:-4% auto -4% -2%}.kf-site h1.kf-opening-mark{width:min(66%,88svh);max-width:1250px;margin-inline:auto;top:17%;left:0;right:0}}@media (max-width:700px) and (max-height:740px){.kf-site .kf-opening{min-height:570px}.kf-site h1.kf-opening-mark{width:84%;top:32%;left:8%}}@media (prefers-reduced-motion:reduce){.kf-site .kf-opening *{transition:none!important;animation:none!important}}
