/* CN nails brand story. Author: Milan Bača. */
.mbcn-about,.mbcn-story{--mbcn-story-purple:#9c75a8;--mbcn-story-pale:#faf6fb;box-sizing:border-box;color:#39333c;min-width:0;overflow-wrap:anywhere}
.mbcn-about *,.mbcn-story *{box-sizing:border-box;min-width:0}
.mbcn-about{display:grid;gap:clamp(24px,4vw,64px);align-items:center;margin:32px 0;padding:clamp(24px,5vw,64px);background:var(--mbcn-story-pale);border-radius:20px}
.mbcn-about--with-photo{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
.mbcn-about__copy{max-width:78ch}
.mbcn-about .mbcn-about__eyebrow,.mbcn-story .mbcn-about__eyebrow{margin:0 0 14px;color:var(--mbcn-story-purple);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}
.mbcn-about h2,.mbcn-story h2{margin:0 0 24px;font-size:clamp(25px,3vw,42px);line-height:1.2;font-weight:600;color:#4a3b4f;letter-spacing:-.025em}
.mbcn-about h2 span,.mbcn-story h2 span{color:var(--mbcn-story-purple)}
.mbcn-about p,.mbcn-story p{font-size:16px;line-height:1.8;margin:0 0 20px}
.mbcn-about .mbcn-about__cta{display:inline-block;max-width:100%;margin-top:8px;padding:13px 25px;border:1px solid var(--mbcn-story-purple);border-radius:30px;background:var(--mbcn-story-purple);color:#fff;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .2s}
.mbcn-about a.mbcn-about__cta:hover,.mbcn-about a.mbcn-about__cta:focus-visible{background:#805c8b;border-color:#805c8b;color:#fff}
.mbcn-about a.mbcn-about__cta:focus-visible{outline:3px solid #b49cbd;outline-offset:4px}
.mbcn-about__photo{margin:0;overflow:hidden;border-radius:16px}
.mbcn-about__photo img{display:block;width:100%;height:auto}
.mbcn-story{max-width:1000px;margin:0 auto;padding:clamp(8px,3vw,32px) 0}
.mbcn-story__intro{max-width:800px;margin:0 auto 32px;text-align:center}
.mbcn-story__body{max-width:780px;margin:0 auto}
.mbcn-story__body>.mbcn-about__photo{max-width:560px;margin:0 auto 32px}
.mbcn-story blockquote{margin:32px 0;padding:clamp(20px,4vw,36px);border:0;border-left:4px solid var(--mbcn-story-purple);border-radius:0 16px 16px 0;background:var(--mbcn-story-pale);color:#775483}
.mbcn-story blockquote p{margin:0;font-size:clamp(18px,2.2vw,23px);line-height:1.65;font-style:italic}
.mbcn-story .mbcn-story__thanks{margin-top:28px;color:#775483;font-weight:600}
.mbcn-story__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;padding:clamp(24px,4vw,40px);border-radius:18px;background:var(--mbcn-story-pale);text-align:center}
.mbcn-story__values strong{display:block;margin-bottom:8px;color:#886094;font-size:24px;font-weight:600;line-height:1.3}
.mbcn-story__values p{margin:0;font-size:14px;line-height:1.65}
@media(max-width:640px){.mbcn-about--with-photo,.mbcn-story__values{grid-template-columns:minmax(0,1fr)}.mbcn-about{border-radius:14px;margin:24px 0}.mbcn-about__photo{max-width:100%}.mbcn-story__intro{text-align:left}.mbcn-story__values{gap:28px}.mbcn-about p,.mbcn-story p{font-size:15px}}
