#kepma-brand-statement{
 all:initial;--kb-bg:#15100d;--kb-accent:#d19b5c;--kb-accent-light:#e3b784;
 --kb-text:#f5efe4;--kb-text-secondary:#c5bbb1;--kb-border:rgba(209,155,92,.3);
 --kb-serif:Georgia,"Songti SC","STSong",serif;
 --kb-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
 position:relative;isolation:isolate;display:block;width:100%;margin:0;
 padding:clamp(4rem,8vw,7rem) clamp(1.25rem,4vw,3rem);overflow:hidden;box-sizing:border-box;
 background:var(--kb-bg);color:var(--kb-text);font:400 16px/1.5 var(--kb-sans);text-align:center;
}
#kepma-brand-statement *,#kepma-brand-statement *::before,#kepma-brand-statement *::after{box-sizing:border-box}
#kepma-brand-statement .kb-photos,#kepma-brand-statement .kb-shade,#kepma-brand-statement .kb-transition{
 position:absolute;inset:0;pointer-events:none;
}
#kepma-brand-statement .kb-photos{z-index:0;overflow:hidden;opacity:.78}
#kepma-brand-statement .kb-photo{
 position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
 margin:0;padding:0;border:0;object-fit:cover;object-position:center;opacity:1;
}
#kepma-brand-statement .kb-shade{
 z-index:1;background:linear-gradient(180deg,#15100d 0%,rgba(14,11,9,.48) 20%,rgba(14,11,9,.42) 55%,#15100d 100%);
}
#kepma-brand-statement .kb-transition{
 z-index:2;opacity:0;background:linear-gradient(110deg,rgba(5,4,3,.96),#050403 45%,rgba(5,4,3,.98));
}
#kepma-brand-statement .kb-content{position:relative;z-index:3;width:100%;max-width:1000px;margin:0 auto}
#kepma-brand-statement .kb-quote{
 max-width:860px;margin:0 auto;padding:0;color:var(--kb-text);
 font:400 italic clamp(1.5rem,3.5vw,2.4rem)/1.65 var(--kb-serif);text-shadow:0 2px 18px rgba(0,0,0,.65);
}
#kepma-brand-statement .kb-highlight{color:var(--kb-accent-light);font-style:normal}
#kepma-brand-statement .kb-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);max-width:900px;margin:clamp(2rem,4vw,3rem) auto 0}
#kepma-brand-statement .kb-value{min-width:0;margin:0;padding:0}
#kepma-brand-statement .kb-value-button{
 appearance:none;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;
 width:100%;height:100%;margin:0;padding:1.5rem 1rem;border:1px solid transparent;border-radius:3px;
 background:rgba(14,11,9,.14);color:var(--kb-text);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;
}
#kepma-brand-statement .kb-value-button::before{
 content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
 background:linear-gradient(135deg,rgba(227,183,132,.15),rgba(227,183,132,.02) 55%,rgba(227,183,132,.07));
 box-shadow:inset 0 0 0 1px rgba(227,183,132,.4),0 0 22px rgba(209,155,92,.11);
 transition:opacity .24s ease;
}
#kepma-brand-statement .kb-value-button::after{
 content:"";position:absolute;bottom:12px;left:calc(50% - 27px);width:54px;height:1px;pointer-events:none;
 background:var(--kb-accent-light);box-shadow:0 0 8px rgba(227,183,132,.65);opacity:0;
}
#kepma-brand-statement .kb-value-button[aria-pressed="true"]::before{opacity:.7}
#kepma-brand-statement .kb-value-button[aria-pressed="true"]::after{opacity:.9}

#kepma-brand-statement .kb-icon{
 display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;margin:0 auto 1.2rem;
 border:1px solid var(--kb-border);border-radius:50%;background:rgba(14,11,9,.35);
}
#kepma-brand-statement .kb-icon svg{display:block;width:22px;height:22px;fill:none;stroke:var(--kb-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#kepma-brand-statement .kb-value-title{display:block;margin:0 0 .55rem;font:500 1.15rem/1.4 var(--kb-serif)}
#kepma-brand-statement .kb-value-copy{display:block;color:var(--kb-text-secondary);font:400 .85rem/1.7 var(--kb-sans)}
#kepma-brand-statement .kb-value-button[aria-pressed="true"] .kb-value-title{color:var(--kb-accent-light);text-shadow:0 0 16px rgba(227,183,132,.3)}
#kepma-brand-statement .kb-value-button[aria-pressed="true"] .kb-icon{border-color:rgba(227,183,132,.75);box-shadow:0 0 15px rgba(209,155,92,.17)}
#kepma-brand-statement .kb-value-button:focus-visible{outline:2px solid var(--kb-accent-light);outline-offset:4px}
#kepma-brand-statement .kb-actions{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:clamp(2rem,4vw,3rem) 0 0}
#kepma-brand-statement .kb-button{
 display:inline-flex;align-items:center;justify-content:center;min-width:132px;margin:0;padding:.9rem 2.2rem;
 border:1px solid var(--kb-accent);color:var(--kb-text);background:rgba(21,16,13,.4);text-decoration:none;
 font:500 .85rem/1.4 var(--kb-sans);letter-spacing:1.5px;cursor:pointer;transition:transform .25s ease;
}
#kepma-brand-statement .kb-button-primary{color:var(--kb-bg);background:var(--kb-accent)}
#kepma-brand-statement .kb-button:focus-visible{outline:2px solid var(--kb-accent-light);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 #kepma-brand-statement .kb-value-button:not([aria-pressed="true"]):hover::before{opacity:.28}
 #kepma-brand-statement .kb-button:hover{transform:translateY(-2px)}
}

@media(max-width:768px){
 #kepma-brand-statement .kb-quote br{display:none}
 #kepma-brand-statement .kb-values{grid-template-columns:1fr;gap:.65rem;max-width:480px}
 #kepma-brand-statement .kb-value-button{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:18px;text-align:left}
 #kepma-brand-statement .kb-icon{grid-row:1/3;margin:0}
 #kepma-brand-statement .kb-value-title{margin-bottom:.35rem}
 #kepma-brand-statement .kb-value-button::after{left:82px;bottom:8px;width:32px}
}
@media(max-width:480px){
 #kepma-brand-statement .kb-actions{max-width:280px;margin-right:auto;margin-left:auto;flex-direction:column;gap:1rem}
 #kepma-brand-statement .kb-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 #kepma-brand-statement.kbs-in-view .kb-value-button[aria-pressed="true"]::before{animation:none}
 #kepma-brand-statement .kb-value-button::before,#kepma-brand-statement .kb-button{transition:none}
}

/* Two soft sheets of light; only composite transforms and opacity are animated. */
#kepma-brand-statement .kb-silk{
 position:absolute;inset:0;z-index:0;display:none;overflow:hidden;border-radius:inherit;pointer-events:none;
}
#kepma-brand-statement .kb-value-button[aria-pressed="true"] .kb-silk{display:block}
#kepma-brand-statement .kb-icon,#kepma-brand-statement .kb-value-title,#kepma-brand-statement .kb-value-copy{position:relative;z-index:1}
#kepma-brand-statement .kb-silk::before,#kepma-brand-statement .kb-silk::after{
 content:"";position:absolute;inset:-35%;pointer-events:none;transform-origin:center;
}
#kepma-brand-statement .kb-silk::before{
 background:radial-gradient(ellipse 78% 17% at 34% 46%,rgba(246,217,176,.4),rgba(227,183,132,.22) 35%,rgba(209,155,92,.06) 60%,transparent 80%),radial-gradient(ellipse 68% 20% at 62% 73%,rgba(227,183,132,.3),rgba(209,155,92,.09) 46%,transparent 77%);
 opacity:.85;transform:translate3d(-18px,18px,0) rotate(-22deg) scale(1.08);
}
#kepma-brand-statement .kb-silk::after{
 background:radial-gradient(ellipse 68% 15% at 60% 44%,rgba(255,233,201,.29),rgba(227,183,132,.12) 42%,transparent 78%),radial-gradient(ellipse 58% 30% at 34% 68%,rgba(209,155,92,.22),transparent 75%);
 opacity:.7;transform:translate3d(20px,-14px,0) rotate(14deg) scale(.94);
}
#kepma-brand-statement.kbs-in-view .kb-value-button[aria-pressed="true"] .kb-silk::before{animation:kbs-silk-flow 6.8s ease-in-out infinite}
#kepma-brand-statement.kbs-in-view .kb-value-button[aria-pressed="true"] .kb-silk::after{animation:kbs-silk-swell 8.4s ease-in-out infinite}
@keyframes kbs-silk-flow{
 0%,100%{transform:translate3d(-18px,18px,0) rotate(-22deg) scale(1.08);opacity:.7}
 50%{transform:translate3d(24px,-22px,0) rotate(-6deg) scale(1.2);opacity:1}
}
@keyframes kbs-silk-swell{
 0%,100%{transform:translate3d(20px,-14px,0) rotate(14deg) scale(.94);opacity:.55}
 50%{transform:translate3d(-24px,20px,0) rotate(-12deg) scale(1.18);opacity:.95}
}
@media(prefers-reduced-motion:reduce){
 #kepma-brand-statement.kbs-in-view .kb-value-button[aria-pressed="true"] .kb-silk::before,
 #kepma-brand-statement.kbs-in-view .kb-value-button[aria-pressed="true"] .kb-silk::after{animation:none}
}
