@keyframes kbwv{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes kbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes kbring{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}
.kbento{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:clamp(14px,1.4vw,20px)}
.kbcard{position:relative;border-radius:24px;padding:clamp(20px,1.7vw,26px);background:linear-gradient(168deg,#FCFBF8,#F0EEE7);border:1px solid rgba(0,0,0,.03);box-shadow:0 22px 48px -40px rgba(0,0,0,.2);transition:transform .5s cubic-bezier(.2,.8,.3,1),box-shadow .5s}
.kbcard::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:multiply}
.kbcard>*{position:relative;z-index:1}
.kbcard:hover{transform:translateY(-5px);box-shadow:0 32px 62px -44px rgba(0,0,0,.24)}
.kb-feature{grid-row:span 2}
.kb-wide{grid-column:2/span 2}
.kbcat{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
.kbnum{display:flex;align-items:baseline;gap:.09em;font-family:var(--sans);font-weight:600;letter-spacing:-.045em;line-height:.86;font-size:clamp(34px,3.2vw,52px);color:var(--ink);margin-top:12px}
.kbnum .u{font-size:.34em;font-weight:600;letter-spacing:-.02em;color:var(--ink-2)}
.kbhl{margin-top:12px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#D98A72}
.kbwave{display:inline-flex;align-items:center;gap:3px;height:20px;color:#D9605A}
.kbwave i{display:block;width:3px;height:100%;border-radius:9px;background:#EEAE93;transform-origin:center;transform:scaleY(.3);animation:kbwv 1.15s ease-in-out infinite}
.kbwave i:nth-child(3n){animation-delay:.12s}.kbwave i:nth-child(3n+1){animation-delay:.34s}.kbwave i:nth-child(3n+2){animation-delay:.56s}
.kbchip{font-size:11px;font-weight:600;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.045);color:var(--ink-2);border:1px solid rgba(0,0,0,.03);white-space:nowrap;flex:0 0 auto}
@media(max-width:900px){.kbento{grid-template-columns:1fr 1fr}.kb-feature{grid-column:1/-1;grid-row:auto}.kb-wide{grid-column:1/-1}}
@media(max-width:560px){.kbento{grid-template-columns:1fr}.kbnum{font-size:clamp(40px,11vw,54px)}}
