.ka-applications{background:#fdd14b;color:#462211;padding:7vw 4vw 6vw;scroll-margin-top:70px}.ka-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px 4vw;margin-bottom:4.5vw;align-items:start}.ka-heading>.kv-kicker{padding-top:10px}.ka-heading h2{font-size:clamp(48px,7.3vw,120px);line-height:.88;letter-spacing:-.065em}.ka-intro{grid-column:2;font-size:clamp(14px,1.2vw,18px);line-height:1.5;max-width:430px}.ka-main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;align-items:start;max-width:1180px;margin-inline:auto}.ka-piece{margin:0;min-width:0}.ka-open{position:relative;display:block;overflow:hidden;background:#fbecd9;outline-offset:6px!important}.ka-open img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.ka-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:35px;height:35px;background:#fbecd9;color:#462211;border-radius:50%;font:22px Arial,sans-serif;box-shadow:0 2px 10px #46221110;transition:background .2s,transform .2s}.ka-open:hover .ka-expand{background:#ea5724;transform:rotate(45deg)}.ka-piece figcaption{display:flex;align-items:baseline;gap:12px;font:11px/1.4 KoffeeMono,monospace;padding-top:12px;letter-spacing:.01em}.ka-piece figcaption>span{font-size:9px;opacity:.6}.ka-everywhere-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:7vw;padding-top:30px;border-top:1px solid #46221155;margin-bottom:30px}.ka-everywhere-heading h3{font:800 clamp(32px,4.3vw,72px)/.95 KoffeeDisplay,Arial,sans-serif;letter-spacing:-.055em}.ka-everywhere-heading>p{font:11px/1.55 KoffeeMono,monospace;max-width:235px;padding-bottom:4px}.ka-everywhere-heading>p>span{display:inline-block;margin-left:12px;font:25px/1 Arial,sans-serif}.ka-object-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}.ka-object-grid .ka-open img{aspect-ratio:auto;object-fit:contain;max-height:300px}.ka-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px 30px;background:#122035;color:#fbecd9;border:0;overflow:hidden}.ka-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.ka-dialog::backdrop{background:#122035e8}.ka-dialog-top,.ka-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}.ka-dialog-top p{font:12px/1.4 KoffeeMono,monospace;letter-spacing:.02em;margin:0}.ka-dialog-top p span{display:inline-block;margin-left:24px;opacity:.65}.ka-dialog button{border:1px solid #fbecd966;color:#fbecd9;background:transparent;min-width:48px;min-height:46px;font:12px/1.4 KoffeeMono,monospace;padding:10px 16px;cursor:pointer}.ka-dialog button:hover{color:#122035;background:#fbecd9}.ka-dialog button:focus-visible{outline:3px solid #fdd14b;outline-offset:4px}.ka-close{display:flex;gap:24px;align-items:center}.ka-close>span{font:26px/1 Arial,sans-serif}.ka-dialog-art{min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.ka-dialog-art img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 20px 60px #0002}.ka-dialog-bottom{max-width:1050px;width:100%;margin:auto}.ka-dialog-bottom>p{text-align:center;font:12px/1.4 KoffeeMono,monospace;margin:0}.ka-dialog-bottom>button{font:24px/1 Arial,sans-serif}.ka-dialog[aria-busy=true] .ka-dialog-art{opacity:.6}
@media(max-width:1000px){.ka-object-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px}.ka-main-grid{gap:22px 16px}.ka-piece figcaption{font-size:10px;gap:8px}.ka-heading{grid-template-columns:1fr 2.4fr}.ka-dialog{padding:16px 22px}}
@media(max-width:650px){.ka-applications{padding:52px 5vw 46px}.ka-heading{display:block;margin-bottom:30px}.ka-heading>.kv-kicker{padding:0;font-size:9px;margin-bottom:24px}.ka-heading h2{font-size:clamp(48px,13vw,76px);line-height:.9}.ka-intro{font-size:12px;line-height:1.5;margin-top:22px;max-width:260px}.ka-main-grid{display:block;columns:2;column-gap:14px}.ka-main-grid>.ka-piece{break-inside:avoid;margin-bottom:24px}.ka-piece figcaption{font-size:9px;line-height:1.45;gap:6px;padding-top:9px}.ka-piece figcaption>span{font-size:8px}.ka-expand{right:8px;bottom:8px;width:29px;height:29px;font-size:20px}.ka-everywhere-heading{display:block;margin-top:26px;padding-top:25px;margin-bottom:24px}.ka-everywhere-heading h3{font-size:clamp(32px,9.5vw,48px)}.ka-everywhere-heading>p{font-size:10px;margin-top:18px;max-width:none}.ka-everywhere-heading>p>span{font-size:19px}.ka-object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.ka-dialog{padding:12px 14px;gap:12px!important}.ka-dialog-top,.ka-dialog-bottom{gap:10px}.ka-dialog-top p{font-size:10px}.ka-dialog-top p span{margin-left:12px}.ka-dialog button{font-size:10px;min-height:44px;padding:9px 12px}.ka-dialog-bottom>button{font-size:24px}.ka-dialog-bottom>p{font-size:10px}.ka-close{gap:12px}.ka-close>span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ka-open img,.ka-expand{transition:none}.ka-open:hover img{transform:none}}

.ka-main-grid .ka-open,.ka-object-grid .ka-open{background:transparent}.ka-object-grid{max-width:1180px;margin-inline:auto}.ka-object-grid .ka-open img{width:100%}@media(min-width:651px) and (max-width:900px){.ka-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ka-main-grid .ka-open img{max-height:300px}}