.ki-identity{background:#fbecd9;color:#462211;padding:76px 4vw 0;position:relative}.ki-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:4vw;padding-bottom:54px}.ki-heading>p{font-family:KoffeeMono,monospace;font-size:10px;letter-spacing:.04em;line-height:1.6;padding-top:8px}.kv-case .ki-heading h2{font-family:KoffeeDisplay,Arial,sans-serif;font-size:clamp(48px,7vw,110px);line-height:.91;font-weight:800;letter-spacing:-.065em;max-width:720px;width:63%}.ki-types{display:grid;grid-template-columns:1.65fr 1fr;border-top:1px solid #46221150}.ki-type{min-width:0;padding:27px 0 35px}.ki-type+.ki-type{border-left:1px solid #46221150;padding-left:3.5vw;margin-left:3.5vw}.ki-type-heading{display:flex;gap:15px;align-items:baseline;min-height:55px}.ki-type-heading>span{font-family:KoffeeMono,monospace;font-size:9px;opacity:.6}.ki-type-heading h3{font-family:KoffeeMono,monospace;font-size:clamp(11px,1.05vw,16px);font-weight:400;letter-spacing:0;line-height:1.5;margin:0}.ki-display-specimen{font-family:KoffeeDisplay,Arial,sans-serif;font-size:clamp(66px,10vw,160px);font-weight:800;letter-spacing:-.075em;line-height:.84;padding:18px 0 35px;margin:0}.ki-display-specimen>span{color:#ea5724}.ki-type-foot{font-family:KoffeeMono,monospace;font-size:clamp(10px,.9vw,13px);letter-spacing:.03em;line-height:1.5;margin-top:10px}.ki-mono-specimen{font-family:KoffeeMono,monospace;font-size:clamp(26px,3.5vw,56px);font-weight:400;line-height:1.18;letter-spacing:-.06em;padding:23px 0 32px;margin:0}.ki-mono-mark{display:block;color:#ea5724;letter-spacing:.12em;font-size:.6em;margin-top:32px}.ki-mono .ki-type-foot{margin-top:0}.ki-palette{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 -4vw;padding:0;border-top:1px solid #46221135}.ki-palette li{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:clamp(180px,18vw,275px);padding:20px 22px 24px;background:var(--ki-bg);color:var(--ki-fg);border-right:1px solid #46221120}.ki-palette li:last-child{border-right:0}.ki-palette-letter{font-family:KoffeeDisplay,Arial,sans-serif;font-size:clamp(72px,10vw,160px);font-weight:800;line-height:1;letter-spacing:-.075em;align-self:center;margin-left:-.08em}.ki-palette-name{font-family:KoffeeMono,monospace;font-size:clamp(9px,.9vw,13px);line-height:1.4;letter-spacing:.03em}.ki-cream{--ki-bg:#fbecd9;--ki-fg:#462211}.ki-espresso{--ki-bg:#462211;--ki-fg:#fbecd9}.ki-night{--ki-bg:#122035;--ki-fg:#fbecd9}.ki-tangerine{--ki-bg:#ea5724;--ki-fg:#122035}.ki-sun{--ki-bg:#fdd14b;--ki-fg:#462211}.ki-sky{--ki-bg:#85bee8;--ki-fg:#122035}
@media(max-width:900px){.ki-identity{padding-top:58px}.ki-heading{padding-bottom:36px}.kv-case .ki-heading h2{font-size:8vw}.ki-types{grid-template-columns:1.35fr 1fr}.ki-display-specimen{font-size:10vw}.ki-mono-specimen{font-size:3.5vw}.ki-type+.ki-type{margin-left:3vw;padding-left:3vw}.ki-palette li{padding:16px 13px 20px;min-height:165px}.ki-palette-letter{font-size:11vw}}
@media(max-width:600px){.ki-identity{padding:44px 5vw 0}.ki-heading{display:block;padding-bottom:30px}.ki-heading>p{font-size:9px;padding:0;margin:0 0 23px}.kv-case .ki-heading h2{font-size:clamp(46px,12vw,72px);width:100%}.ki-types{display:block}.ki-type{padding:22px 0 28px}.ki-type-heading{min-height:40px;gap:12px}.ki-type-heading h3{font-size:12px}.ki-display-specimen{font-size:clamp(75px,24vw,145px);padding:20px 0 22px}.ki-type+.ki-type{margin-left:0;padding:22px 0 28px;border-left:0;border-top:1px solid #46221150}.ki-mono-specimen{font-size:clamp(32px,9vw,54px);padding:15px 0 22px;line-height:1.12}.ki-mono-mark{display:inline;margin:0 0 0 12px;font-size:.55em;letter-spacing:.04em}.ki-type-foot{font-size:10px;margin-top:7px}.ki-mono .ki-type-foot{margin:0}.ki-palette{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:-5vw}.ki-palette li{min-height:147px;padding:12px 16px 16px}.ki-palette li:nth-child(3){border-right:0}.ki-palette-letter{font-size:clamp(62px,23vw,115px)}.ki-palette-name{font-size:9px}}