.kl4 *,.kl4 *:before,.kl4 *:after{box-sizing:border-box;margin:0;padding:0}.kl4{--mw: 1000px;--pad: clamp(24px, 5vw, 80px);--pad-section: clamp(80px, 12vw, 160px);font-family:Sohne,Helvetica Neue,sans-serif;background:var(--k13);color:var(--k2);-webkit-font-smoothing:antialiased;overflow-x:hidden}.kl4-inner{max-width:var(--mw);margin:0 auto;padding:0 var(--pad)}.kl4-label{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--t3);display:block}.kl4-micro{font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--k8)}.kl4-anodize{height:1px;background:var(--grad-anodize);opacity:.4;width:100%}.kl4-hero{min-height:100svh;background:var(--k0);display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden}.kl4-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 99px,rgba(255,255,255,.018) 100px),repeating-linear-gradient(90deg,transparent,transparent 99px,rgba(255,255,255,.018) 100px);pointer-events:none}.kl4-hero-glow{position:absolute;bottom:-200px;left:-100px;width:800px;height:600px;background:radial-gradient(ellipse,rgba(232,83,10,.14) 0%,transparent 65%);pointer-events:none}.kl4-hero-body{display:flex;flex-direction:column;justify-content:flex-end;padding:var(--pad-section) var(--pad) clamp(48px,6vw,80px);max-width:var(--mw);margin:0 auto;width:100%;position:relative;z-index:1}.kl4-hero-kicker{font-size:11px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:var(--k7);margin-bottom:clamp(32px,4vw,56px);display:flex;align-items:center;gap:20px}.kl4-hero-kicker:before{content:"";display:block;width:32px;height:1px;background:var(--t2);flex-shrink:0}.kl4-hero-h1{font-size:clamp(52px,8.5vw,140px);font-weight:600;letter-spacing:-.01em;color:var(--k13);line-height:.92;max-width:14ch;margin-bottom:clamp(24px,3vw,40px)}.kl4-hero-h1 em{font-style:normal;color:var(--k8)}.kl4-hero-sub{font-size:clamp(15px,1.6vw,18px);font-weight:300;color:var(--k8);line-height:1.7;max-width:52ch;margin-bottom:clamp(36px,4vw,56px);letter-spacing:.01em}.kl4-hero-ctas{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.kl4-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 40px;background:var(--k13);color:var(--k0);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s;border:none;cursor:pointer;font-family:Sohne,sans-serif}.kl4-btn-primary:hover{background:var(--k11)}.kl4-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 40px;background:transparent;color:var(--k9);font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:.5px solid rgba(255,255,255,.22);transition:border-color .15s,color .15s;cursor:pointer;font-family:Sohne,sans-serif}.kl4-btn-ghost:hover{border-color:#ffffff80;color:var(--k13)}.kl4-hero-foot{padding:0 var(--pad) clamp(28px,3vw,40px);max-width:var(--mw);margin:0 auto;width:100%;position:relative;z-index:1}.kl4-hero-anodize{height:2px;background:var(--grad-anodize);margin-bottom:20px}.kl4-hero-meta{display:flex;gap:clamp(24px,4vw,60px);flex-wrap:wrap}.kl4-hero-meta-item{font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--k7)}.kl4-manifesto-reveal{position:relative;height:400vh;background:var(--k13);overflow:visible;z-index:1}.kl4-manifesto-reveal-stage{position:relative;min-height:100vh;height:100vh;width:100%;background:var(--k13);overflow:hidden;display:flex;align-items:center;justify-content:center}.kl4-manifesto-reveal-stage.is-fixed{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;z-index:50}.kl4-manifesto-reveal-stage.is-ended{position:absolute;top:auto;bottom:0;left:0;right:0;width:100vw;height:100vh}.kl4-manifesto-reveal-inner{width:100%;padding:clamp(48px,8vh,80px) clamp(24px,10vw,190px);display:flex;flex-direction:column;gap:clamp(32px,5vh,64px)}.kl4-mr-line{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(180px,280px);align-items:center;gap:clamp(28px,4vw,72px);opacity:.16;transition:opacity .5s ease}.kl4-mr-line.is-active{opacity:1}.kl4-mr-line.is-past{opacity:.18}.kl4-mr-num{font-size:12px;letter-spacing:.12em;color:var(--k9);opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.kl4-mr-sub{margin:0;max-width:280px;justify-self:end;text-align:right;font-size:clamp(14px,1.1vw,18px);line-height:1.65;color:var(--k7);opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}.kl4-mr-line.is-active .kl4-mr-num,.kl4-mr-line.is-active .kl4-mr-sub{opacity:1;transform:translateY(0)}.kl4-mr-text{margin:0;display:flex;flex-wrap:wrap;gap:.16em;font-size:clamp(48px,7vw,128px);line-height:.9;letter-spacing:-.075em;font-weight:900;color:var(--k2)}.kl4-mr-text span{display:inline-block;opacity:.14;transform:translateY(36px);filter:blur(8px);will-change:opacity,transform,filter}.kl4-caps{position:relative;height:500vh;overflow:visible;z-index:2}.kl4-caps-sticky{position:relative;height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--k0);z-index:20}.kl4-caps-sticky.is-fixed{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;z-index:49}.kl4-caps-sticky.is-ended{position:absolute;top:auto;bottom:0;left:0;right:0;width:100vw;height:100vh}.kl4-caps-header{position:absolute;top:clamp(28px,6vh,64px);left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);z-index:5;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end}.kl4-caps-title{font-size:clamp(28px,3.5vw,52px);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--k13);line-height:.92}.kl4-caps-hint{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--k7);display:flex;align-items:center;gap:10px}.kl4-caps-hint:after{content:"\2192";color:var(--t3)}.kl4-caps-track-wrap{width:100vw;overflow:hidden;flex:1;display:flex;align-items:center}.kl4-caps-track{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;transform:translateZ(0);will-change:transform}.kl4-cap-panel{flex:0 0 100vw;width:100vw;min-width:100vw;max-width:100vw;min-height:62vh;box-sizing:border-box;padding:clamp(100px,14vh,140px) clamp(20px,5vw,72px) clamp(80px,10vh,120px);border-right:.5px solid var(--k3);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:background .3s}.kl4-cap-panel:hover{background:var(--k2)}.kl4-cap-content{display:flex;flex-direction:column;gap:20px}.kl4-cap-panel-num{font-size:11px;font-weight:400;letter-spacing:.2em;color:var(--k7)}.kl4-cap-panel-title{font-size:clamp(36px,5vw,72px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--k13);line-height:.92}.kl4-cap-panel-desc{font-size:clamp(15px,1.5vw,17px);font-weight:300;color:var(--k9);line-height:1.75;max-width:52ch}.kl4-cap-panel-keywords{display:flex;flex-direction:column;gap:10px;padding-top:clamp(24px,3vw,36px);border-top:.5px solid var(--k4);margin-top:clamp(32px,4vw,48px)}.kl4-cap-keyword{font-size:13px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--k7);display:flex;align-items:center;gap:12px;transition:color .2s}.kl4-cap-panel:hover .kl4-cap-keyword{color:var(--k9)}.kl4-cap-keyword:before{content:"";display:block;width:16px;height:.5px;background:var(--t3);flex-shrink:0}.kl4-cap-panel-img{position:absolute;bottom:0;right:0;width:38%;aspect-ratio:1/1;background:var(--k3);display:flex;align-items:center;justify-content:center;opacity:.25;transition:opacity .3s}.kl4-cap-panel:hover .kl4-cap-panel-img{opacity:.45}.kl4-cap-panel-img span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--k7)}.kl4-caps-nav{position:absolute;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);bottom:clamp(28px,6vh,64px);z-index:5;display:flex;gap:12px;align-items:center}.kl4-caps-nav-btn{width:44px;height:44px;background:transparent;border:.5px solid var(--k5);color:var(--k8);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s;font-family:Sohne,sans-serif}.kl4-caps-nav-btn:hover{background:var(--k2);border-color:var(--k6);color:var(--k13)}.kl4-caps-progress{flex:1;display:flex;align-items:center;gap:6px}.kl4-caps-dot{width:4px;height:4px;background:var(--k5);border-radius:50%;transition:background .2s,transform .2s}.kl4-caps-dot.active{background:var(--t3);transform:scale(1.4)}.kl4-work-sticky{position:relative;background:var(--k13);overflow:visible}.kl4-work-sticky-inner{display:grid;grid-template-columns:minmax(280px,34vw) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:clamp(90px,12vw,180px) var(--pad);align-items:start}.kl4-work-sticky-title{position:sticky;top:clamp(80px,14vh,140px);min-height:70vh;display:flex;flex-direction:column;justify-content:flex-start}.kl4-work-title{font-size:clamp(64px,9vw,150px);font-weight:600;line-height:.82;letter-spacing:-.08em;color:var(--k2);margin-bottom:24px}.kl4-work-count{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--k7);margin-top:12px}.kl4-work-sticky-cases{display:flex;flex-direction:column;gap:clamp(48px,8vw,120px)}.kl4-case{min-height:clamp(520px,72vh,820px);display:grid;grid-template-rows:1fr auto;text-decoration:none;color:inherit;cursor:default;background:var(--k12);border:.5px solid var(--k10)}.kl4-case-link{cursor:pointer}.kl4-case-link:hover .kl4-case-title{transform:translate(10px)}.kl4-case-title{transition:transform .5s cubic-bezier(.16,1,.3,1)}.kl4-case-img{width:100%;flex:1;background:var(--k3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:clamp(280px,40vh,520px)}.kl4-case-real-img{width:100%;height:100%;object-fit:cover;display:block}.kl4-case-img-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.25}.kl4-case-img-placeholder:before{content:"";display:block;width:48px;height:48px;border:.5px solid var(--k7)}.kl4-case-img-placeholder span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--k9)}.kl4-case-body{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;gap:20px;border-top:.5px solid var(--k10)}.kl4-case-top{display:flex;flex-direction:column;gap:12px}.kl4-case-cat{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}.kl4-case-title-el{font-size:clamp(22px,2.8vw,40px);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--k2);line-height:.95;transition:transform .5s cubic-bezier(.16,1,.3,1)}.kl4-case-link:hover .kl4-case-title-el{transform:translate(10px)}.kl4-case-desc{font-size:clamp(14px,1.4vw,16px);font-weight:300;color:var(--k5);line-height:1.75;max-width:52ch}.kl4-case-bottom{display:flex;flex-direction:column;gap:12px}.kl4-case-data{display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;padding-top:16px;border-top:.5px solid var(--k11)}.kl4-case-datum{display:flex;flex-direction:column;gap:4px}.kl4-case-datum-l{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--k8)}.kl4-case-datum-v{font-size:15px;font-weight:300;color:var(--k3)}.kl4-case-link-label{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--k7);transition:color .2s}.kl4-case-link:hover .kl4-case-link-label{color:var(--t3)}.kl4-objects{background:var(--k1);padding:var(--pad-section) 0}.kl4-objects-header{padding:0 var(--pad);max-width:var(--mw);margin:0 auto clamp(48px,6vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding-bottom:clamp(36px,4vw,56px);border-bottom:.5px solid var(--k3)}.kl4-objects-title{font-size:clamp(28px,3.5vw,52px);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--k13);line-height:.92}.kl4-objects-desc{font-size:clamp(15px,1.5vw,17px);font-weight:300;color:var(--k8);line-height:1.75;max-width:44ch}.kl4-objects-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--k3)}.kl4-obj{background:var(--k1);display:flex;flex-direction:column;transition:background .2s;overflow:hidden}.kl4-obj:hover{background:var(--k2)}.kl4-obj-large{grid-row:span 2}.kl4-obj-img{flex:1;min-height:clamp(220px,28vw,400px);background:linear-gradient(145deg,var(--k2) 0%,var(--k3) 100%);display:flex;align-items:center;justify-content:center;position:relative}.kl4-obj-img:before{content:"";position:absolute;width:44%;height:44%;border:.5px solid rgba(200,169,122,.12);border-radius:50%}.kl4-obj-img-lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c8a97a40}.kl4-obj-info{padding:clamp(20px,2.5vw,32px);border-top:.5px solid var(--k3);display:flex;flex-direction:column;gap:5px}.kl4-obj-status{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}.kl4-obj-name{font-size:clamp(16px,1.6vw,20px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--k13)}.kl4-obj-mat{font-size:13px;font-weight:300;color:var(--k7)}.kl4-process{background:var(--k13);padding:var(--pad-section) var(--pad)}.kl4-process-inner{max-width:var(--mw);margin:0 auto}.kl4-process-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(48px,6vw,80px);padding-bottom:clamp(24px,3vw,36px);border-bottom:.5px solid var(--k10)}.kl4-process-title{font-size:clamp(28px,3.5vw,52px);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--k2);line-height:.92}.kl4-process-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--k10)}.kl4-process-step{background:var(--k13);padding:clamp(24px,3vw,40px) clamp(20px,2.5vw,32px);display:flex;flex-direction:column;gap:16px;transition:background .2s;position:relative;overflow:hidden}.kl4-process-step:hover{background:var(--k12)}.kl4-process-step:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad-thermal);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.kl4-process-step:hover:after{transform:scaleX(1)}.kl4-step-num{font-size:11px;font-weight:400;letter-spacing:.2em;color:var(--k8)}.kl4-step-name{font-size:clamp(16px,1.6vw,22px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--k2);line-height:1.1}.kl4-step-desc{font-size:14px;font-weight:300;color:var(--k6);line-height:1.7}.kl4-step-arrow{position:absolute;top:clamp(24px,3vw,40px);right:clamp(20px,2.5vw,32px);font-size:16px;color:var(--k9);opacity:.3}.kl4-process-step:last-child .kl4-step-arrow{color:var(--t3);opacity:.6}.kl4-about{background:var(--k2);padding:var(--pad-section) var(--pad)}.kl4-about-inner{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,100px);align-items:start}.kl4-about-visual{aspect-ratio:4/5;background:var(--k3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.kl4-about-visual:before{content:"";position:absolute;width:40%;height:56%;border:.5px solid rgba(200,169,122,.16)}.kl4-about-visual-lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c8a97a47}.kl4-about-right{padding-top:clamp(24px,3vw,40px)}.kl4-about-name{font-size:clamp(36px,4.5vw,68px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--k13);line-height:.9;margin-bottom:8px}.kl4-about-role{font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);margin-bottom:clamp(28px,3.5vw,44px)}.kl4-about-copy{font-size:clamp(16px,1.6vw,19px);font-weight:300;color:var(--k9);line-height:1.85;max-width:48ch;margin-bottom:clamp(16px,2vw,24px)}.kl4-about-facts{display:flex;flex-direction:column;border-top:.5px solid var(--k4);margin-top:clamp(24px,3vw,36px)}.kl4-about-fact{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:.5px solid var(--k4);gap:20px}.kl4-about-fact-l{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--k7);flex-shrink:0}.kl4-about-fact-v{font-size:15px;font-weight:300;color:var(--k10);text-align:right}.kl4-cta{background:var(--k0);padding:var(--pad-section) var(--pad);position:relative;overflow:hidden;text-align:center}.kl4-cta-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(120px,18vw,280px);font-weight:600;letter-spacing:.12em;color:#ffffff06;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.kl4-cta-glow{position:absolute;bottom:-200px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(232,83,10,.16) 0%,transparent 65%);pointer-events:none}.kl4-cta-inner{max-width:760px;margin:0 auto;position:relative;z-index:1}.kl4-cta-kicker{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--t3);display:block;margin-bottom:clamp(24px,3vw,40px)}.kl4-cta-h{font-size:clamp(52px,8vw,120px);font-weight:600;letter-spacing:-.01em;color:var(--k13);line-height:.88;margin-bottom:clamp(24px,3vw,36px)}.kl4-cta-anodize{width:clamp(80px,12vw,160px);height:2px;background:var(--grad-thermal);margin:0 auto clamp(32px,4vw,48px)}.kl4-cta-sub{font-size:clamp(16px,1.6vw,18px);font-weight:300;color:var(--k8);line-height:1.75;max-width:48ch;margin:0 auto clamp(36px,4.5vw,56px)}.kl4-cta-contact{margin-top:clamp(20px,2.5vw,32px);font-size:12px;font-weight:400;letter-spacing:.12em;color:var(--k7)}.kl4-cta-contact a{color:var(--k8);text-decoration:none;border-bottom:.5px solid var(--k6);padding-bottom:1px;transition:color .15s}.kl4-cta-contact a:hover{color:var(--k13)}@media(max-width:1024px){.kl4-process-steps{grid-template-columns:repeat(3,1fr)}.kl4-objects-grid{grid-template-columns:1fr 1fr}.kl4-obj-large{grid-row:span 1}}@media(max-width:900px){.kl4-manifesto-reveal{height:360vh}.kl4-mr-line{grid-template-columns:28px 1fr;gap:18px}.kl4-mr-sub{grid-column:2;justify-self:start;text-align:left;max-width:320px}.kl4-mr-text{font-size:clamp(44px,14vw,72px);letter-spacing:-.06em}.kl4-caps{height:450vh}.kl4-caps-sticky{align-items:flex-end;padding-bottom:110px}.kl4-work-sticky-inner{display:flex;flex-direction:column;padding:90px var(--pad)}.kl4-work-sticky-title{position:relative;top:auto;min-height:auto;margin-bottom:48px}.kl4-work-title{font-size:clamp(56px,18vw,96px)}.kl4-case{min-height:auto}.kl4-about-inner,.kl4-objects-header{grid-template-columns:1fr}.kl4-caps-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.kl4-process-steps,.kl4-objects-grid{grid-template-columns:1fr}.kl4-hero-ctas{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kanel-system.css.map */