.misan-brand-story{padding:8rem 0;background:var(--brand-white);overflow:hidden}.misan-brand-story__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6.4rem}.misan-brand-story__visual{position:relative}.misan-brand-story__img-wrap{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:4 / 5;background:linear-gradient(135deg,#fff3cd,#fff8e1);box-shadow:0 8px #2b1b6f1f,0 16px 48px #2b1b6f1f;border:3px solid rgba(255,255,255,.8)}.misan-brand-story__img-wrap img{width:100%;height:100%;object-fit:cover}.misan-brand-story__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.misan-brand-story__stat-card{position:absolute;bottom:-20px;right:-24px;background:var(--brand-accent);color:var(--brand-white);border-radius:20px;padding:2rem 2.4rem;box-shadow:0 8px 32px #2b1b6f40;border:3px solid rgba(255,255,255,.15);min-width:160px}.misan-brand-story__stat-num{font-family:var(--font-hero-display);font-size:4rem;font-weight:700;color:var(--brand-primary);line-height:1;display:block}.misan-brand-story__stat-label{font-family:var(--font-brand-body);font-size:var(--text-sm);color:#ffffffbf;margin-top:4px;display:block}.misan-brand-story__accent{position:absolute;top:-16px;left:-16px;width:80px;height:80px;background:var(--brand-primary);border-radius:20px;transform:rotate(-12deg);z-index:-1;opacity:.6}.misan-brand-story__text{display:flex;flex-direction:column;gap:2.4rem}.misan-brand-story__eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-brand-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--brand-primary-dark);text-transform:uppercase;letter-spacing:.12em}.misan-brand-story__eyebrow:before{content:"";display:block;width:32px;height:3px;background:var(--brand-primary);border-radius:var(--radius-pill)}.misan-brand-story__title{font-family:var(--font-hero-display);font-weight:700;font-size:clamp(3rem,3.5vw,4.4rem);color:var(--brand-accent);line-height:1.1;margin:0}.misan-brand-story__title span{color:var(--brand-primary-dark)}.misan-brand-story__body{font-family:var(--font-brand-body);font-size:var(--text-base);color:#555;line-height:1.75;margin:0}.misan-brand-story__values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.misan-value-item{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.6rem;background:var(--brand-gray-light);border-radius:16px;border:1.5px solid transparent;transition:border-color .2s ease,background .2s ease}.misan-value-item:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.misan-value-item__icon{width:40px;height:40px;background:var(--brand-primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.misan-value-item__icon svg{width:22px;height:22px;color:var(--brand-accent)}.misan-value-item__title{font-family:var(--font-brand-display);font-weight:var(--fw-bold);font-size:var(--text-sm);color:var(--brand-accent)}.misan-value-item__desc{font-family:var(--font-brand-body);font-size:1.3rem;color:var(--brand-gray);line-height:1.5}.misan-brand-story__cta{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-hero-display);font-weight:600;font-size:var(--text-base);color:var(--brand-accent);text-decoration:none;border-bottom:2px solid var(--brand-primary);padding-bottom:2px;transition:color .2s ease;align-self:flex-start}.misan-brand-story__cta:hover{color:var(--brand-primary-dark)}.misan-brand-story__cta svg{width:18px;height:18px;transition:transform .2s ease}.misan-brand-story__cta:hover svg{transform:translate(4px)}.misan-brand-story__collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;width:100%;height:100%;border-radius:28px;overflow:hidden}.misan-brand-story__collage-item{overflow:hidden;border-radius:12px}.misan-brand-story__collage-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.misan-brand-story__collage-item:hover img{transform:scale(1.06)}@media screen and (max-width:1024px){.misan-brand-story__inner{gap:4rem}.misan-brand-story__stat-card{right:-12px}}@media screen and (max-width:749px){.misan-brand-story{padding:5.6rem 0}.misan-brand-story__inner{grid-template-columns:1fr;gap:4rem}.misan-brand-story__img-wrap{aspect-ratio:4 / 3;max-width:100%}.misan-brand-story__stat-card{bottom:-16px;right:16px}.misan-brand-story__values{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-misan-brand-story.css.map */