.misan-page-hero{padding:6.4rem 0 5.6rem;position:relative;overflow:hidden}.misan-page-hero--accent{background:linear-gradient(135deg,#1a1147,#2b1b6f 60%,#3d2a9e)}.misan-page-hero--primary{background:linear-gradient(135deg,#e6a800,#ffc107)}.misan-page-hero--light{background:var(--brand-gray-light)}.misan-page-hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.misan-page-hero--accent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,193,7,.1) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.misan-page-hero__eyebrow{font-family:var(--font-brand-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-3)}.misan-page-hero--accent .misan-page-hero__eyebrow{color:#ffc107d9}.misan-page-hero--primary .misan-page-hero__eyebrow{color:#2b1b6fb3}.misan-page-hero--light .misan-page-hero__eyebrow{color:var(--brand-primary-dark)}.misan-page-hero__title{font-family:var(--font-hero-display);font-weight:700;font-size:clamp(3.6rem,5vw,6rem);line-height:1.1;margin:0 0 var(--space-4)}.misan-page-hero--accent .misan-page-hero__title{color:var(--brand-primary)}.misan-page-hero--primary .misan-page-hero__title,.misan-page-hero--light .misan-page-hero__title{color:var(--brand-accent)}.misan-page-hero__sub{font-family:var(--font-brand-body);font-size:var(--text-lg);line-height:1.6;max-width:56ch;margin:0 0 var(--space-6)}.misan-page-hero--accent .misan-page-hero__sub{color:#ffffffbf}.misan-page-hero--primary .misan-page-hero__sub{color:#2b1b6fbf}.misan-page-hero--light .misan-page-hero__sub{color:var(--brand-gray-dark)}.misan-page-hero__breadcrumb{display:flex;align-items:center;gap:.6rem;font-family:var(--font-brand-body);font-size:var(--text-sm)}.misan-page-hero--accent .misan-page-hero__breadcrumb,.misan-page-hero--accent .misan-page-hero__breadcrumb a{color:#ffffff8c}.misan-page-hero--accent .misan-page-hero__breadcrumb a:hover{color:var(--brand-primary)}.misan-page-hero--light .misan-page-hero__breadcrumb,.misan-page-hero--light .misan-page-hero__breadcrumb a{color:var(--brand-gray)}.misan-page-hero--light .misan-page-hero__breadcrumb a:hover{color:var(--brand-accent)}@media screen and (max-width:749px){.misan-page-hero{padding:4.8rem 0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-misan-page-hero.css.map */