.knx-page{--knx-bg:#000;background:#000}.knx-page .knx-centered{text-align:center}.knx-centered .knx-lead,.knx-centered .knx-note{margin-left:auto;margin-right:auto;max-width:850px}.knx-page .knx-centered h2{max-width:none}.knx-page .knx-intro{text-align:center}.knx-page .knx-intro h2,.knx-page .knx-intro .knx-lead{margin-inline:auto}.knx-intro .knx-stat-row{text-align:left}.knx-page .knx-kicker{letter-spacing:.08em}.knx-page .knx-hero-foot>span:first-child{font-size:14px}
.knx-cinema{background:#000;padding:110px 0 30px}.knx-cinema h2{font-size:clamp(42px,5vw,88px);line-height:1.16;letter-spacing:-.04em;margin:20px 0 30px}.knx-cinema h2 em{background:linear-gradient(105deg,#8effcc,#60c6ff 46%,#ad9aff 78%,#ffad85);background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}.knx-film-frame{position:relative;width:100%;margin:70px auto 0;background:#000;overflow:hidden}.knx-film-frame video{display:block;width:100%;height:clamp(400px,54vw,920px);object-fit:cover}.knx-film-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#000 0%,transparent 9%,transparent 88%,#000)}.knx-film-controls{display:flex;justify-content:space-between;align-items:center;margin:12px auto 0;gap:30px;color:#b6bbc7}.knx-film-controls button{background:none;color:#fff;border:0;border-bottom:1px solid #737888;padding:12px;font:inherit;cursor:pointer}.knx-film-controls p{margin:0;font-size:14px}
.knx-device-section{background:#1d1d1f;padding:100px 0 105px;scroll-margin-top:120px}.knx-device-section .knx-lead{max-width:900px}.knx-device-stage{margin-top:56px;background:#000;border-radius:36px;padding:42px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:45px;min-height:780px}.knx-device-index{border-right:1px solid #292a2e;padding-right:24px}.knx-device-index>p{font-size:14px;color:#a8adba;margin:0 0 15px}.knx-device-group{margin-bottom:21px}.knx-device-group h3{font-size:14px!important;font-weight:400;color:#9298a6;margin:0 0 8px!important}.knx-device-group button{display:block;width:100%;background:transparent;border:0;text-align:left;color:#d7d8df;font:500 16px/1.45 "Helvetica Neue",Helvetica,"PingFang SC",sans-serif;padding:7px 10px;border-radius:7px;cursor:pointer}.knx-device-group button[aria-pressed=true]{background:#222d35;color:#90e6d0}.knx-device-main{min-width:0}.knx-device-heading{display:flex;justify-content:space-between;align-items:center}.knx-device-heading p{font-size:14px;color:#9babc2}.knx-device-heading h3{font-size:clamp(28px,3vw,44px);margin:7px 0 16px}.knx-device-heading>span{font-size:15px;color:#999eab}.knx-device-functions{color:#ced0d9;line-height:1.7;font-size:17px;min-height:32px;margin:0 0 30px}.knx-device-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:40px;align-items:start}.knx-device-preview{--device-color:#b9ead4;--device-level:1;--opening:28%;--slat:35deg;--fan-time:2s;position:relative;aspect-ratio:1/1;min-height:300px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#173244,#070b0c 72%);display:flex;justify-content:center;align-items:center;flex-direction:column}.knx-device-reading{position:relative;z-index:2;text-align:center;padding:18px;max-width:100%;overflow-wrap:anywhere}.knx-device-reading strong{font-size:clamp(29px,2.6vw,48px);font-weight:500;display:block;line-height:1.3;color:#fff}.knx-device-reading span{display:block;font-size:14px;margin-top:10px;color:#cdd2de}.knx-device-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse,var(--device-color),transparent 64%);opacity:calc(var(--device-level)*.4);filter:blur(25px);transition:opacity .3s,background .4s}.knx-device-preview.is-off .knx-device-glow{opacity:0}.knx-device-preview.is-alarm{box-shadow:inset 0 0 80px #c63e2744}.knx-window-diagram{display:none;position:absolute;inset:20px;border:3px solid #738581;border-radius:6px;overflow:hidden;background:url('/assets/knx-desktop-v02/nature-interior.webp') 60% 45%/cover}.knx-window-diagram:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010ee,#10101055 50%,#101010bb)}.knx-window-diagram i{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(90deg,#203039,#3c5159 9px,#24393e 18px);width:calc(50% - var(--opening));z-index:1;transition:width .09s linear}.knx-window-diagram i:first-child{left:0}.knx-window-diagram i:last-child{right:0}.knx-device-preview[data-kind=curtain] .knx-window-diagram,.knx-device-preview[data-kind=blind] .knx-window-diagram{display:block}.knx-device-preview[data-kind=blind] .knx-window-diagram i:first-child{width:100%;height:calc(100% - var(--opening)*2);background:repeating-linear-gradient(0deg,#526269 0 6px,#192328 7px 14px);transform:perspective(800px) rotateX(calc(var(--slat)*.2));transform-origin:top}.knx-device-preview[data-kind=blind] .knx-window-diagram i:last-child{display:none}.knx-device-preview[data-kind=curtain] .knx-device-reading,.knx-device-preview[data-kind=blind] .knx-device-reading{align-self:stretch;margin-top:auto;padding:32px 15px;background:linear-gradient(transparent,#000)}.knx-fan-diagram{display:none;width:110px;position:relative;color:var(--device-color);margin-bottom:24px}.knx-device-preview[data-kind=fan] .knx-fan-diagram,.knx-device-preview[data-kind=climate] .knx-fan-diagram{display:block}.knx-device-preview.is-active .knx-fan-diagram{animation:knx-fan-spin var(--fan-time) linear infinite}.knx-device-feedback{margin:25px 0 0}.knx-device-feedback>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #25272c;font-size:15px}.knx-device-feedback dt{color:#aeb5c1}.knx-device-feedback dd{margin:0;color:#e7ebf3;text-align:right}.knx-device-controls{display:flex;flex-wrap:wrap;gap:18px 9px;align-content:start}.knx-device-field{margin:0;padding:0;border:0;width:100%;min-width:0}.knx-device-field legend{font-size:15px;color:#bfc3d0;margin:0 0 9px}.knx-device-options{display:flex;flex-wrap:wrap;gap:6px}.knx-device-options button,.knx-device-action{background:#191c22;color:#d6dce7;border:1px solid transparent;border-radius:8px;font:500 14px/1.4 "Helvetica Neue",Helvetica,"PingFang SC",sans-serif;padding:10px 13px;cursor:pointer;min-height:42px}.knx-device-options button[aria-pressed=true]{background:#d1eee6;color:#112722}.knx-device-action{background:transparent;color:#87decd;border-bottom:1px solid #48555c;border-radius:0;padding-inline:0;margin-right:15px}.knx-device-range{width:100%;display:block;color:#c8ccd6;font-size:15px}.knx-device-range>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.knx-device-range output{color:#91e7d6;white-space:nowrap}.knx-device-range input{width:100%;accent-color:#91e7d6;height:26px;cursor:pointer}.knx-device-color{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#c8ccd6}.knx-device-color input{width:62px;height:38px;padding:0;border:0;background:none;cursor:pointer}.knx-device-event{margin:27px 0 14px;color:#8ccfbf;font-size:14px;min-height:24px}.knx-device-section #knx-device-note{line-height:1.8;font-size:14px!important;color:#aeb4bf;margin:0}.knx-device-footer{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:16px}.knx-device-footer button{font:inherit;color:#ddd;background:transparent;border:0;padding:10px 0;cursor:pointer}.knx-device-footer>div{display:flex;gap:25px}.knx-page button:focus-visible,.knx-page a:focus-visible,.knx-page input:focus-visible{outline:2px solid #8fe6ce;outline-offset:4px}
.knx-villas{padding:115px 0 95px;background:#000;overflow:hidden}.knx-villa-rail{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 max(5vw,calc((100vw - 1400px)/2)) 22px}.knx-villa-story{margin:0;flex:0 0 min(740px,72vw);scroll-snap-align:center}.knx-villa-story:nth-child(2){flex-basis:min(590px,65vw)}.knx-villa-story img{width:100%;height:470px;object-fit:cover;border-radius:28px;display:block}.knx-villa-story figcaption{padding:26px 7px;color:#aeb4bd;line-height:1.85;font-size:17px;max-width:650px}.knx-villa-story h3{color:#fff;font-size:25px;font-weight:500;line-height:1.5;margin:0 0 13px}.knx-villa-story p{margin:0}.knx-villa-controls{display:flex;justify-content:flex-end;gap:12px}.knx-villa-controls button{border:0;border-radius:50%;background:#24262b;color:#e4e7ed;font-size:23px;width:48px;height:48px;cursor:pointer}.knx-nature-statement{background:#000;padding:35px 0 90px}.knx-nature-statement img{display:block;width:100%;height:600px;object-fit:cover;object-position:center;border-radius:30px}.knx-nature-statement h2{margin-top:70px}.knx-gray-spec{background:#1d1d1f;padding-inline:5vw!important;max-width:none!important;width:100%!important}.knx-gray-spec>.knx-black-inner{max-width:1400px;margin:0 auto;background:#000;border-radius:36px;padding:70px 80px}.knx-warranty{display:flex;align-items:baseline;justify-content:center;gap:15px;padding:25px 0 15px}.knx-warranty strong{font-size:76px;font-weight:500;color:#9cd6cc}.knx-warranty span{font-size:25px;color:#e2e7ec}.knx-centered .knx-warranty+p{font-size:15px;color:#aeb4bd}
@keyframes knx-fan-spin{to{transform:rotate(360deg)}}
@media(min-width:1800px){.knx-device-stage{grid-template-columns:260px minmax(0,1fr)}.knx-device-workspace{gap:60px}}
@media(max-width:1100px){.knx-device-stage{padding:27px;gap:25px;grid-template-columns:190px minmax(0,1fr)}.knx-device-workspace{grid-template-columns:1fr}.knx-device-preview{aspect-ratio:1.4;min-height:250px}.knx-device-index{padding-right:14px}.knx-villa-story img{height:390px}.knx-gray-spec>.knx-black-inner{padding:45px}}
@media(max-width:700px){.knx-device-stage{display:block;padding:22px;border-radius:22px}.knx-device-index{border:0;padding:0;margin-bottom:30px;max-height:245px;overflow:auto}.knx-device-group{margin-bottom:12px}.knx-device-group button{display:inline-block;width:auto;font-size:14px}.knx-device-preview{min-height:270px}.knx-device-workspace{gap:24px}.knx-device-main{border-top:1px solid #333;padding-top:15px}.knx-device-footer{font-size:14px}.knx-device-section{padding-block:65px}.knx-film-frame video{height:330px}.knx-film-controls{align-items:start;font-size:13px}.knx-villa-rail{gap:18px}.knx-villa-story,.knx-villa-story:nth-child(2){flex-basis:85vw}.knx-villa-story img{height:340px}.knx-villa-story figcaption{font-size:16px}.knx-nature-statement img{height:400px;border-radius:20px}.knx-gray-spec>.knx-black-inner{padding:30px 22px;border-radius:22px}.knx-warranty strong{font-size:58px}}
@media(prefers-reduced-motion:reduce){.knx-page *, .knx-page *:before,.knx-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}