:root{--ksb-ink:#1d1916;--ksb-muted:#81776f;--ksb-line:#e5ded7;--ksb-soft:#f5f1ed}body[data-brand-page]{background:#fbfaf8;color:var(--ksb-ink)}.ksb-page{width:min(1360px,calc(100% - 40px));margin:0 auto;padding:18px 0 62px}.ksb-breadcrumbs{margin-bottom:14px}.ksb-loading-title{height:190px;border-radius:24px;background:linear-gradient(110deg,#f0ebe6 8%,#faf8f5 18%,#f0ebe6 33%);background-size:200% 100%;animation:ksbShimmer 1.25s linear infinite}.ksb-loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.ksb-loading-grid i{height:360px;border-radius:18px;background:#f0ebe6}@keyframes ksbShimmer{to{background-position:-200% 0}}.ksb-hero{position:relative;min-height:245px;padding:32px;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.88),transparent 25%),linear-gradient(135deg,#efe9e3,#e9f0e8 55%,#f2e5eb)}.ksb-hero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid rgba(60,48,42,.08);right:-70px;top:-125px}.ksb-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ksb-muted)}.ksb-hero h1{max-width:820px;margin:8px 0 12px;font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.9;letter-spacing:-.06em}.ksb-hero p{max-width:560px;margin:0;color:#6d655f;font-size:12px;line-height:1.65}.ksb-monogram{position:relative;z-index:1;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:#211e1b;color:#fff;font-family:Georgia,serif;font-size:44px;letter-spacing:-.08em;box-shadow:0 18px 40px rgba(35,29,25,.12)}.ksb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.ksb-stat{min-height:76px;padding:14px;border:1px solid var(--ksb-line);border-radius:15px;background:#fff}.ksb-stat span{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ksb-muted)}.ksb-stat strong{display:block;margin-top:8px;font-family:Georgia,serif;font-size:24px;font-weight:400}.ksb-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-bottom:12px;border-bottom:1px solid var(--ksb-line)}.ksb-control-left h2{margin:6px 0 0;font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.04em}.ksb-control-left small{display:block;margin-top:5px;color:var(--ksb-muted);font-size:12px}.ksb-control-right{display:flex;align-items:center;gap:7px}.ksb-sort,.ksb-toggle{height:38px;border:1px solid #ddd5cf;border-radius:999px;background:#fff;color:#4d4742;font-size:12px}.ksb-sort{min-width:170px;padding:0 12px}.ksb-toggle{padding:0 13px;font-weight:800;cursor:pointer}.ksb-toggle.is-active{background:#211e1b;border-color:#211e1b;color:#fff}.ksb-categories{display:flex;gap:6px;overflow:auto;padding:10px 0 2px;scrollbar-width:none}.ksb-categories::-webkit-scrollbar{display:none}.ksb-cat{flex:0 0 auto;min-height:31px;padding:0 11px;border:1px solid var(--ksb-line);border-radius:999px;background:#f8f5f2;color:#635b55;font-size:12px;font-weight:700;cursor:pointer}.ksb-cat.is-active{background:#211e1b;border-color:#211e1b;color:#fff}.ksb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.ksb-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(45,39,35,.08);border-radius:17px;background:#fff;transition:.23s ease}.ksb-card:hover{transform:translateY(-3px);border-color:#d2c9c1;box-shadow:0 13px 28px rgba(48,39,34,.065)}.ksb-media{position:relative;display:block;aspect-ratio:1/1;background:linear-gradient(145deg,#f2eee9,#e9e4df);overflow:hidden}.ksb-media img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box;transform:scale(.96);transition:.3s ease}.ksb-card:hover .ksb-media img{transform:scale(1)}.ksb-card .ks2-heart{top:10px;right:10px}.ksb-badges{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:5px}.ksb-badge{min-height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;background:#fff;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ksb-badge.sale{background:#211e1b;color:#fff}.ksb-body{display:flex;flex:1;flex-direction:column;padding:13px}.ksb-body>span{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#857b74}.ksb-body h3{min-height:38px;margin:6px 0 5px;font-size:13px;line-height:1.4}.ksb-body h3 a{color:inherit;text-decoration:none}.ksb-volume{font-size:12px;color:#9a9189}.ksb-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px}.ksb-price strong{display:block;font-size:16px}.ksb-price del{font-size:12px;color:#aaa19a}.ksb-cart{width:38px;height:38px;border:0;border-radius:50%;background:#211e1b;color:#fff;font-size:18px;cursor:pointer}.ksb-cart:disabled{opacity:.35;cursor:not-allowed}.ksb-stock{display:block;margin-top:6px;font-size:12px;color:#6f685f}.ksb-stock.out{color:#9b5664}.ksb-empty{margin-top:18px;padding:42px;border:1px dashed #d8d0c9;border-radius:18px;background:#fff;text-align:center}.ksb-empty h2{margin:0;font-family:Georgia,serif;font-size:36px;font-weight:400}.ksb-empty p{margin:9px 0 16px;color:var(--ksb-muted);font-size:12px}.ksb-empty a{display:inline-flex;min-height:38px;padding:0 14px;align-items:center;border-radius:10px;background:#211e1b;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.ksb-index-hero{padding:30px 0 20px}.ksb-index-hero h1{margin:5px 0 8px;font-family:Georgia,serif;font-size:clamp(48px,6vw,74px);font-weight:400;letter-spacing:-.055em}.ksb-index-hero p{max-width:650px;margin:0;color:var(--ksb-muted);font-size:12px;line-height:1.65}.ksb-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.ksb-brand-card{min-height:150px;padding:18px;border:1px solid var(--ksb-line);border-radius:18px;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.23s ease}.ksb-brand-card:hover{transform:translateY(-3px);border-color:#cfc5bd;box-shadow:0 12px 28px rgba(48,39,34,.06)}.ksb-brand-card b{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.035em}.ksb-brand-card span{font-size:12px;color:var(--ksb-muted)}.ksb-brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ksb-soft);font-family:Georgia,serif;font-size:16px}.ksb-footer{margin-top:20px}@media(max-width:1050px){.ksb-grid,.ksb-brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){body[data-brand-page]{padding-bottom:78px}.ksb-page{width:calc(100% - 20px);padding-top:10px}.ksb-hero{min-height:225px;padding:21px;border-radius:18px;grid-template-columns:1fr}.ksb-hero h1{font-size:50px}.ksb-monogram{position:absolute;right:16px;top:16px;width:66px;height:66px;font-size:23px}.ksb-hero p{max-width:80%;font-size:12px}.ksb-stats{grid-template-columns:repeat(3,1fr)}.ksb-stat{min-height:66px;padding:11px}.ksb-stat strong{font-size:20px}.ksb-controls{align-items:flex-start;flex-direction:column}.ksb-control-left h2{font-size:32px}.ksb-control-right{width:100%;overflow:auto}.ksb-sort{flex:1;min-width:150px}.ksb-grid,.ksb-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ksb-media{aspect-ratio:1/1.03}.ksb-media img{padding:7px}.ksb-body{padding:10px}.ksb-body h3{font-size:12px;min-height:34px}.ksb-brand-card{min-height:125px;padding:14px}.ksb-brand-card b{font-size:22px}.ksb-footer{display:none}}@media(max-width:430px){.ksb-hero h1{font-size:42px}.ksb-stats{gap:5px}.ksb-stat span{font-size:12px}.ksb-stat strong{font-size:17px}.ksb-body h3{font-size:12px}}@media(prefers-reduced-motion:reduce){.ksb-card,.ksb-brand-card,.ksb-media img{transition:none!important}.ksb-loading-title{animation:none}}

/* Brand index visual refinement v2 */
body[data-brand-page] .ksb-page{padding-bottom:34px}
.ksb-index-hero{position:relative;min-height:205px;margin-top:2px;padding:25px 28px;border:1px solid rgba(48,40,34,.06);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.94),transparent 26%),linear-gradient(132deg,#f4f0ec 0%,#edf2ed 52%,#f4e8ed 100%)}
.ksb-index-hero:before{content:"";position:absolute;right:-68px;top:-150px;width:320px;height:320px;border:1px solid rgba(52,43,37,.07);border-radius:50%}
.ksb-index-hero__copy{position:relative;z-index:2}
.ksb-index-hero h1{margin:5px 0 7px;font-size:clamp(46px,5.1vw,68px);line-height:.92}
.ksb-index-hero p{max-width:510px;font-size:12px;line-height:1.55}
.ksb-index-meta{display:flex;align-items:baseline;gap:8px;margin-top:17px}
.ksb-index-meta strong{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.04em}
.ksb-index-meta span{color:#81776f;font-size:12px}
.ksb-brand-cloud{position:relative;min-height:150px}
.ksb-brand-cloud__item{position:absolute;font-family:Georgia,serif;line-height:1;letter-spacing:-.05em;white-space:nowrap;color:#251f1b}
.ksb-brand-cloud__item.i1{right:17%;top:5%;font-size:38px;transform:rotate(-3deg)}
.ksb-brand-cloud__item.i2{left:5%;top:41%;font-size:25px;color:#635950;transform:rotate(2deg)}
.ksb-brand-cloud__item.i3{right:4%;bottom:8%;font-size:31px;color:#4d5d51}
.ksb-brand-cloud__item.i4{left:28%;bottom:1%;font-size:18px;color:#8d6875;transform:rotate(-2deg)}
.ksb-brand-cloud i{position:absolute;left:45%;top:12%;width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.58);border:1px solid rgba(55,45,38,.07);box-shadow:0 14px 32px rgba(58,47,40,.045)}
.ksb-brand-cloud b{position:absolute;left:49%;top:25%;font-family:Georgia,serif;font-size:36px;font-weight:400;color:rgba(34,28,24,.18)}
.ksb-index-tools{display:grid;grid-template-columns:minmax(260px,370px) minmax(0,1fr);gap:12px;align-items:center;margin-top:15px;padding:12px 0 13px;border-bottom:1px solid var(--ksb-line)}
.ksb-index-search{position:relative;height:42px;display:flex;align-items:center;border:1px solid #ded6cf;border-radius:999px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.ksb-index-search:focus-within{border-color:#bfb5ad;box-shadow:0 0 0 3px rgba(62,50,43,.04)}
.ksb-index-search svg{position:absolute;left:14px;width:16px;height:16px;stroke-width:1.6;color:#6d645d}
.ksb-index-search input{width:100%;height:100%;padding:0 42px 0 39px;border:0;outline:0;background:transparent;color:#231f1c;font:inherit;font-size:12px}
.ksb-index-search input::placeholder{color:#9e948c}
.ksb-index-search button{position:absolute;right:8px;width:27px;height:27px;border:0;border-radius:50%;background:#f2eee9;color:#776e67;font-size:16px;opacity:0;pointer-events:none;transform:scale(.8);transition:.18s ease;cursor:pointer}
.ksb-index-search button.is-visible{opacity:1;pointer-events:auto;transform:none}
.ksb-alphabet{display:flex;justify-content:flex-end;gap:4px;overflow:auto;scrollbar-width:none}
.ksb-alphabet::-webkit-scrollbar{display:none}
.ksb-alphabet button{flex:0 0 auto;min-width:31px;height:31px;padding:0 9px;border:1px solid transparent;border-radius:999px;background:transparent;color:#776e67;font-size:12px;font-weight:800;cursor:pointer;transition:.18s ease}
.ksb-alphabet button:hover{background:#f1ede9}
.ksb-alphabet button.is-active{background:#211e1b;color:#fff}
.ksb-index-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 9px}
.ksb-index-summary span{font-size:12px;font-weight:800;color:#39332f}
.ksb-index-summary small{font-size:12px;color:#92877f}
.ksb-brand-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:0}
.ksb-brand-card{grid-column:span 3;position:relative;min-height:124px;padding:14px 15px;border-radius:16px;overflow:hidden;background:#fff;isolation:isolate}
.ksb-brand-card:nth-child(1){grid-column:span 5}
.ksb-brand-card:nth-child(2){grid-column:span 3}
.ksb-brand-card:nth-child(3){grid-column:span 4}
.ksb-brand-card:before{content:"";position:absolute;z-index:-1;right:-32px;top:-48px;width:115px;height:115px;border-radius:50%;background:rgba(255,255,255,.47);border:1px solid rgba(56,47,40,.045);transition:transform .28s ease}
.ksb-brand-card:hover:before{transform:scale(1.17)}
.ksb-tone-1{background:linear-gradient(145deg,#f7f1ed,#fff)}
.ksb-tone-2{background:linear-gradient(145deg,#eff2eb,#fff)}
.ksb-tone-3{background:linear-gradient(145deg,#f4edf0,#fff)}
.ksb-tone-4{background:linear-gradient(145deg,#edf1f2,#fff)}
.ksb-tone-5{background:linear-gradient(145deg,#f4f1e8,#fff)}
.ksb-tone-6{background:linear-gradient(145deg,#f0edef,#fff)}
.ksb-brand-card__top{display:flex;align-items:center;justify-content:space-between}
.ksb-brand-mark{width:32px;height:32px;background:rgba(255,255,255,.7);border:1px solid rgba(50,42,36,.05);font-size:12px}
.ksb-brand-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.62);font-size:13px;color:#4f4741;opacity:.7;transition:transform .22s ease,background .22s ease}
.ksb-brand-card:hover .ksb-brand-arrow{transform:translate(2px,-2px);background:#211e1b;color:#fff}
.ksb-brand-card>b{display:block;margin-top:11px;font-size:clamp(21px,2vw,29px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ksb-brand-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.ksb-brand-card__bottom span{font-size:12px;color:#7d736b}
.ksb-brand-card__bottom em{font-style:normal;font-size:12px;font-weight:700;color:#625a54;opacity:0;transform:translateX(-4px);transition:.2s ease}
.ksb-brand-card:hover .ksb-brand-card__bottom em{opacity:1;transform:none}
.ksb-brand-card[hidden]{display:none}
.ksb-index-empty{padding:28px 20px;margin-top:9px;border:1px dashed #d8d0c8;border-radius:15px;text-align:center;background:#fff}
.ksb-index-empty strong,.ksb-index-empty span{display:block}
.ksb-index-empty strong{font-family:Georgia,serif;font-size:26px;font-weight:400}
.ksb-index-empty span{margin-top:5px;color:#8c827a;font-size:12px}
.ksb-index-cta{margin-top:18px;padding:21px 23px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#211e1b;color:#fff}
.ksb-index-cta h2{margin:5px 0 4px;font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.035em}
.ksb-index-cta p{margin:0;max-width:600px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.5}
.ksb-index-cta .ksb-kicker{color:rgba(255,255,255,.48)}
.ksb-index-cta>a{flex:0 0 auto;min-height:42px;padding:0 15px;border-radius:999px;display:inline-flex;align-items:center;gap:16px;background:#fff;color:#211e1b;text-decoration:none;font-size:12px;font-weight:800}
.ksb-index-cta>a span{font-size:14px;transition:transform .2s ease}
.ksb-index-cta>a:hover span{transform:translateX(3px)}
.ksb-footer{margin-top:0}

@media(max-width:1050px){
 .ksb-index-hero{grid-template-columns:1fr .85fr}
 .ksb-brand-card{grid-column:span 4}
 .ksb-brand-card:nth-child(1),.ksb-brand-card:nth-child(2),.ksb-brand-card:nth-child(3){grid-column:span 4}
}
@media(max-width:767px){
 .ksb-index-hero{min-height:195px;padding:20px;grid-template-columns:1fr}
 .ksb-index-hero h1{font-size:48px}
 .ksb-index-hero p{max-width:80%}
 .ksb-brand-cloud{position:absolute;inset:0;opacity:.2;pointer-events:none}
 .ksb-brand-cloud__item.i1{right:4%;top:20%;font-size:32px}
 .ksb-brand-cloud__item.i2{display:none}
 .ksb-brand-cloud__item.i3{right:5%;bottom:12%;font-size:24px}
 .ksb-brand-cloud__item.i4{display:none}
 .ksb-brand-cloud i,.ksb-brand-cloud b{display:none}
 .ksb-index-tools{grid-template-columns:1fr;gap:9px}
 .ksb-alphabet{justify-content:flex-start;margin:0 -10px;padding:0 10px}
 .ksb-index-summary{padding-top:12px}
 .ksb-index-summary small{display:none}
 .ksb-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .ksb-brand-card,.ksb-brand-card:nth-child(1),.ksb-brand-card:nth-child(2),.ksb-brand-card:nth-child(3){grid-column:span 1;min-height:116px;padding:12px}
 .ksb-brand-card>b{font-size:20px}
 .ksb-brand-card__bottom em{display:none}
 .ksb-index-cta{align-items:flex-start;flex-direction:column;padding:18px}
 .ksb-index-cta>a{width:100%;justify-content:space-between;box-sizing:border-box}
}
@media(max-width:430px){
 .ksb-index-hero{min-height:180px}
 .ksb-index-hero h1{font-size:43px}
 .ksb-index-meta{margin-top:12px}
 .ksb-brand-grid{grid-template-columns:1fr 1fr}
 .ksb-brand-card{min-width:0}
 .ksb-brand-card>b{font-size:18px}
}


/* Brand index SVG refinement v3 */
.ksb-index-hero{min-height:214px;padding:25px 28px;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr)}
.ksb-brand-cloud{min-height:164px;overflow:visible}
.ksb-brand-cloud i,.ksb-brand-cloud b{display:none}
.ksb-hero-svg{position:absolute;display:block;color:#6b5d54;pointer-events:none;transform:translate(var(--px,0),var(--py,0));transition:transform .18s ease-out,opacity .25s ease;filter:none}
.ksb-hero-svg--bottle{right:31%;bottom:-31px;width:110px;opacity:.20;color:#58665b;transform:translate(var(--px,0),var(--py,0)) rotate(7deg)}
.ksb-hero-svg--drop{right:6%;top:4px;width:92px;opacity:.14;color:#7b5f6b;transform:translate(var(--px,0),var(--py,0)) rotate(-9deg)}
.ksb-hero-svg--spark{left:11%;bottom:-13px;width:125px;opacity:.15;color:#75685d}
.ksb-brand-cloud__item{z-index:2;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.ksb-brand-cloud__item.i1{right:9%;top:8%;font-size:36px}
.ksb-brand-cloud__item.i2{left:3%;top:30%;font-size:22px}
.ksb-brand-cloud__item.i3{right:4%;bottom:14%;font-size:29px}
.ksb-brand-cloud__item.i4{left:35%;bottom:6%;font-size:17px}
.ksb-index-tools{grid-template-columns:minmax(260px,365px) minmax(0,1fr);gap:18px;margin-top:13px;padding:10px 12px;border:1px solid var(--ksb-line);border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 7px 18px rgba(52,43,37,.025)}
.ksb-index-search{height:40px;border-color:#e4ddd7;background:#fbfaf8}
.ksb-alphabet{padding-left:4px}
.ksb-alphabet button{min-width:30px;height:30px}
.ksb-index-summary{padding:13px 2px 8px}
.ksb-brand-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.ksb-brand-card{grid-column:span 4;min-height:128px;padding:13px 14px}
.ksb-brand-card:nth-child(6n+1){grid-column:span 5}
.ksb-brand-card:nth-child(6n+2){grid-column:span 3}
.ksb-brand-card:nth-child(6n+3){grid-column:span 4}
.ksb-brand-card:nth-child(6n+4){grid-column:span 3}
.ksb-brand-card:nth-child(6n+5){grid-column:span 4}
.ksb-brand-card:nth-child(6n+6){grid-column:span 5}
.ksb-brand-card:before{display:none}
.ksb-brand-watermark{position:absolute;right:-18px;bottom:-28px;width:112px;height:112px;object-fit:contain;color:#6d625a;opacity:.11;z-index:-1;transform:rotate(-7deg) scale(.98);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.ksb-brand-card:nth-child(2n) .ksb-brand-watermark{right:-24px;bottom:-35px;transform:rotate(9deg) scale(1.02)}
.ksb-brand-card:nth-child(3n) .ksb-brand-watermark{right:-10px;bottom:-27px;transform:rotate(-2deg) scale(.92)}
.ksb-brand-card:hover .ksb-brand-watermark{opacity:.18;transform:translate(-4px,-3px) rotate(-3deg) scale(1.04)}
.ksb-brand-card:nth-child(2n):hover .ksb-brand-watermark{transform:translate(-5px,-2px) rotate(5deg) scale(1.08)}
.ksb-brand-arrow{width:29px;height:29px}
.ksb-brand-arrow svg{width:14px;height:14px;stroke-width:1.7}
.ksb-brand-card>b{max-width:78%;margin-top:10px}
.ksb-brand-card__bottom{position:relative;z-index:2;padding-top:10px}
.ksb-brand-card__bottom span{max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ksb-brand-card__bottom em{font-size:12px}
.ksb-index-cta{position:relative;min-height:126px;margin-top:17px;padding:22px 24px;overflow:hidden;isolation:isolate}
.ksb-index-cta__copy{position:relative;z-index:3;max-width:610px}
.ksb-index-cta__art{position:absolute;inset:0;z-index:1;pointer-events:none}
.ksb-index-cta__art img{position:absolute;display:block;filter:brightness(0) invert(1);opacity:.075}
.ksb-index-cta__art img:nth-child(1){width:108px;right:24%;bottom:-48px;transform:rotate(8deg)}
.ksb-index-cta__art img:nth-child(2){width:160px;right:7%;top:-31px;transform:rotate(-12deg)}
.ksb-index-cta__art img:nth-child(3){width:126px;left:46%;bottom:-39px;transform:rotate(4deg)}
.ksb-index-cta>a{position:relative;z-index:3}
.ksb-index-cta>a span{width:20px;height:20px;display:grid;place-items:center}
.ksb-index-cta>a span svg{width:15px;height:15px;stroke-width:1.7}
.ksb-index-cta:hover .ksb-index-cta__art img:nth-child(1){transform:translateY(-3px) rotate(5deg)}
.ksb-index-cta:hover .ksb-index-cta__art img:nth-child(2){transform:translate(-3px,2px) rotate(-9deg)}
.ksb-index-cta:hover .ksb-index-cta__art img:nth-child(3){transform:translateX(3px) rotate(1deg)}
.ksb-index-cta__art img{transition:transform .35s ease}
@media(max-width:1050px){
 .ksb-index-hero{grid-template-columns:1fr .9fr}
 .ksb-brand-card,.ksb-brand-card:nth-child(6n+1),.ksb-brand-card:nth-child(6n+2),.ksb-brand-card:nth-child(6n+3),.ksb-brand-card:nth-child(6n+4),.ksb-brand-card:nth-child(6n+5),.ksb-brand-card:nth-child(6n+6){grid-column:span 4}
}
@media(max-width:767px){
 .ksb-index-hero{min-height:198px;grid-template-columns:1fr}
 .ksb-brand-cloud{position:absolute;inset:0;opacity:.27}
 .ksb-brand-cloud__item.i1{right:7%;top:20%;font-size:30px}
 .ksb-brand-cloud__item.i3{right:7%;bottom:16%;font-size:23px}
 .ksb-brand-cloud__item.i2,.ksb-brand-cloud__item.i4{display:none}
 .ksb-hero-svg--bottle{right:35%;bottom:-35px;width:88px;opacity:.17}
 .ksb-hero-svg--drop{right:-8px;top:18px;width:72px}
 .ksb-hero-svg--spark{left:auto;right:23%;bottom:-21px;width:94px}
 .ksb-index-tools{grid-template-columns:1fr;gap:8px;padding:9px}
 .ksb-alphabet{margin:0;padding:0;justify-content:flex-start}
 .ksb-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .ksb-brand-card,.ksb-brand-card:nth-child(6n+1),.ksb-brand-card:nth-child(6n+2),.ksb-brand-card:nth-child(6n+3),.ksb-brand-card:nth-child(6n+4),.ksb-brand-card:nth-child(6n+5),.ksb-brand-card:nth-child(6n+6){grid-column:span 1}
 .ksb-brand-watermark{width:86px;height:86px;right:-18px;bottom:-23px}
 .ksb-index-cta{min-height:148px}
 .ksb-index-cta__art img:nth-child(1){right:11%;width:91px}
 .ksb-index-cta__art img:nth-child(2){right:-25px;width:130px}
 .ksb-index-cta__art img:nth-child(3){display:none}
}
@media(max-width:430px){
 .ksb-index-tools{border-radius:13px}
 .ksb-brand-card{min-height:120px}
 .ksb-brand-card>b{font-size:18px}
 .ksb-brand-card__bottom span{max-width:100%;font-size:12px}
 .ksb-brand-arrow{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){
 .ksb-hero-svg,.ksb-brand-watermark,.ksb-index-cta__art img{transition:none!important;transform:none!important}
}


/* Brand discovery + mobile alphabet — step 8 */
.ksb-brand-cloud__item{
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s ease,color .2s ease,opacity .2s ease;
}
.ksb-brand-cloud__item:hover{
  color:#8d5568;
  transform:translateY(-2px) rotate(0deg);
}
.ksb-alphabet-shell{
  position:relative;
  min-width:0;
}
.ksb-alphabet-arrow{
  display:none;
  border:1px solid #d8d0c9;
  border-radius:50%;
  background:rgba(255,255,255,.97);
  color:#2c2724;
  place-items:center;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(44,36,32,.11);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.ksb-alphabet-arrow[hidden]{display:none!important}
.ksb-alphabet-arrow svg{
  width:15px;
  height:15px;
  stroke-width:1.8;
  transition:transform .2s ease;
}
.ksb-alphabet-arrow.is-back svg{transform:rotate(180deg)}

@media(max-width:767px){
  .ksb-brand-cloud{
    pointer-events:none;
  }
  .ksb-brand-cloud__item{
    pointer-events:auto;
    padding:4px 6px;
    border-radius:8px;
    background:rgba(255,255,255,.52);
  }
  .ksb-alphabet-shell{
    margin:0 -1px;
    isolation:isolate;
  }
  .ksb-alphabet-shell.has-overflow:after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    bottom:0;
    width:50px;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.97) 72%);
  }
  .ksb-alphabet{
    padding-right:50px!important;
  }
  .ksb-alphabet-arrow{
    position:absolute;
    z-index:4;
    right:4px;
    top:50%;
    width:34px;
    height:34px;
    margin-top:-17px;
    display:grid;
  }
  .ksb-brand-card{
    cursor:pointer;
  }
  .ksb-brand-card:active{
    transform:scale(.985);
  }
}
@media(prefers-reduced-motion:reduce){
  .ksb-brand-cloud__item,
  .ksb-alphabet-arrow svg{
    transition:none!important;
  }
}