/* KUBE case — showroom catalogue, price labels and material swatches. */
.kb-case{--ink:#292520;--muted:#746d65;--paper:#f2eee7;--white:#fff;--mint:#60aca2;--mint-dark:#3e7e76;--orange:#d9481c;--line:rgba(41,37,32,.14);--display:"Lora",serif;--body:"Outfit",sans-serif;background:var(--paper);color:var(--ink);font-family:var(--body)}
body:has(.kb-case){background:var(--paper);background-image:none}
.kb-case a:focus-visible,.kb-case summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.kb-hero{position:relative;overflow:hidden;padding:2rem 0 5rem;background:#e8e1d7}
.kb-hero:after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:15%;border-radius:50%;background:var(--mint);opacity:.16}
.kb-breadcrumb{position:relative;z-index:2}.kb-hero__grid{position:relative;z-index:1;display:grid;gap:3rem;align-items:center;margin-top:2.5rem}
@media(min-width:980px){.kb-hero__grid{grid-template-columns:minmax(330px,.82fr) minmax(540px,1.18fr);gap:clamp(3rem,6vw,6rem);min-height:590px}}
.kb-logo{display:block;width:150px;height:auto;max-height:80px;object-fit:contain;object-position:left center;margin:0 0 1.8rem}
.kb-kicker{margin:0 0 .75rem;color:var(--orange);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.kb-h1{max-width:13ch;margin:0 0 1.25rem;font-family:var(--display);font-size:clamp(2.55rem,5vw,5.1rem);font-weight:500;line-height:.99;letter-spacing:-.045em}
.kb-context{margin:0 0 .8rem;color:var(--mint-dark);font-size:.82rem;font-weight:600}.kb-lead,.kb-body{max-width:67ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.72}.kb-lead{margin-bottom:1.6rem}
.kb-actions{display:flex;flex-wrap:wrap;gap:.7rem}.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;padding:.65rem 1.15rem;border:1px solid var(--ink);font-size:.82rem;font-weight:600;text-decoration:none;transition:.18s}
.kb-btn--ink{color:#fff;background:var(--ink)}.kb-btn--ink:hover{color:#fff;background:var(--orange);border-color:var(--orange)}.kb-btn--line{color:var(--ink);background:transparent}.kb-btn--line:hover{color:var(--ink);background:rgba(255,255,255,.55)}
.kb-preview{position:relative;margin:0;padding:1.2rem;background:#fff;box-shadow:0 26px 60px rgba(50,38,27,.18);transform:rotate(.7deg)}
.kb-preview:before{content:"";position:absolute;left:-18px;bottom:-18px;width:72px;height:72px;background:var(--orange);z-index:-1}
.kb-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.kb-preview__label{display:block;margin-bottom:.8rem;color:var(--muted);font-size:.65rem;font-weight:600;letter-spacing:.13em}.kb-preview figcaption{margin-top:.7rem;color:var(--muted);font-size:.65rem}
.kb-section{padding:4rem 0}@media(min-width:960px){.kb-section{padding:6rem 0}}.kb-section--white{background:#fff}.kb-section--paper{background:var(--paper)}
.kb-h2{max-width:23ch;margin:0 0 1rem;font-family:var(--display);font-size:clamp(2rem,4.2vw,4rem);font-weight:500;line-height:1.03;letter-spacing:-.04em}
.kb-brief{display:grid;gap:3rem}@media(min-width:920px){.kb-brief{grid-template-columns:1fr 1fr;gap:5rem;align-items:end}}
.kb-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);background:#fff}.kb-compare__side{padding:1rem}.kb-compare__side+div{border-left:1px solid var(--ink)}.kb-compare__side>b{display:block;margin-bottom:1.5rem;font-size:.65rem;letter-spacing:.15em}.kb-compare__side--before>b{color:var(--orange)}.kb-compare__side--after>b{color:var(--mint-dark)}
.kb-compare article{padding:.9rem 0;border-top:1px solid var(--line)}.kb-compare strong,.kb-compare span{display:block}.kb-compare strong{font-family:var(--display);font-size:1.45rem;font-weight:500}.kb-compare span{color:var(--muted);font-size:.72rem}
.kb-scope{display:grid;margin-top:3rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}@media(min-width:720px){.kb-scope{grid-template-columns:repeat(2,1fr)}}@media(min-width:1050px){.kb-scope{grid-template-columns:repeat(3,1fr)}}
.kb-scope article{min-height:245px;padding:1.3rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.kb-scope article>span{display:block;margin-bottom:3rem;color:var(--orange);font-size:.68rem;font-weight:600}.kb-scope h3,.kb-route h3,.kb-migration h3,.kb-performance h3{margin:0 0 .55rem;font-size:1.05rem;font-weight:600}.kb-scope p,.kb-route p,.kb-migration p,.kb-performance p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}
.kb-catalog{color:#fff;background:var(--ink)}.kb-catalog .kb-h2{color:#fff}.kb-catalog .kb-body{color:rgba(255,255,255,.62)}.kb-catalog__head{display:grid;gap:1.5rem}@media(min-width:900px){.kb-catalog__head{grid-template-columns:1fr .7fr;gap:5rem;align-items:end}}
.kb-route{display:grid;margin-top:3rem;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}@media(min-width:800px){.kb-route{grid-template-columns:repeat(4,1fr)}}
.kb-route article{position:relative;min-height:210px;padding:1.2rem;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.kb-route article>span{display:grid;place-items:center;width:2rem;height:2rem;margin-bottom:3rem;border-radius:50%;color:var(--ink);background:var(--mint);font-weight:600}.kb-route h3{color:#fff}.kb-route p{color:rgba(255,255,255,.58)}
.kb-admin{display:grid;gap:3rem}@media(min-width:900px){.kb-admin{grid-template-columns:.85fr 1.15fr;gap:5rem;align-items:center}}
.kb-admin__panel{border:1px solid var(--line);background:#fff;box-shadow:14px 16px 0 rgba(96,172,162,.2)}.kb-admin__bar{display:flex;align-items:center;gap:6px;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:#f7f7f5}.kb-admin__bar span{width:8px;height:8px;border-radius:50%;background:#c8c5bf}.kb-admin__bar span:first-child{background:var(--orange)}.kb-admin__bar b{margin-left:auto;font-size:.65rem;letter-spacing:.12em}
.kb-admin ul{margin:0;padding:1.2rem;list-style:none}.kb-admin li{display:flex;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.88rem}.kb-admin li:last-child{border:0}.kb-admin li i{flex:none;color:var(--mint-dark)}
.kb-migration{display:grid;margin-top:3rem;border-top:3px solid var(--ink)}@media(min-width:800px){.kb-migration{grid-template-columns:repeat(4,1fr)}}.kb-migration article{padding:1.3rem 1rem;border-bottom:1px solid var(--line)}@media(min-width:800px){.kb-migration article{border-right:1px solid var(--line)}}.kb-migration b{display:block;margin-bottom:2.8rem;color:var(--orange);font-size:.68rem}
.kb-performance{background:var(--mint);color:#153834}.kb-performance .kb-kicker{color:#fff}.kb-performance .kb-h2{color:#153834}.kb-performance .kb-body{color:rgba(21,56,52,.75)}
.kb-performance__grid{display:grid;margin-top:3rem;border-top:1px solid rgba(21,56,52,.35);border-left:1px solid rgba(21,56,52,.35)}@media(min-width:800px){.kb-performance__grid{grid-template-columns:repeat(2,1fr)}}.kb-performance article{padding:1.3rem;border-right:1px solid rgba(21,56,52,.35);border-bottom:1px solid rgba(21,56,52,.35)}.kb-performance article>span{display:block;margin-bottom:2rem;color:#fff;font-size:.68rem}.kb-performance p{color:rgba(21,56,52,.76)}
.kb-seo{display:grid;gap:1.5rem}@media(min-width:900px){.kb-seo{grid-template-columns:1fr .75fr;gap:5rem;align-items:end}}
.kb-tech{background:#e8e1d7}.kb-tech__tags{display:flex;flex-wrap:wrap;margin-top:2rem;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.kb-tech__tags span{padding:.75rem 1rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:.78rem;font-weight:600}
.kb-cta{display:grid;gap:2rem;margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--ink)}@media(min-width:880px){.kb-cta{grid-template-columns:1fr auto;align-items:end;gap:4rem}}.kb-cta h3{max-width:24ch;margin:0 0 .7rem;font-family:var(--display);font-size:clamp(1.55rem,3vw,2.5rem);font-weight:500;line-height:1.12}.kb-cta p{max-width:65ch;margin:0;color:var(--muted);line-height:1.65}
.kb-faq{max-width:950px;margin-top:2.5rem;border-top:1px solid var(--ink)}.kb-faq details{border-bottom:1px solid var(--line)}.kb-faq summary{position:relative;padding:1.35rem 2.5rem 1.35rem 0;cursor:pointer;list-style:none;font-weight:600}.kb-faq summary::-webkit-details-marker{display:none}.kb-faq summary:after{content:"+";position:absolute;right:0;color:var(--orange);font-size:1.2rem}.kb-faq details[open] summary:after{content:"−"}.kb-faq details p{max-width:70ch;margin:0;padding:0 2.5rem 1.5rem 0;color:var(--muted);line-height:1.7}
.kb-related{background:var(--paper)}.kb-related .lt-carousel{margin-top:2rem}
@media(max-width:640px){.kb-hero{padding-top:1.4rem;padding-bottom:4rem}.kb-logo{width:120px}.kb-actions,.kb-actions .kb-btn{width:100%}.kb-preview{padding:.7rem;transform:none}.kb-preview:before{left:-8px;bottom:-8px}.kb-section{padding:3.5rem 0}.kb-compare{grid-template-columns:1fr}.kb-compare__side+div{border-left:0;border-top:1px solid var(--ink)}.kb-scope article{min-height:0}.kb-scope article>span,.kb-route article>span,.kb-migration b{margin-bottom:1.4rem}.kb-route article{min-height:0}}
@media(prefers-reduced-motion:reduce){.kb-case *,.kb-case *:before,.kb-case *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
