/* Start:/local/templates/maumi/assets/css/about.css?17846513579404*/
.maumi-about {
	--about-ink: #21191d;
	--about-muted: #75696e;
	--about-pink: #da477e;
	--about-pink-dark: #b72f66;
	--about-line: #eadde2;
	color: var(--about-ink);
	margin: 22px 0 80px;
}

.maumi-about * { box-sizing: border-box; }

.maumi-about-hero {
	align-items: stretch;
	background: linear-gradient(120deg, #fff9fb 0%, #f8e9ef 56%, #efd5df 100%);
	border: 1px solid var(--about-line);
	border-radius: 34px;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
	min-height: 590px;
	overflow: hidden;
	position: relative;
}

.maumi-about-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 860px;
	padding: 74px 4.6vw;
	position: relative;
	z-index: 2;
}

.maumi-about-eyebrow {
	color: var(--about-pink-dark);
	display: block;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.maumi-about-hero h1 {
	font-size: clamp(50px, 5.4vw, 88px);
	font-weight: 820;
	letter-spacing: -.065em;
	line-height: .95;
	margin: 24px 0 28px;
	max-width: 940px;
}

.maumi-about-hero__copy > p {
	color: var(--about-muted);
	font-size: 18px;
	line-height: 1.55;
	margin: 0;
	max-width: 680px;
}

.maumi-about-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 38px; }
.maumi-about-button {
	align-items: center;
	background: rgba(255,255,255,.72);
	border: 1px solid rgba(79,45,58,.13);
	border-radius: 999px;
	color: var(--about-ink);
	display: inline-flex;
	font-size: 14px;
	font-weight: 750;
	gap: 28px;
	justify-content: center;
	min-height: 54px;
	padding: 14px 22px;
	text-decoration: none;
	transition: transform .2s ease, background .2s ease;
}
.maumi-about-button:hover { transform: translateY(-2px); }
.maumi-about-button--primary { background: var(--about-pink); border-color: var(--about-pink); color: #fff; }

.maumi-about-hero__art {
	background: linear-gradient(145deg, rgba(119,65,86,.06), rgba(88,39,58,.15));
	border-left: 1px solid rgba(81,45,59,.08);
	min-height: 100%;
	overflow: hidden;
	position: relative;
}
.maumi-about-orbit { border: 1px solid rgba(255,255,255,.46); border-radius: 50%; position: absolute; }
.maumi-about-orbit--large { height: 530px; left: -52px; top: 42px; width: 530px; }
.maumi-about-orbit--small { bottom: -54px; height: 260px; right: -60px; width: 260px; }
.maumi-about-drop { background: linear-gradient(145deg, #f59abd, #cf3b73); box-shadow: 0 30px 55px rgba(151,42,85,.2); position: absolute; }
.maumi-about-drop--one { border-radius: 45% 55% 62% 38%; height: 190px; left: 10%; top: 12%; transform: rotate(22deg); width: 210px; }
.maumi-about-drop--two { border-radius: 58% 42% 44% 56%; height: 240px; right: 3%; top: 30%; transform: rotate(-18deg); width: 260px; }
.maumi-about-drop--three { border-radius: 42% 58% 52% 48%; bottom: 7%; height: 128px; left: 19%; transform: rotate(10deg); width: 140px; }
.maumi-about-art-caption { bottom: 42px; color: #fff; font-size: 36px; font-weight: 900; left: 42px; letter-spacing: -.04em; line-height: .75; position: absolute; z-index: 2; }
.maumi-about-art-caption small { font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }

.maumi-about-intro {
	align-items: start;
	border-bottom: 1px solid var(--about-line);
	display: grid;
	gap: 36px;
	grid-template-columns: minmax(300px, .8fr) minmax(360px, 1fr);
	padding: 104px 4.6vw;
}
.maumi-about-intro h2, .maumi-about-section-head h2, .maumi-about-world h2, .maumi-about-contact h2 { font-size: clamp(38px, 4.2vw, 68px); font-weight: 800; letter-spacing: -.06em; line-height: .98; margin: 0; }
.maumi-about-intro__text { color: var(--about-muted); font-size: 17px; line-height: 1.7; max-width: 680px; }
.maumi-about-intro__text p { margin: 0 0 20px; }
.maumi-about-intro__text p:last-child { margin-bottom: 0; }

.maumi-about-principles { padding: 104px 0; }
.maumi-about-section-head { align-items: end; display: flex; gap: 40px; justify-content: space-between; margin: 0 4.6vw 44px; }
.maumi-about-section-head h2 { margin-top: 16px; }
.maumi-about-section-head > p { color: var(--about-muted); font-size: 15px; line-height: 1.55; margin: 0; max-width: 330px; }
.maumi-about-principles__grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.maumi-about-principle { background: #fbf6f8; border: 1px solid var(--about-line); border-radius: 28px; min-height: 330px; padding: 32px; }
.maumi-about-principle > span { color: var(--about-pink-dark); font-size: 11px; font-weight: 850; }
.maumi-about-principle h3 { font-size: clamp(28px, 2.4vw, 40px); font-weight: 780; letter-spacing: -.05em; line-height: 1.05; margin: 118px 0 16px; }
.maumi-about-principle p { color: var(--about-muted); font-size: 14px; line-height: 1.55; margin: 0; max-width: 370px; }
.maumi-about-principle--accent { background: linear-gradient(145deg, #f5b6cd, #dc4b81); border-color: transparent; color: #fff; }
.maumi-about-principle--dark { background: #2d2227; border-color: #2d2227; color: #fff; }
.maumi-about-principle--accent > span, .maumi-about-principle--accent p, .maumi-about-principle--dark > span, .maumi-about-principle--dark p { color: rgba(255,255,255,.76); }

.maumi-about-world {
	background: #f8f1f4;
	border: 1px solid var(--about-line);
	border-radius: 32px;
	display: grid;
	gap: 52px;
	grid-template-columns: minmax(260px, .7fr) minmax(460px, 1.3fr);
	padding: 64px 4.6vw;
}
.maumi-about-world h2 { margin-top: 16px; }
.maumi-about-world__links { display: grid; }
.maumi-about-world__links a { align-items: center; border-bottom: 1px solid #decfd5; color: var(--about-ink); display: grid; gap: 18px; grid-template-columns: 110px minmax(0,1fr) 30px; min-height: 116px; text-decoration: none; }
.maumi-about-world__links a:first-child { border-top: 1px solid #decfd5; }
.maumi-about-world__links span { color: var(--about-pink-dark); font-size: 12px; font-weight: 800; }
.maumi-about-world__links strong { font-size: 17px; font-weight: 650; line-height: 1.35; }
.maumi-about-world__links i { font-size: 18px; font-style: normal; transition: transform .2s ease; }
.maumi-about-world__links a:hover i { transform: translate(3px, -3px); }

.maumi-about-contact { align-items: center; background: linear-gradient(115deg, #38262e, #6d3a4e); border-radius: 32px; color: #fff; display: flex; gap: 36px; justify-content: space-between; margin-top: 20px; overflow: hidden; padding: 54px 4.6vw; position: relative; }
.maumi-about-contact::after { border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; height: 310px; position: absolute; right: 19%; top: -150px; width: 310px; }
.maumi-about-contact > div, .maumi-about-contact > a { position: relative; z-index: 1; }
.maumi-about-contact .maumi-about-eyebrow { color: #f7aac7; }
.maumi-about-contact h2 { font-size: clamp(36px, 3.8vw, 60px); margin: 13px 0 12px; }
.maumi-about-contact p { color: rgba(255,255,255,.68); font-size: 15px; margin: 0; }
.maumi-about-button--light { background: #fff; color: var(--about-ink); flex: 0 0 auto; }

@media (max-width: 1050px) {
	.maumi-about-hero { grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr); min-height: 540px; }
	.maumi-about-intro { grid-template-columns: minmax(230px,.8fr) minmax(300px,1fr); padding-left: 32px; padding-right: 32px; }
	.maumi-about-world { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
	.maumi-about { margin: 12px 0 50px; }
	.maumi-about-hero { border-radius: 25px; display: block; min-height: 0; }
	.maumi-about-hero__copy { padding: 42px 20px 34px; }
	.maumi-about-hero h1 { font-size: clamp(42px, 13vw, 58px); margin: 18px 0 22px; }
	.maumi-about-hero__copy > p { font-size: 15px; }
	.maumi-about-actions { margin-top: 28px; }
	.maumi-about-button { gap: 18px; min-height: 50px; padding: 12px 18px; }
	.maumi-about-hero__art { border-left: 0; border-top: 1px solid rgba(81,45,59,.08); height: 310px; min-height: 0; }
	.maumi-about-orbit--large { height: 360px; left: -30px; top: -20px; width: 360px; }
	.maumi-about-drop--one { height: 120px; width: 130px; }
	.maumi-about-drop--two { height: 155px; width: 170px; }
	.maumi-about-drop--three { height: 86px; width: 94px; }
	.maumi-about-art-caption { bottom: 26px; font-size: 30px; left: 22px; }
	.maumi-about-intro { gap: 20px; grid-template-columns: 1fr; padding: 64px 10px; }
	.maumi-about-intro h2, .maumi-about-section-head h2, .maumi-about-world h2 { font-size: 40px; }
	.maumi-about-intro__text { font-size: 15px; }
	.maumi-about-principles { padding: 64px 0; }
	.maumi-about-section-head { align-items: start; display: grid; margin: 0 10px 28px; }
	.maumi-about-section-head > p { font-size: 14px; }
	.maumi-about-principles__grid { grid-template-columns: 1fr; }
	.maumi-about-principle { border-radius: 22px; min-height: 250px; padding: 24px; }
	.maumi-about-principle h3 { margin-top: 72px; }
	.maumi-about-world { border-radius: 24px; gap: 34px; padding: 42px 20px; }
	.maumi-about-world__links a { gap: 10px; grid-template-columns: 1fr 28px; padding: 18px 0; }
	.maumi-about-world__links span { grid-column: 1 / -1; }
	.maumi-about-world__links strong { font-size: 15px; }
	.maumi-about-contact { align-items: flex-start; border-radius: 24px; flex-direction: column; margin-top: 12px; padding: 42px 20px; }
	.maumi-about-contact h2 { font-size: 40px; }
}

@media (prefers-reduced-motion: reduce) {
	.maumi-about-button, .maumi-about-world__links i { transition: none; }
}

/* End */
/* /local/templates/maumi/assets/css/about.css?17846513579404 */