/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.design-case-kema{color:var(--pine);-webkit-font-smoothing:antialiased;--coral:var(--tone-db692f8f);--cream:var(--tone-311d3d54);--dark:var(--tone-93d37893);--line:var(--tone-3b68da82);--muted:var(--tone-d369d39d);--paper:var(--tone-e473539e);--pine:var(--tone-2867abb9);--sage:var(--tone-e29dc10d);background:var(--paper);font:15px/1.75 Inter,Avenir Next,system-ui,PingFang SC,sans-serif}.design-case-kema *{box-sizing:border-box}.design-case-kema a{color:inherit;text-decoration:none}.design-case-kema button{cursor:pointer;font:inherit}.design-case-kema :is(a,button,summary):focus-visible{outline:3px solid var(--coral);outline-offset:4px}.design-case-kema .shell{width:min(var(--site-content-max), calc(100% - 2 * var(--site-gutter)));margin:0 auto;max-width:none;margin-inline:auto;padding-inline:0}.design-case-kema .caps{letter-spacing:.155em;text-transform:uppercase;font-size:10px;font-weight:840}.design-case-kema .serif{letter-spacing:-.067em;font:400 clamp(38px,4.8vw,68px)/1.19 Georgia,Iowan Old Style,Songti SC,serif}.design-case-kema .serif em{color:var(--coral);font-style:normal}.design-case-kema .topnav{z-index:30;backdrop-filter:blur(12px);background:var(--tone-df758bf2);border-bottom:1px solid var(--line);position:sticky;top:0}.design-case-kema .navinner{align-items:center;gap:28px;min-height:78px;display:flex}.design-case-kema .wordmark{letter-spacing:-.12em;font-size:27px;font-weight:860;line-height:1}.design-case-kema .wordmark b{color:var(--coral)}.design-case-kema .brandtag{letter-spacing:.15em;border-left:1px solid var(--line);padding-left:13px;font-size:9px;font-weight:850;line-height:1.3}.design-case-kema .navlinks{align-items:center;gap:25px;margin-left:auto;display:flex}.design-case-kema .navlinks a{color:var(--tone-d369d39d);font-size:11px;font-weight:800}.design-case-kema .navlinks a:hover{color:var(--tone-1d82b142)}.design-case-kema .langs{border:1px solid var(--tone-ab6fa6c4);border-radius:50px;margin-left:13px;padding:3px;display:flex}.design-case-kema .langs a{color:var(--tone-acf99899);border-radius:25px;padding:7px 12px;font-size:11px;font-weight:840}.design-case-kema .langs a.active{color:#fff;background:var(--pine)}.design-case-kema .hamb{color:var(--pine);background:0 0;border:0;padding:7px;font-size:22px;display:none}.design-case-kema .mobile-links{padding:0 0 18px;display:none}.design-case-kema .mobile-links.show{flex-direction:column;gap:12px;display:flex}.design-case-kema .mobile-links a{font-size:13px;font-weight:800}.design-case-kema .btn{min-height:47px;color:var(--pine);border:1px solid var(--pine);border-radius:30px;justify-content:space-between;align-items:center;gap:22px;padding:13px 21px;font-size:12px;font-weight:850;transition:transform .2s,background .2s;display:inline-flex}.design-case-kema .btn:hover{transform:translateY(-2px)}.design-case-kema .btn.dark{color:#fff;background:var(--pine)}.design-case-kema .btn.dark:hover{background:var(--tone-f92fdd95)}.design-case-kema .btn.cream{border-color:var(--cream);background:var(--cream)}.design-case-kema .eyebrow{color:var(--tone-53b1f8c3);align-items:center;gap:11px;display:inline-flex}.design-case-kema .eyebrow:before{content:"";background:var(--coral);width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.design-case-kema .hero{background:radial-gradient(ellipse 47% 68% at 82% 24%,var(--tone-a62a1c46),transparent 95%),var(--paper);padding:72px 0 78px;overflow:hidden}.design-case-kema .hero-grid{grid-template-columns:minmax(0,1.03fr) .97fr;align-items:center;gap:60px;display:grid}.design-case-kema .crumb{color:var(--tone-f1bea0ca);margin-bottom:26px;font-weight:800;display:block}.design-case-kema .crumb a{text-underline-offset:4px;text-decoration:underline}.design-case-kema .hero h1{margin:27px 0 19px;font-size:clamp(43px,5vw,72px)}.design-case-kema .hero-lead{max-width:600px;color:var(--tone-e3703d9a);margin:0;font-size:17px;line-height:1.89}.design-case-kema .hero-actions{flex-wrap:wrap;gap:11px;margin:28px 0;display:flex}.design-case-kema .chips{flex-wrap:wrap;gap:9px;margin-top:33px;display:flex}.design-case-kema .chips span{color:var(--tone-92e0b570);border:1px solid var(--tone-a5e90abe);border-radius:25px;padding:7px 12px;font-size:11px;font-weight:800}.design-case-kema .hero-art{isolation:isolate;justify-content:center;align-items:center;height:520px;display:flex;position:relative}.design-case-kema .hero-art:before{z-index:-1;content:"";background:var(--tone-0a063355);border-radius:49% 51% 43% 57%/46% 56% 44% 54%;width:92%;height:88%;position:absolute;transform:rotate(-16deg)}.design-case-kema .art-orb{z-index:-1;background:var(--tone-712c94b1);border-radius:50%;width:82px;height:82px;position:absolute;top:8%;right:4%}.design-case-kema .art-sheet{width:88%;height:80%;box-shadow:13px 15px 0 var(--tone-38f03597),0 30px 42px var(--tone-bccb2b4a);background:var(--tone-311d3d54);border:1px solid var(--tone-3bbe0d42);border-radius:11px;flex-direction:column;display:flex;overflow:hidden;transform:rotate(-5deg)}.design-case-kema .art-bar{letter-spacing:.13em;border-bottom:1px solid var(--tone-b1d4cd23);justify-content:space-between;align-items:center;min-height:46px;padding:14px 20px;font-size:10px;font-weight:860;display:flex}.design-case-kema .art-body{flex:1;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:16px;padding:25px;display:grid}.design-case-kema .art-body h3{letter-spacing:-.066em;margin:0 0 15px;font:400 37px/1.17 Georgia,serif}.design-case-kema .art-body p{color:var(--tone-c88d544f);margin:0;font-size:11px}.design-case-kema .art-tile{background:linear-gradient(140deg,var(--tone-52f47e27),var(--tone-e8eee9f1));border-radius:78px 78px 12px 12px;place-items:center;height:145px;display:grid;position:relative;overflow:hidden}.design-case-kema .art-tile:before{width:65px;height:98px;box-shadow:7px 8px var(--tone-01205cb2);content:"";background:var(--tone-0aa10a1c);border-radius:27px 27px 11px 11px;position:absolute;top:31px;left:22px}.design-case-kema .art-tile:after{color:var(--tone-f7957c56);content:"K";font:600 31px/1 Georgia,serif;position:absolute;top:61px;left:42px}.design-case-kema .art-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 25px 24px;display:grid}.design-case-kema .art-products>div{min-height:75px;color:var(--tone-feeb211d);background:var(--tone-a04bbfd0);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:830;display:flex}.design-case-kema .art-products i{border:7px solid var(--tone-1dc41f74);border-radius:50%;width:29px;height:29px;display:block}.design-case-kema .art-stamp{color:var(--tone-d14f9016);box-shadow:0 14px 24px var(--tone-f29f079f);background:var(--pine);border-radius:9px;padding:16px 21px;font-size:12px;font-weight:850;position:absolute;bottom:4%;left:0;transform:rotate(7deg)}.design-case-kema .hero-track{background:var(--tone-436c91e5);border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-case-kema .hero-track div{border-right:1px solid var(--line);align-items:center;gap:13px;padding:23px 30px;display:flex}.design-case-kema .hero-track div:last-child{border:0}.design-case-kema .hero-track b{color:var(--tone-4f55d94a);font:400 28px Georgia,serif}.design-case-kema .hero-track span{font-size:12px;font-weight:790}.design-case-kema .section{padding:105px 0}.design-case-kema .section.white{background:var(--cream)}.design-case-kema .section.sage{background:var(--tone-77af54c7)}.design-case-kema .section.dark{color:var(--tone-d14f9016);background:var(--dark)}.design-case-kema .sectionhead{max-width:880px;margin-bottom:40px}.design-case-kema .sectionhead h2{margin:15px 0 22px}.design-case-kema .sectionhead p{max-width:775px;color:var(--muted);font-size:16px;line-height:1.9}.design-case-kema .section.dark .sectionhead p{color:var(--tone-238ee4d8)}.design-case-kema .problem-grid{grid-template-columns:.9fr minmax(0,1.1fr);align-items:start;gap:10%;display:grid}.design-case-kema .problem-grid .explain{color:var(--tone-1d2e89cc);font-size:16px;line-height:2}.design-case-kema .challenge-list{border-top:1px solid var(--line);margin:25px 0}.design-case-kema .challenge-item{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);gap:15px;padding:21px 0;display:grid}.design-case-kema .challenge-item>b{color:var(--tone-a91a5f72);font:400 25px Georgia,serif}.design-case-kema .challenge-item strong{font-size:16px}.design-case-kema .challenge-item p{color:var(--tone-7cb2b15d);margin:5px 0 0;font-size:13px}.design-case-kema .quote-note{color:var(--tone-9632255c);border-left:4px solid var(--coral);margin:29px 0;padding:12px 0 12px 22px;font:400 21px/1.55 Georgia,Songti SC,serif}.design-case-kema .tabs{border-bottom:1px solid var(--tone-98ca7cf9);gap:12px;display:flex}.design-case-kema .tab{color:var(--tone-0ef9674b);background:0 0;border:0;padding:16px 20px 19px;font-size:12px;font-weight:800}.design-case-kema .tab[aria-selected=true]{border-color:var(--coral);color:#fff}.design-case-kema .tab-layout{grid-template-columns:.85fr minmax(0,1.15fr);align-items:center;gap:10%;min-height:350px;padding-top:39px;display:grid}.design-case-kema .tab-copy h3{margin:0 0 20px;font:400 30px/1.32 Georgia,Songti SC,serif}.design-case-kema .tab-copy p{color:var(--tone-a7b005e2);font-size:15px;line-height:1.9}.design-case-kema .flow-card{min-height:265px;box-shadow:12px 13px 0 var(--tone-fa11110e);background:var(--tone-a92005d3);border:1px solid var(--tone-dc4faf5b);border-radius:16px;padding:25px 27px}.design-case-kema .flow-top{color:var(--tone-14839eab);border-bottom:1px solid var(--tone-89abb5ca);justify-content:space-between;padding-bottom:14px;display:flex}.design-case-kema .flow-card h4{letter-spacing:-.045em;max-width:370px;margin:24px 0;font:400 35px/1.18 Georgia,Songti SC,serif}.design-case-kema .flow-card p{color:var(--tone-3ca4b4e4);font-size:12px;line-height:1.8}.design-case-kema .flow-progress{gap:8px;margin-top:18px;display:flex}.design-case-kema .flow-progress i{background:var(--tone-d520e11b);border-radius:8px;flex:1;height:4px}.design-case-kema .flow-progress i.active{background:var(--tone-d161353c)}.design-case-kema .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.design-case-kema .solution-card{background:var(--tone-e8f2512a);border:1px solid var(--tone-4284ae30);border-radius:7px 24px 7px 7px;min-height:242px;padding:30px}.design-case-kema .solution-card .num{color:var(--tone-030f2d67);font:400 24px Georgia,serif}.design-case-kema .solution-card h3{letter-spacing:-.035em;margin:29px 0 10px;font-size:22px;line-height:1.28}.design-case-kema .solution-card p{color:var(--tone-dd965f52);margin:0;font-size:13px;line-height:1.85}.design-case-kema .solution-card small{letter-spacing:.11em;color:var(--tone-a0495b4c);margin-top:17px;font-size:10px;font-weight:840;display:block}.design-case-kema .reference-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;display:grid}.design-case-kema .reference-grid p{color:var(--tone-a6be73fc);font-size:16px;line-height:1.9}.design-case-kema .preview-window{min-height:370px;box-shadow:12px 14px 0 var(--tone-fa59c6d6);background:var(--tone-f2e39f8a);border:1px solid var(--tone-4a9ed00f);border-radius:13px;padding:15px}.design-case-kema .window-top{border-bottom:1px solid var(--tone-02aeb2b7);align-items:center;gap:6px;padding:4px 6px 14px;display:flex}.design-case-kema .window-top i{background:var(--tone-98b94d40);border-radius:50%;width:7px;height:7px;display:inline-block}.design-case-kema .window-top span{color:var(--tone-9d7535b8);margin:auto;font-size:10px}.design-case-kema .reference-image{background:linear-gradient(150deg,var(--tone-6481e50a) 10%,var(--tone-12d8b87f) 80%);min-height:314px;position:relative;overflow:hidden}.design-case-kema .reference-image img{object-fit:cover;object-position:top;background:#fff;width:100%;height:314px;position:absolute;inset:0}.design-case-kema .reference-fallback{text-align:center;color:var(--tone-5bedf260);place-items:center;padding:45px;display:grid;position:absolute;inset:0}.design-case-kema .reference-fallback .large{letter-spacing:-.09em;margin-bottom:15px;font:400 60px/1 Georgia,serif}.design-case-kema .caption{color:var(--tone-9c116764);font-size:11px;line-height:1.7}.design-case-kema .evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:28px 0;display:grid}.design-case-kema .evidence-row{background:var(--tone-f2e39f8a);border-top:2px solid var(--coral);min-height:209px;padding:25px 26px}.design-case-kema .evidence-row h3{margin:0 0 12px;font:400 27px Georgia,Songti SC,serif}.design-case-kema .evidence-row p{color:var(--tone-89442c5f);margin:0;font-size:13px;line-height:1.9}.design-case-kema .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.design-case-kema .related-grid a{background:var(--tone-f2e39f8a);border:1px solid var(--tone-67181fa5);border-radius:7px 22px 7px 7px;flex-direction:column;justify-content:space-between;min-height:180px;padding:27px;transition:transform .2s;display:flex}.design-case-kema .related-grid a:hover{transform:translateY(-4px)}.design-case-kema .related-grid b{font:400 30px Georgia,serif}.design-case-kema .related-grid p{color:var(--tone-4c9413b0);margin:8px 0;font-size:13px}.design-case-kema .related-grid span{font-size:12px;font-weight:850}.design-case-kema .cta{color:#fff;background:var(--pine);padding:96px 0;position:relative;overflow:hidden}.design-case-kema .cta:after{color:var(--tone-34e4f820);opacity:.56;content:"K";font:400 390px/.8 Georgia,serif;position:absolute;top:-80px;right:-70px}.design-case-kema .cta .inner{z-index:1;position:relative}.design-case-kema .cta .inner>:is(h2,p){max-width:890px;margin-inline:auto}.design-case-kema .cta h2{margin:22px 0;line-height:1.25}.design-case-kema .cta p{max-width:700px;color:var(--tone-9624df21);font-size:16px;line-height:1.8}.design-case-kema .cta .btn{margin-top:14px}.design-case-kema .footer{color:var(--tone-cd3559d8);background:var(--tone-b003ac01);padding:42px 0}.design-case-kema .footin{justify-content:space-between;align-items:center;gap:22px;display:flex}.design-case-kema .footer p{max-width:700px;color:var(--tone-1d430e52);font-size:11px}.design-case-kema .footer a{font-size:12px;font-weight:800}@media (width<=900px){.design-case-kema .hero-grid{gap:25px}.design-case-kema .hero-art{height:440px}.design-case-kema .art-body h3{font-size:29px}.design-case-kema .reference-grid{gap:30px}.design-case-kema .navlinks{gap:12px}}@media (width<=700px){.design-case-kema .navinner{gap:16px;min-height:70px}.design-case-kema .navlinks{display:none}.design-case-kema .langs{margin-left:auto}.design-case-kema .hamb{display:block}.design-case-kema .hero{padding:41px 0 48px}.design-case-kema .hero-grid{grid-template-columns:minmax(0,1fr)}.design-case-kema .hero h1{font-size:clamp(39px,9.2vw,61px)}.design-case-kema .hero-lead{font-size:15px}.design-case-kema .hero-art{width:min(490px,100%);height:355px;margin:5px auto}.design-case-kema .art-body h3{font-size:30px}.design-case-kema .art-sheet{width:79%;height:83%}.design-case-kema .art-stamp{padding:10px 14px;font-size:10px;bottom:0}.design-case-kema .hero-track{grid-template-columns:minmax(0,1fr)}.design-case-kema .hero-track div{border-bottom:1px solid var(--line);border-right:0;padding:15px 20px}.design-case-kema .section{padding:69px 0}.design-case-kema .sectionhead h2{font-size:clamp(36px,7.5vw,54px)}.design-case-kema .problem-grid,.design-case-kema .tab-layout,.design-case-kema .reference-grid{grid-template-columns:minmax(0,1fr);gap:24px}.design-case-kema .tab-layout{padding-top:30px}.design-case-kema .tab{flex:1;padding:12px 9px 15px;font-size:11px}.design-case-kema .solution-grid,.design-case-kema .evidence-grid,.design-case-kema .related-grid{grid-template-columns:minmax(0,1fr)}.design-case-kema .solution-card{min-height:190px}.design-case-kema .evidence-row{min-height:0}.design-case-kema .cta{padding:70px 0}.design-case-kema .cta:after{font-size:270px;top:80px;right:-110px}.design-case-kema .footin{flex-direction:column;align-items:flex-start}}@media (width<=360px){.design-case-kema .hero h1{font-size:36px}.design-case-kema .wordmark{font-size:23px}.design-case-kema .brandtag{font-size:8px}.design-case-kema .langs a{padding:6px 8px}.design-case-kema .art-sheet{width:83%}.design-case-kema .art-body{grid-template-columns:minmax(0,1fr) 75px;padding:17px}.design-case-kema .art-body h3{font-size:25px}.design-case-kema .art-products{padding:0 17px 20px}.design-case-kema .flow-card{padding:21px}.design-case-kema .flow-card h4{font-size:28px}}@media (prefers-reduced-motion:reduce){.design-case-kema *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.design-case-kema [hidden]{display:none!important}