.knw-ch{--ink:#2e2a36;--plum:#6a3fa0;--plum-d:#4b2a78;--lilac:#f6f2fd;--butter:#fff4cc;--gap:16px;padding:0 0 var(--pb,0);color:var(--ink)}
.knw-ch *{box-sizing:border-box}
.knw-ch__hero{position:relative;overflow:hidden;width:100%;min-height:var(--h-dk,60vh);display:flex;align-items:flex-end;color:#fff;isolation:isolate;background:radial-gradient(55% 80% at 85% 15%,rgba(255,244,204,.32) 0%,rgba(255,244,204,0) 60%),linear-gradient(120deg,var(--g1) 0%,var(--g2) 55%,var(--g3) 100%)}
.knw-ch__hero:before,.knw-ch__hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.knw-ch__hero:before{width:44vw;max-width:620px;aspect-ratio:1;right:-8vw;bottom:-22vw;background:rgba(255,255,255,.08)}
.knw-ch__hero:after{width:18vw;max-width:260px;aspect-ratio:1;right:24vw;top:-7vw;background:rgba(255,255,255,.06)}
.knw-ch__hero.has-media:before,.knw-ch__hero.has-media:after{display:none}
.knw-ch__media{position:absolute;inset:0;z-index:-2}
.knw-ch__media img,.knw-ch__media video{width:100%;height:100%;object-fit:cover;display:block}
.knw-ch__overlay{position:absolute;inset:0;z-index:-1;background:var(--ov);opacity:var(--ov-op)}
.knw-ch__hero>.hdt-container{width:100%}
.knw-ch__content{padding:48px 0 56px;max-width:760px}
.knw-ch__crumb{font-size:13px;margin:0 0 18px;color:rgba(255,255,255,.85)}
.knw-ch__crumb a{color:inherit;text-decoration:none}
.knw-ch__crumb a:hover{text-decoration:underline}
.knw-ch__eyebrow{display:inline-block;background:var(--butter);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.knw-ch__title{font-size:clamp(34px,5.4vw,68px);line-height:1.02;font-weight:800;margin:14px 0 10px;color:#fff;letter-spacing:-.015em}
.knw-ch__sub{font-size:17px;line-height:1.55;margin:0;opacity:.95;max-width:560px;color:#fff}
.knw-ch__cats{padding-top:36px}
.knw-ch__cats-head{text-align:center;margin:0 0 20px}
.knw-ch__cats-title{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0}
.knw-ch__cats-hint{display:block;font-size:13px;opacity:.6;margin-top:4px}
.knw-ch__tiles{--cols:6;display:flex;flex-wrap:wrap;justify-content:center;gap:22px var(--gap)}
.knw-ch__tile{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0}
.knw-ch__img{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--lilac);outline:3px solid transparent;outline-offset:3px;transition:outline-color .2s}
.knw-ch__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.knw-ch__tile:hover .knw-ch__img img{transform:scale(1.05)}
.knw-ch__img--all{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--plum-d),var(--plum) 60%,#a77fd6)}
.knw-ch__img--all img{position:absolute;inset:0}
.knw-ch__img--all.has-img:after{content:"";position:absolute;inset:0;background:rgba(75,42,120,.55)}
.knw-ch__img--all>span{position:relative;z-index:1;color:#fff;font-weight:800;font-size:18px;text-align:center;line-height:1.2;padding:0 10px}
.knw-ch__label{font-size:14px;font-weight:700;line-height:1.25;text-align:center}
.knw-ch__count{display:block;font-size:12px;font-weight:500;opacity:.6;margin-top:2px}
.knw-ch__tile.is-active .knw-ch__img{outline-color:var(--plum)}
.knw-ch__tile.is-active .knw-ch__label{color:var(--plum)}
.knw-ch__now{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:24px 0 0;padding:12px 16px;border-radius:12px;background:var(--lilac);font-size:14px}
.knw-ch__now[hidden]{display:none}
.knw-ch__now b{color:var(--plum-d)}
.knw-ch__now button{margin-left:auto;background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--plum);text-decoration:underline;cursor:pointer}
.knw-ch-loading{opacity:.35;pointer-events:none;transition:opacity .2s}
@media (max-width:1149px){.knw-ch__tiles{--cols:5}}
@media (max-width:989px){.knw-ch__tiles{--cols:4}}
@media (max-width:749px){
.knw-ch{--gap:12px}
.knw-ch__hero{min-height:var(--h-mb,50vh)}
.knw-ch__content{padding:28px 0 32px}
.knw-ch__sub{font-size:14px}
.knw-ch__cats{padding-top:26px}
.knw-ch__cats-head{margin-bottom:14px}
.knw-ch__tiles{--cols:3;row-gap:16px}
.knw-ch__img{border-radius:12px}
.knw-ch__img--all>span{font-size:14px}
.knw-ch__label{font-size:12.5px}
.knw-ch__count{font-size:11px}
}