.nk-project{color:#f3f3f1;background:#050505;overflow:clip;font-family:Manrope,Arial,sans-serif}
.nk-project a:focus-visible{outline:2px solid #f6ff43;outline-offset:5px}
.nk-project .container{max-width:1440px}
.nk-kicker,.nk-index{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c5c5c3}
.nk-hero{position:relative;min-height:min(970px,100svh);padding-top:145px;padding-bottom:45px;background:#030303;overflow:hidden;isolation:isolate}
.nk-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030303 4%,#030303dd 40%,transparent 88%),linear-gradient(0deg,#030303,transparent 35%);z-index:-1;pointer-events:none}
.nk-hero-inner{position:relative;z-index:2;min-height:calc(min(970px,100svh) - 190px);display:flex;flex-direction:column;align-items:flex-start}
.nk-back{font-size:13px;color:#bbb;margin-bottom:clamp(45px,8vh,110px)}
.nk-hero h1{font-size:clamp(100px,17vw,255px);font-weight:900;line-height:.76;letter-spacing:-.115em;margin:20px 0 45px;max-width:900px;position:relative;z-index:2}
.nk-hero h1 span{display:block;animation:nk-type-in .9s cubic-bezier(.16,1,.3,1) both}
.nk-hero h1 span:nth-child(2){margin-left:.55em;animation-delay:.18s}
.nk-hero h1 span:nth-child(3){animation-delay:.36s;color:#dbff4a}
.nk-hero-foot{margin-top:auto;display:flex;align-items:center;gap:60px;color:#d4d4d2;font-size:15px;line-height:1.7}.nk-hero-foot p{max-width:310px}.nk-hero-foot a{border:1px solid #ffffff65;padding:16px 24px;border-radius:30px;white-space:nowrap}.nk-hero-foot a:hover,.nk-visit:hover{background:#e9ff70;color:#060606}
.nk-hero-slice{position:absolute;right:0;top:0;width:53%;height:100%;z-index:-2;animation:nk-image-in 1.45s cubic-bezier(.16,1,.3,1) both}.nk-hero-slice img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.nk-marquee{border-block:1px solid #ffffff30;padding:15px 0;overflow:hidden;font-size:clamp(30px,5vw,76px);font-weight:900;letter-spacing:-.065em;white-space:nowrap}.nk-marquee>div{width:max-content;animation:nk-marquee 24s linear infinite}.nk-marquee span{color:#dcff49}
.nk-brief{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:clamp(100px,15vw,210px)}.nk-brief h2,.nk-chapter-intro h2,.nk-website h2{font-size:clamp(56px,7.5vw,120px);line-height:.94;letter-spacing:-.075em;font-weight:850;margin:24px 0}.nk-brief p{font-size:clamp(16px,1.4vw,19px);line-height:1.85;color:#d0d0ce;margin-bottom:24px;max-width:600px}.nk-brief .nk-small,.nk-small{font-size:12px;line-height:1.7;color:#999}
.nk-chapter-intro{border-top:1px solid #ffffff2b;padding:110px 0 90px;text-align:center}.nk-chapter-intro h2{font-size:clamp(65px,10vw,160px)}.nk-chapter-intro em{font-style:normal;color:#deff56}.nk-chapter-intro p{font-size:14px;color:#b5b5b5}
.nk-frames{display:grid;gap:clamp(100px,13vw,210px);padding-bottom:150px}.nk-frame{min-height:85svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);align-items:center;gap:clamp(45px,7vw,120px)}.nk-frame:nth-child(even) .nk-frame-media{order:2}.nk-frame:nth-child(even) .nk-frame-copy{order:1}.nk-frame-media{position:relative;overflow:hidden;background:#161616;max-height:950px}.nk-frame-media::after{content:'';position:absolute;inset:0;background:#ddff48;transform:translateX(-102%);pointer-events:none}.nk-frame-media img{display:block;width:100%;height:min(75svh,850px);min-height:490px;object-fit:contain}.nk-frame:nth-child(1) img{object-fit:cover}.nk-frame:nth-child(3) .nk-frame-media,.nk-frame:nth-child(6) .nk-frame-media{background:#eaeae6}.nk-frame:nth-child(2) .nk-frame-media,.nk-frame:nth-child(4) .nk-frame-media,.nk-frame:nth-child(5) .nk-frame-media{background:#000}.nk-frame-copy{max-width:520px}.nk-index{color:#dcff52}.nk-frame-copy h3{font-size:clamp(50px,5.2vw,92px);font-weight:850;line-height:.98;letter-spacing:-.07em;margin:26px 0}.nk-frame-copy p{font-size:17px;line-height:1.8;color:#c9c9c6;max-width:410px}
.nk-project.nk-motion-ready [data-nk-reveal]:not(.nk-visible) .nk-frame-media img{opacity:0;transform:scale(1.12)}.nk-project.nk-motion-ready [data-nk-reveal]:not(.nk-visible) .nk-frame-copy,.nk-project.nk-motion-ready [data-nk-reveal]:not(.nk-visible).nk-brief>*,.nk-project.nk-motion-ready [data-nk-reveal]:not(.nk-visible).nk-website>*{opacity:0;transform:translateY(55px)}.nk-frame-media img{transition:opacity .9s ease,transform 1.25s cubic-bezier(.16,1,.3,1)}.nk-frame-copy,.nk-brief>*,.nk-website>*{transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}.nk-frame.nk-visible .nk-frame-media::after{animation:nk-wipe 1s cubic-bezier(.7,0,.2,1) both}.nk-frame.nk-visible .nk-frame-copy{transition-delay:.24s}.nk-brief.nk-visible>*:nth-child(2),.nk-website.nk-visible>*:nth-child(2){transition-delay:.18s}
.nk-website{border-top:1px solid #ffffff30;padding-block:110px 150px}.nk-website-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.nk-website h2{margin-bottom:45px}.nk-visit{display:inline-flex;border:1px solid #ffffff70;border-radius:30px;padding:16px 24px;font-size:14px;white-space:nowrap;margin-bottom:48px}.nk-browser{display:block;border:1px solid #ffffff32;border-radius:10px;overflow:hidden;background:#fff}.nk-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;background:#202020;color:#eee;font-size:12px}.nk-browser-bar span:first-child{color:#deff56;letter-spacing:.3em}.nk-browser img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;object-position:top;background:#ddd}.nk-website>.nk-small{margin-top:18px}
@keyframes nk-type-in{from{opacity:0;transform:translateY(1em) skewY(7deg)}to{opacity:1;transform:none}}@keyframes nk-image-in{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes nk-marquee{to{transform:translateX(-50%)}}@keyframes nk-wipe{0%{transform:translateX(-102%)}55%{transform:translateX(0)}100%{transform:translateX(102%)}}
@media(max-width:900px){.nk-hero{min-height:820px}.nk-hero-inner{min-height:620px}.nk-hero-slice{width:70%;opacity:.75}.nk-frame{min-height:0;grid-template-columns:1fr;gap:30px}.nk-frame:nth-child(even) .nk-frame-media,.nk-frame:nth-child(even) .nk-frame-copy{order:initial}.nk-frame-media img{height:auto;max-height:850px;min-height:0}.nk-frame-copy{max-width:700px}.nk-brief{gap:45px}}
@media(max-width:650px){.nk-hero{min-height:760px;padding-top:125px}.nk-hero-inner{min-height:590px}.nk-hero-slice{width:100%;opacity:.55}.nk-hero::after{background:linear-gradient(90deg,#000c,transparent),linear-gradient(0deg,#000 1%,transparent 70%)}.nk-hero h1{font-size:clamp(85px,22vw,140px);margin-top:65px}.nk-hero-foot{align-items:flex-start;flex-direction:column;gap:20px}.nk-brief{grid-template-columns:1fr;padding-block:100px}.nk-brief h2,.nk-website h2{font-size:clamp(53px,13vw,85px)}.nk-chapter-intro{padding:80px 0}.nk-chapter-intro h2{font-size:clamp(64px,16vw,110px)}.nk-frames{gap:95px;padding-bottom:100px}.nk-frame-copy h3{font-size:clamp(50px,12vw,80px)}.nk-frame-copy p{font-size:15px}.nk-website{padding-block:80px 100px}.nk-website-heading{align-items:flex-start;flex-direction:column;gap:0}.nk-visit{margin-bottom:35px}.nk-browser-bar{padding:13px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.nk-project *, .nk-project *::before,.nk-project *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.nk-project.nk-motion-ready [data-nk-reveal]:not(.nk-visible) *{opacity:1!important;transform:none!important}}

/* The product images open as angled shutters; the type follows word by word. */
.nk-frame-media{isolation:isolate;min-width:0}
.nk-frame-photo{position:relative;z-index:1;overflow:hidden;background:inherit}
.nk-frame-media img{height:min(75svh,850px);transform:translate3d(0,var(--nk-shift,0px),0) scale(var(--nk-scale,1.035));will-change:transform}
.nk-frame-media::after{z-index:4;background:#e5ff48;transform:translateX(-105%);mix-blend-mode:difference}
.nk-project.nk-motion-ready .nk-frame:not(.nk-visible) .nk-frame-photo{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.nk-project.nk-motion-ready .nk-frame:nth-child(even):not(.nk-visible) .nk-frame-photo{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}
.nk-project.nk-motion-ready .nk-frame.nk-visible .nk-frame-photo{animation:nk-shutter-left 1.05s cubic-bezier(.77,0,.18,1) both}
.nk-project.nk-motion-ready .nk-frame:nth-child(even).nk-visible .nk-frame-photo{animation-name:nk-shutter-right}
.nk-frame.nk-visible .nk-frame-media::after{animation:nk-light-sweep 1.2s cubic-bezier(.77,0,.18,1) both}
.nk-giant-number{position:absolute;z-index:2;right:10px;bottom:-.12em;font-size:clamp(135px,23vw,350px);font-weight:900;line-height:1;letter-spacing:-.13em;color:#fff;mix-blend-mode:overlay;opacity:.35;pointer-events:none;transform:translateY(30px);transition:transform 1s .28s cubic-bezier(.16,1,.3,1)}
.nk-frame:nth-child(even) .nk-giant-number{right:auto;left:2%}
.nk-frame.nk-visible .nk-giant-number{transform:translateY(0)}
.nk-corner{position:absolute;z-index:3;width:44px;height:44px;pointer-events:none;opacity:0;transition:opacity .7s .6s,transform .7s .6s}.nk-corner-top{top:18px;left:18px;border-top:2px solid #e9ff56;border-left:2px solid #e9ff56;transform:translate(-16px,-16px)}.nk-corner-bottom{right:18px;bottom:18px;border-right:2px solid #e9ff56;border-bottom:2px solid #e9ff56;transform:translate(16px,16px)}.nk-frame.nk-visible .nk-corner{opacity:1;transform:none}
.nk-image-label{position:absolute;z-index:3;left:28px;bottom:25px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#fff;text-shadow:0 1px 10px #000;opacity:0;transition:opacity .5s .8s}.nk-frame.nk-visible .nk-image-label{opacity:1}
.nk-frame-copy h3{display:flex;flex-wrap:wrap;column-gap:.22em;row-gap:.02em}.nk-word{display:inline-block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}.nk-word>span{display:block;transform:translateY(120%) rotate(7deg);transition:transform .85s cubic-bezier(.16,1,.3,1);transition-delay:calc(.2s + var(--word)*.11s)}.nk-frame.nk-visible .nk-word>span{transform:none}
.nk-frame-rule{height:1px;background:#ffffff3b;margin-top:35px;overflow:hidden}.nk-frame-rule span{display:block;height:100%;background:#e5ff48;width:100%;transform:translateX(-101%);transition:transform 1.1s .3s cubic-bezier(.16,1,.3,1)}.nk-frame.nk-visible .nk-frame-rule span{transform:translateX(0)}
.nk-story-progress{position:fixed;z-index:12;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .3s;color:#e5ff48;font-size:10px;letter-spacing:.1em}.nk-story-active .nk-story-progress{opacity:1}.nk-story-progress i{position:relative;display:block;width:2px;height:125px;background:#ffffff60}.nk-story-progress b{position:absolute;top:0;left:0;width:100%;background:#e5ff48;transition:height .4s}.nk-story-progress span:last-child{writing-mode:vertical-rl;color:#ccc;font-size:8px;letter-spacing:.2em}
@keyframes nk-shutter-left{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@keyframes nk-shutter-right{from{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@keyframes nk-light-sweep{0%{transform:translateX(-105%)}55%{transform:translateX(0)}100%{transform:translateX(105%)}}
@media(max-width:900px){.nk-story-progress{display:none}.nk-frame-media img{height:auto;min-height:0}.nk-giant-number{font-size:30vw}}
@media(prefers-reduced-motion:reduce){.nk-frame-photo{clip-path:none!important}.nk-word>span,.nk-giant-number,.nk-corner,.nk-image-label,.nk-frame-rule span{transform:none!important;opacity:1!important}.nk-story-progress{display:none}}
