/* circlesco.tech · KidNights case study only (brand: night #0C0C0E on paper #F6F3EE, lamp blue #1264FF; faces Poppins + Hanken Grotesk in the specimen only) */
.cs-kn{--p-bg:var(--g1);--p-fg:var(--ink);--p-acc:#1264FF;--n-bg:#1264FF;--n-fg:#fff}
.cs-kn .cs-stage .frame-bar{background:#fff}
.cs-kn .cs-logo-mat{background:#F6F3EE;color:#0C0C0E}
.cs-kn .cs-spec-big,.cs-kn .kit-type .aa{font-family:"Poppins",var(--sans);font-weight:600;letter-spacing:-.03em}
.cs-kn .cs-spec-big{line-height:1}
.cs-kn .cs-spec-big em{color:#1264FF}
.cs-kn .kit-type .face.f-pop{font-family:"Poppins",var(--sans);font-weight:600}
.cs-kn .kit-type .face.f-hk{font-family:"Hanken Grotesk",var(--sans);font-weight:400}
.cs-kn .cs-mark-row .mk.paper{background:#F6F3EE;box-shadow:inset 0 0 0 1px var(--line)}
.cs-kn .cs-mark-row .mk.night{background:#0C0C0E}
.cs-kn .cs-mark-row .mk.blue{background:#1264FF}
.cs-kn .cs-mark-row .mk.night img,.cs-kn .cs-mark-row .mk.blue img{filter:brightness(0) invert(1)}
.cs-kn .cs-mark-row .mk img{width:52%;height:auto;object-fit:contain}
/* coded components: KidNights skin (Poppins titles, Hanken Grotesk body, night + paper + one blue, a color per kid) */
.cs-kn .ui{--ui-font:"Hanken Grotesk",var(--sans);--ui-acc:#1264FF;--ui-ink:#0C0C0E;--ui-mute:#6B6B73;--ui-line:rgba(12,12,14,.1);--ui-g:#F1F1F4;--ui-r:.75em;--kn-skye:#1264FF;--kn-logan:#E8521B;--kn-autumn:#7C3AED;--kn-together:#F5C518}
.cs-kn .ui h5,.cs-kn .ui .t,.cs-kn .ui .v,.cs-kn .ui .big,.cs-kn .ui-big,.cs-kn .ui-btn,.cs-kn .ui-seg b,.cs-kn .ui-dbadge b,.cs-kn .ui-minical .hd,.cs-kn .ui-tile .big,.cs-kn .ui-nav a.on{font-family:"Poppins",var(--sans)}
.cs-kn .ui-btn{font-weight:600;height:3.2em;border-radius:.75em}
.cs-kn .ui-btn.soft{background:#F1F1F4}
.cs-kn .ui.dk{--ui-ink:#fff;--ui-mute:rgba(255,255,255,.6);--ui-line:rgba(255,255,255,.1);--ui-g:#1C1C1F;color:#fff}
.cs-kn .ui.dk .ui-nav a{color:rgba(255,255,255,.85)}
.cs-kn .ui.dk .ui-nav a.on{background:#fff;color:#0C0C0E}
.cs-kn .ui.dk .ui-card{background:#1C1C1F;border-color:transparent;box-shadow:none}
.cs-kn .ui-pill{font-weight:600}
.cs-kn .ui-card{border-radius:1.25em}
.cs-kn .ui-blob{position:absolute;right:-1.2em;top:-1.2em;width:5.5em;height:5.5em;border-radius:50%;background:var(--ui-acc)}
.cs-kn .ui-nextup{position:relative;overflow:hidden}