@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#101112;--paper:#f2f1ec;--lime:#c8ff3d;--violet:#8875ff;--muted:#8d8d89;--line:rgba(16,17,18,.14);--pad:clamp(24px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.grain{position:fixed;inset:0;opacity:.05;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{width:320px;height:320px;position:fixed;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(200,255,61,.13),transparent 67%);filter:blur(10px);transition:transform .1s}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:fixed;z-index:10;inset:0 0 auto;color:#fff;transition:.35s}.header.scrolled{height:70px;color:var(--ink);background:rgba(242,241,236,.9);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}.logo{font-size:27px;line-height:.72;font-weight:800;letter-spacing:-2px;display:inline-flex;flex-direction:column}.logo span{color:var(--lime)}.logo small{font:500 7px 'DM Mono';letter-spacing:1.3px;margin:7px 0 0 1px}.nav{display:flex;gap:27px;font-size:12px;font-weight:700}.nav a{transition:color .2s}.nav a:hover{color:var(--lime)}.button{font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:800;padding:15px 19px;display:inline-flex;gap:23px;align-items:center;border:0;cursor:pointer;transition:.25s}.button b{font-size:17px;line-height:9px}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.button--lime{background:var(--lime);color:var(--ink)}.button--dark{background:var(--ink);color:#fff}.hero{background:#111;min-height:750px;height:100vh;max-height:960px;position:relative;color:#fff;overflow:hidden;padding:165px var(--pad) 80px;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101112 13%,rgba(16,17,18,.65) 42%,rgba(16,17,18,.05) 75%),linear-gradient(0deg,rgba(16,17,18,.7),transparent 43%);z-index:1}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.8px;margin:0 0 20px;color:inherit;opacity:.72}.hero h1,h2{letter-spacing:-4.8px;line-height:.97;font-size:clamp(50px,7vw,106px);margin:0;font-weight:800}.hero h1 em,h2 em{font-family:'Playfair Display';font-weight:500;letter-spacing:-5px}.hero-lead{max-width:510px;color:#dbdcd7;line-height:1.65;font-size:15px;margin:28px 0 36px}.actions{display:flex;gap:28px;align-items:center}.text-link{font-weight:800;font-size:11px;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px;white-space:nowrap}.text-link span{font-size:17px;margin-left:10px}.hero-art{position:absolute;inset:0;background-image:url('../assets/kpou-hero.jpg');background-size:cover;background-position:center;animation:art 13s ease-in-out infinite alternate}.hero-ring{position:absolute;width:50vw;height:50vw;border:1px solid rgba(200,255,61,.55);border-radius:50%;right:-17vw;top:3vh}.hero-ring:after{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(255,255,255,.25);border-radius:50%;top:15%;left:15%}.hero-tag{position:absolute;right:clamp(24px,5vw,80px);bottom:70px;z-index:2;font:9px 'DM Mono';letter-spacing:1px;color:var(--lime);line-height:1.4}.hero-tag b{font:600 17px/1 Manrope;letter-spacing:-1px;color:#fff}.scroll-note{position:absolute;z-index:3;bottom:28px;left:var(--pad);font:9px 'DM Mono';letter-spacing:1px;display:flex;gap:13px;align-items:center}.scroll-note span{width:35px;height:1px;background:var(--lime)}.section{padding:130px var(--pad)}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px}.intro h2,.section-heading h2,.portfolio h2,.why h2,.testimonials h2,.contact h2{font-size:clamp(40px,5.2vw,76px)}.intro-copy{padding-top:38px}.large{font-size:20px;line-height:1.5;font-weight:600}.intro-copy p:not(.large),.section-heading>p,.process-top>p,.why-content>p,.contact>div>p{color:#666762;font-size:14px;line-height:1.75;max-width:440px}.letters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid var(--line)}.letter{padding:26px 20px 10px 0;display:flex;gap:18px;border-right:1px solid var(--line)}.letter:not(:first-child){padding-left:20px}.letter b{font-size:47px;line-height:.9;color:var(--violet)}h3{margin:0}.letter h3{font-size:13px}.letter p{font-size:11px;line-height:1.5;color:#747571}.dark{background:var(--ink);color:#f4f3ed}.services{position:relative}.section-heading{max-width:790px}.section-heading>p{color:#bcbdb8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid #3a3b38;border-left:1px solid #3a3b38}.service-card{border-right:1px solid #3a3b38;border-bottom:1px solid #3a3b38;min-height:270px;padding:25px;display:flex;flex-direction:column;transition:.3s;background:var(--ink)}.service-card:hover{background:#20211f;transform:translateY(-7px)}.service-icon{font-size:29px;color:var(--lime);height:62px}.service-card h3{font-size:16px}.service-card p{font-size:11px;line-height:1.6;color:#aaa;max-width:210px}.quote{font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-top:auto;color:var(--lime)}.quote span{font-size:18px;float:right}.process-top{display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;align-items:end}.process-top .eyebrow{grid-column:1}.process-top h2{font-size:clamp(48px,6vw,88px);grid-column:1}.process-top>p{grid-column:2;grid-row:2;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line)}.step{padding:22px 20px 0 0;min-height:145px;border-right:1px solid var(--line);position:relative}.step:not(:first-child){padding-left:20px}.step span{font:10px 'DM Mono';color:var(--violet)}.step h3{margin-top:25px;font-size:16px;max-width:110px}.step i{font-size:23px;position:absolute;right:17px;bottom:0;color:var(--violet)}.portfolio-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter{font:10px Manrope;border:1px solid #4b4c49;color:#bbb;background:transparent;padding:9px 11px;cursor:pointer}.filter.active,.filter:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px}.project-card{border:0;text-align:left;color:#fff;position:relative;overflow:hidden;height:330px;padding:23px;background:linear-gradient(145deg,#6544df,#1c1943);cursor:pointer;transition:.3s}.project-card:before{content:"";position:absolute;inset:0;background:url('../assets/kpou-hero.jpg') center/cover;mix-blend-mode:screen;opacity:.6;transition:.4s}.project-card:nth-child(2){background:#cdff42}.project-card:nth-child(3){background:#e46e4c}.project-card:nth-child(4){background:#145964}.project-card:nth-child(5){background:#4c4869}.project-card:nth-child(6){background:#d8669e}.project-card:hover:before{transform:scale(1.1)}.project-card>*{position:relative;z-index:1}.project-card span{font:10px 'DM Mono';letter-spacing:1px}.project-card h3{font-size:24px;line-height:1.1;max-width:180px;margin-top:12px}.project-card i{position:absolute;right:22px;bottom:18px;font-size:24px;font-style:normal}.why{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#e4e3dc}.why-art{min-height:760px;background:linear-gradient(130deg,#2b2c2a,transparent),url('../assets/kpou-hero.jpg') center/cover;position:relative}.stamp{position:absolute;bottom:45px;left:var(--pad);width:150px;height:150px;border:1px solid var(--lime);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--lime);font:11px 'DM Mono';letter-spacing:2px;transform:rotate(-16deg)}.stamp span{font:700 21px/1 Manrope;letter-spacing:-1px}.why-content{padding:110px var(--pad)}.benefits{margin-top:50px;border-top:1px solid var(--line)}.benefits article{border-bottom:1px solid var(--line);padding:17px 0}.benefits h3{font-size:14px}.benefits h3 span{float:right;color:var(--violet);font-size:20px}.benefits p{font-size:12px;color:#6a6b65;line-height:1.5;margin:8px 30px 0 0}.products .section-heading{max-width:700px}.product-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.product{height:235px;padding:19px;background:#c9ff41;display:flex;flex-direction:column;justify-content:space-between}.product:nth-child(2n){background:#dcdad2}.product:nth-child(3n){background:#8d7bff;color:white}.product:nth-child(4n){background:#e87662;color:#fff}.product span{font:10px 'DM Mono'}.product h3{font-size:22px;letter-spacing:-1px}.product a{font-size:10px;text-transform:uppercase;font-weight:bold}.business{background:var(--violet);color:white;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:110px var(--pad)}.business h2{font-size:clamp(43px,5.5vw,78px)}.business p:not(.eyebrow){max-width:440px;font-size:14px;line-height:1.7;margin:24px 0 32px}.business .eyebrow{color:#fff}.business ul{list-style:none;margin:25px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.45)}.business li{font:700 16px Manrope;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.45);letter-spacing:-.4px}.testimonials h2{margin-bottom:60px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial{background:#e4e3dc;padding:26px;min-height:245px;display:flex;flex-direction:column}.testimonial>span{color:var(--violet);font-size:20px}.testimonial blockquote{font:600 17px/1.45 Manrope;margin:25px 0}.testimonial footer{margin-top:auto}.testimonial footer b,.testimonial footer small{display:block;font-size:10px}.testimonial footer small{color:#777;margin-top:3px}.cta{background:var(--lime);padding:125px var(--pad);text-align:center}.cta h2{font-size:clamp(44px,6.2vw,90px)}.cta>p:not(.eyebrow){font-size:14px;max-width:450px;margin:24px auto 34px;line-height:1.7}.cta .actions{justify-content:center}.text-link--dark{color:var(--ink)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;}.contact>div>p{color:#babbba}.contact-details{margin-top:34px}.contact-details a{color:var(--lime);font-size:14px;font-weight:700}.contact-details a span{font-size:19px;margin-left:15px}.contact-details p{font-size:12px;line-height:1.8;color:#babbba;margin:15px 0}form{display:grid;grid-template-columns:1fr 1fr;gap:19px 14px}label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#babbba}input,select,textarea{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #555753;padding:11px 0;color:white;font:13px Manrope;outline:none}select option{color:#111}textarea{min-height:80px;resize:vertical}.full{grid-column:1/-1}.form-note{font-size:9px;color:#888;align-self:center}.whatsapp{position:fixed;z-index:8;right:20px;bottom:20px;border-radius:30px;background:var(--lime);padding:13px 16px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:.2s}.whatsapp:hover{transform:scale(1.04)}.whatsapp:first-letter{font-size:22px}.footer{background:#111;color:#fff;padding:55px var(--pad) 30px;display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:start}.footer p{font-size:13px;max-width:220px;line-height:1.6;margin:0}.footer>div{grid-column:2;display:flex;gap:14px;flex-wrap:wrap;font-size:11px;font-weight:bold}.footer>small{grid-column:1/-1;color:#777;font-size:9px;border-top:1px solid #333;padding-top:20px;margin-top:10px}@keyframes art{to{transform:scale(1.04)}}.reveal{opacity:0;transform:translateY(18px);transition:.65s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:72px}.header-cta{display:none}.nav{display:none}.menu-toggle{display:block;width:38px;height:38px;border:0;background:none;position:relative;z-index:11}.menu-toggle i{display:block;width:20px;border-top:2px solid currentColor;margin:5px auto}.menu-open .nav{position:fixed;inset:0;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:var(--pad);font-size:28px;gap:25px}.menu-open .header{color:#fff}.hero{min-height:660px;padding-top:130px;align-items:flex-start}.hero:after{background:linear-gradient(180deg,rgba(16,17,18,.22),#101112 86%)}.hero-copy{margin-top:25px}.hero h1{font-size:clamp(52px,15vw,78px);letter-spacing:-3px}.hero h1 em{letter-spacing:-4px}.hero-lead{font-size:13px;max-width:360px}.hero-art{background-position:60% center}.hero-ring{width:100vw;height:100vw;right:-38vw;top:10%}.hero-tag{display:none}.scroll-note{bottom:22px}.section{padding:82px var(--pad)}.intro,.contact{grid-template-columns:1fr;gap:15px}.intro-copy{padding-top:0}.letters{grid-template-columns:1fr 1fr;margin-top:25px}.letter:nth-child(2){border-right:0}.letter:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}.letter b{font-size:38px}.service-grid{grid-template-columns:1fr 1fr;margin-top:40px}.service-card{min-height:240px;padding:18px}.process-top{display:block}.process-top>p{margin-top:22px}.steps{grid-template-columns:1fr 1fr;margin-top:50px}.step:nth-child(2){border-right:0}.step:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}.portfolio-head{display:block}.filters{justify-content:flex-start;margin-top:28px}.project-grid{grid-template-columns:1fr 1fr;margin-top:30px}.project-card{height:235px;padding:16px}.project-card h3{font-size:18px}.why{grid-template-columns:1fr}.why-art{min-height:430px}.why-content{padding:80px var(--pad)}.products{padding-right:0}.products .section-heading{padding-right:var(--pad)}.product-strip{overflow:auto;grid-template-columns:repeat(8,170px);padding-right:var(--pad)}.product{height:205px}.business{grid-template-columns:1fr;padding:80px var(--pad)}.testimonial-grid{grid-template-columns:1fr;gap:10px}.testimonial{min-height:205px}.cta{padding:86px var(--pad)}.contact{gap:55px}form{grid-template-columns:1fr}.full{grid-column:auto}.footer{grid-template-columns:1fr}.footer>div{grid-column:1}.actions{gap:17px}.cursor-glow{display:none}}
@media(min-width:801px){.menu-toggle{display:none}}
.logo{width:46px;height:64px;font-size:0;letter-spacing:0;background:url('../assets/kpou-logo-original.png') center/contain no-repeat;flex:none}.logo small{display:none}.header:not(.scrolled) .logo,.footer .logo{filter:invert(1)}.footer .logo{background-color:#111}