/**
 * Melaaura About — scoped styles for the native Elementor "Melaaura About" widget.
 * All rules are namespaced under .mla. Ported from the approved
 * "Melaaura About Page Redesign" (Cormorant Garamond + DM Sans).
 *
 * v2 (2026-08-07): humble-beginnings opener, rail timeline, numbers strip,
 * voices carousel, explore cards.
 */

.mla{
	--mla-accent:#B28C3F;
	--mla-radius:15px;
	--f-text:#EDE7DA;
	--f-sub:rgba(237,231,218,.6);
	--f-line:rgba(237,231,218,.18);
	background:#FFFFFF;
	color:#16130F;
	font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.mla *{box-sizing:border-box;}
.mla img{display:block;max-width:100%;}
.mla ::selection{background:#16130F;color:#FFFFFF;}

.mla__wrap{max-width:1340px;margin:0 auto;}

/* Eyebrow / kicker */
.mla__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;}
.mla__eyebrow .line{width:36px;height:1px;background:var(--mla-accent);display:block;flex:0 0 auto;}
.mla__eyebrow .txt{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#8B8174;}

/* Shared type */
.mla__h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,4.6vw,72px);line-height:1.02;letter-spacing:-.01em;color:#16130F;margin:0 0 28px;max-width:14ch;}
.mla__p{font-weight:300;font-size:clamp(15px,1.1vw,18px);line-height:1.78;color:#4B463F;margin:0 0 20px;}
.mla__p:last-child{margin-bottom:0;}

/* Inline links inside body copy (editors can add these from the panel). */
.mla p a{
	color:inherit;
	text-decoration:none;
	box-shadow:inset 0 -1px 0 0 var(--mla-accent);
	transition:box-shadow .25s ease,color .25s ease;
}
.mla p a:hover{
	color:var(--mla-accent);
	box-shadow:inset 0 -2px 0 0 var(--mla-accent);
}
.mla-founder p a{color:var(--f-text);}
.mla-founder p a:hover{color:var(--mla-accent);}

/* Figures */
.mla__fig{overflow:hidden;background:#E7E0D4;border-radius:var(--mla-radius);}
.mla__fig img{width:100%;height:100%;object-fit:cover;}
.mla__fig--4x5{aspect-ratio:4/5;}
.mla__fig--5x4{aspect-ratio:5/4;}
.mla__fig--1x1{aspect-ratio:1/1;background:#E0D9CC;}

/* ── Hero ── */
.mla-hero{padding:clamp(64px,10vh,140px) clamp(24px,6vw,100px) clamp(40px,7vh,84px);}
.mla-hero__h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(38px,6.4vw,104px);line-height:.96;letter-spacing:-.015em;color:#16130F;margin:0;max-width:16ch;text-wrap:balance;}
.mla-hero__lead-wrap{display:flex;justify-content:flex-end;margin-top:clamp(34px,5vh,66px);}
.mla-hero__lead{font-weight:300;font-size:clamp(16px,1.2vw,19px);line-height:1.72;color:#4B463F;max-width:540px;margin:0;}

/* ── Hero full-bleed image ── */
.mla-heroimg{width:100%;aspect-ratio:16/7.4;overflow:hidden;background:#E7E0D4;border-radius:var(--mla-radius);}
.mla-heroimg img{width:100%;height:100%;object-fit:cover;}

/* ── Humble beginnings / positioning ── */
.mla-pos{padding:clamp(80px,13vh,170px) clamp(24px,6vw,100px);}
.mla-pos__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(40px,6vw,96px);align-items:center;}
.mla-pos__kicker{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(20px,2.1vw,30px);line-height:1.35;color:var(--mla-accent);margin:0 0 26px;max-width:22ch;}

/* ── Origins / timeline rail ── */
.mla-origins{padding:clamp(20px,3vh,40px) clamp(24px,6vw,100px) clamp(80px,13vh,170px);}
.mla-origins__title{max-width:18ch;margin-bottom:clamp(48px,7vh,88px);}
.mla-origins__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(40px,5vw,80px);align-items:start;}
.mla-origins__list{position:relative;display:flex;flex-direction:column;gap:clamp(34px,5vh,52px);}
.mla-origins__list::before{content:'';position:absolute;left:7px;top:12px;bottom:12px;width:1px;background:rgba(22,19,15,.14);}
.mla-tl{position:relative;padding-left:clamp(34px,3.4vw,50px);}
.mla-tl::before{content:'';position:absolute;left:0;top:7px;width:15px;height:15px;border-radius:50%;border:1px solid var(--mla-accent);background:#FFFFFF;box-sizing:border-box;}
.mla-tl::after{content:'';position:absolute;left:5px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--mla-accent);}
.mla-tl__year{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(28px,2.8vw,42px);color:var(--mla-accent);line-height:1;margin-bottom:12px;}
.mla-tl__h{font-family:'DM Sans',sans-serif;font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#16130F;margin:0 0 12px;}
.mla-tl__p{font-weight:300;font-size:clamp(15px,1.05vw,17px);line-height:1.74;color:#4B463F;margin:0;}

/* ── Numbers strip ── */
.mla-num{padding:0 clamp(24px,6vw,100px) clamp(80px,13vh,170px);}
.mla-num__inner{border-top:1px solid rgba(22,19,15,.16);border-bottom:1px solid rgba(22,19,15,.16);padding:clamp(40px,6vh,68px) 0;}
.mla-num__head{margin-bottom:clamp(34px,5vh,54px);}
.mla-num__head .mla__h2{margin:0;max-width:18ch;font-size:clamp(28px,3.2vw,48px);}
.mla-num__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(30px,4vw,56px);}
.mla-num__col{position:relative;}
.mla-num__fig{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(46px,5.6vw,86px);line-height:1;letter-spacing:-.02em;color:#16130F;margin-bottom:14px;}
.mla-num__lbl{font-weight:300;font-size:clamp(14px,1vw,16px);line-height:1.65;color:#6B655B;max-width:26ch;margin:0;}

/* ── Materials ── */
.mla-mat{background:#F7F5F1;padding:clamp(80px,13vh,170px) clamp(24px,6vw,100px);}
.mla-mat__head{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(56px,9vh,120px);}
.mla-mat__head .mla__h2{max-width:13ch;margin:0;}
.mla-mat__head .mla__p{max-width:480px;}
.mla-mat__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(40px,6vw,96px);align-items:center;}
.mla-mat__row + .mla-mat__row{margin-top:clamp(56px,9vh,120px);}
.mla-mat__label{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(15px,1.1vw,18px);color:var(--mla-accent);margin-bottom:18px;}
.mla-mat__h{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,56px);line-height:1.04;letter-spacing:-.01em;color:#16130F;margin:0 0 22px;max-width:14ch;}
.mla-mat__p{font-weight:300;font-size:clamp(15px,1.1vw,18px);line-height:1.78;color:#4B463F;max-width:500px;margin:0;}

/* ── White-glove service ── */
.mla-svc{padding:clamp(80px,13vh,170px) clamp(24px,6vw,100px);}
.mla-svc__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(40px,6vw,96px);align-items:center;}
.mla-svc__p{font-weight:300;font-size:clamp(15px,1.1vw,18px);line-height:1.78;color:#4B463F;max-width:520px;margin:0 0 clamp(36px,5vh,52px);}
.mla-svc__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px;}
.mla-step{border-top:1px solid rgba(22,19,15,.16);padding-top:18px;}
.mla-step__num{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;color:var(--mla-accent);line-height:1;margin-bottom:10px;}
.mla-step__h{font-weight:500;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#16130F;margin-bottom:6px;}
.mla-step__p{font-weight:300;font-size:14px;line-height:1.6;color:#6B655B;margin:0;}

/* ── Provenance ── */
.mla-prov{padding:clamp(20px,3vh,40px) clamp(24px,6vw,100px) clamp(80px,13vh,170px);}
.mla-prov__title{max-width:18ch;margin-bottom:clamp(48px,7vh,88px);}
.mla-prov__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(32px,4vw,64px);}
.mla-prov__col{border-top:1px solid rgba(22,19,15,.2);padding-top:26px;}
.mla-prov__loc{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mla-accent);margin-bottom:16px;}
.mla-prov__h{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(26px,2.6vw,40px);line-height:1.05;color:#16130F;margin:0 0 14px;}
.mla-prov__p{font-weight:300;font-size:15px;line-height:1.7;color:#4B463F;margin:0;}

/* ── Voices ── */
.mla-voices{background:#F7F5F1;padding:clamp(80px,13vh,170px) 0;overflow:hidden;}
.mla-voices__head{padding:0 clamp(24px,6vw,100px);display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:clamp(40px,6vh,64px);}
.mla-voices__head .mla__h2{margin:0;max-width:16ch;}
.mla-voices__nav{display:flex;gap:12px;flex:0 0 auto;}
.mla-voices__btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(22,19,15,.2);background:transparent;color:#16130F;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease,border-color .25s ease;padding:0;}
.mla-voices__btn:hover{background:#16130F;border-color:#16130F;color:#FFFFFF;}
.mla-voices__btn[disabled]{opacity:.3;cursor:default;}
.mla-voices__btn[disabled]:hover{background:transparent;color:#16130F;border-color:rgba(22,19,15,.2);}
.mla-voices__btn svg{width:16px;height:16px;display:block;}
.mla-voices__track{display:flex;gap:clamp(20px,2.4vw,34px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 clamp(24px,6vw,100px);scrollbar-width:none;-ms-overflow-style:none;}
.mla-voices__track::-webkit-scrollbar{display:none;}
.mla-voice{flex:0 0 clamp(272px,74vw,520px);scroll-snap-align:start;background:#FFFFFF;border-radius:var(--mla-radius);padding:clamp(30px,3.4vw,46px);display:flex;flex-direction:column;}
.mla-voice__quote{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(21px,2.1vw,30px);line-height:1.32;color:#16130F;margin:0 0 auto;}
.mla-voice__meta{display:flex;align-items:center;gap:16px;margin-top:clamp(28px,4vh,40px);padding-top:24px;border-top:1px solid rgba(22,19,15,.12);}
.mla-voice__ava{width:54px;height:54px;border-radius:50%;overflow:hidden;background:#E7E0D4;flex:0 0 54px;}
.mla-voice__ava img{width:100%;height:100%;object-fit:cover;}
.mla-voice__name{font-weight:500;font-size:15px;letter-spacing:.04em;color:#16130F;margin-bottom:4px;}
.mla-voice__role{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8B8174;}

/* ── Founder ── */
.mla-founder{padding:clamp(80px,13vh,170px) clamp(24px,6vw,100px);background:#14110D;}
.mla-founder--light{background:#ECE6DC;--f-text:#16130F;--f-sub:#6B655B;--f-line:rgba(22,19,15,.16);}
.mla-founder__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(44px,6vw,96px);align-items:center;}
.mla-founder__fig{aspect-ratio:4/5;overflow:hidden;background:#27241E;border-radius:var(--mla-radius);}
.mla-founder__fig img{width:100%;height:100%;object-fit:cover;}
.mla-founder .mla__eyebrow{margin-bottom:34px;}
.mla-founder .mla__eyebrow .txt{color:var(--f-sub);}
.mla-founder__quote{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(28px,3.4vw,52px);line-height:1.16;letter-spacing:-.01em;color:var(--f-text);margin:0 0 clamp(36px,5vh,52px);}
.mla-founder__meta{border-top:1px solid var(--f-line);padding-top:24px;}
.mla-founder__name{font-weight:500;font-size:15px;letter-spacing:.06em;color:var(--f-text);margin-bottom:6px;}
.mla-founder__role{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--f-sub);margin-bottom:22px;}
.mla-founder__bio{font-weight:300;font-size:clamp(15px,1.05vw,17px);line-height:1.76;color:var(--f-sub);max-width:520px;margin:0;}

/* ── Explore cards ── */
.mla-exp{padding:clamp(80px,13vh,170px) clamp(24px,6vw,100px) clamp(40px,6vh,80px);}
.mla-exp__title{max-width:18ch;margin-bottom:clamp(44px,6vh,76px);}
.mla-exp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(24px,3vw,44px);}
.mla-exp__card{display:block;text-decoration:none;color:inherit;}
.mla-exp__fig{aspect-ratio:4/5;overflow:hidden;border-radius:var(--mla-radius);background:#E7E0D4;margin-bottom:24px;}
.mla-exp__fig img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.mla-exp__card:hover .mla-exp__fig img{transform:scale(1.05);}
.mla-exp__label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mla-accent);margin-bottom:14px;}
.mla-exp__h{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(26px,2.6vw,38px);line-height:1.06;color:#16130F;margin:0 0 12px;}
.mla-exp__p{font-weight:300;font-size:15px;line-height:1.7;color:#4B463F;margin:0 0 18px;}
.mla-exp__more{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#16130F;}
.mla-exp__more::after{content:'';width:22px;height:1px;background:currentColor;transition:width .3s ease;}
.mla-exp__card:hover .mla-exp__more::after{width:38px;}

/* ── CTA ── */
.mla-cta{padding:clamp(96px,16vh,200px) clamp(24px,6vw,100px);text-align:center;}
.mla-cta__wrap{max-width:1000px;margin:0 auto;}
.mla-cta__eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#8B8174;}
.mla-cta__h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(40px,6.4vw,108px);line-height:.98;letter-spacing:-.015em;color:#16130F;margin:22px 0 clamp(34px,5vh,52px);text-wrap:balance;}
.mla-cta__p{font-weight:300;font-size:clamp(16px,1.15vw,19px);line-height:1.72;color:#4B463F;max-width:560px;margin:0 auto clamp(40px,6vh,56px);}
.mla-cta__btn{display:inline-block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#F3EFE8;background:#16130F;text-decoration:none;padding:18px 44px;border-radius:999px;transition:background .25s ease;}
.mla-cta__btn:hover{background:var(--mla-accent);color:#F3EFE8;}
.mla-cta__contact{margin-top:clamp(44px,7vh,72px);display:flex;gap:clamp(16px,3vw,48px);justify-content:center;flex-wrap:wrap;font-size:13px;letter-spacing:.04em;color:#6B655B;}
.mla-cta__sep{color:rgba(22,19,15,.25);}

/* Small screens */
@media (max-width:600px){
	.mla-voices__head{align-items:flex-start;}
	.mla-num__grid{gap:34px;}
}

/* ──────────────────────────────────────────────────────────────────────
 * Elementor kit override.
 *
 * The global kit styles headings as `.elementor-kit-2529 h1 … h6` —
 * specificity 0,1,1, which outranks our single-class selectors (0,1,0) and
 * repaints font-family / size / weight / colour / transform on every heading
 * in this widget. Everything below re-asserts the design, scoped to .mla so
 * nothing outside the About page is touched.
 * ────────────────────────────────────────────────────────────────────── */
.mla h1,
.mla h2,
.mla h3{
	color:#16130F !important;
	text-transform:none !important;
	text-decoration:none !important;
	font-style:normal !important;
}
.mla .mla-hero__h1{
	font-family:'Cormorant Garamond',Georgia,serif !important;
	font-weight:400 !important;
	font-size:clamp(38px,6.4vw,104px) !important;
	line-height:.96 !important;
	letter-spacing:-.015em !important;
}
.mla .mla__h2{
	font-family:'Cormorant Garamond',Georgia,serif !important;
	font-weight:400 !important;
	font-size:clamp(34px,4.6vw,72px) !important;
	line-height:1.02 !important;
	letter-spacing:-.01em !important;
}
.mla .mla-num__head .mla__h2{font-size:clamp(28px,3.2vw,48px) !important;}
.mla .mla-mat__h{
	font-family:'Cormorant Garamond',Georgia,serif !important;
	font-weight:400 !important;
	font-size:clamp(30px,3.6vw,56px) !important;
	line-height:1.04 !important;
	letter-spacing:-.01em !important;
}
.mla .mla-prov__h,
.mla .mla-exp__h{
	font-family:'Cormorant Garamond',Georgia,serif !important;
	font-weight:400 !important;
	font-size:clamp(26px,2.6vw,40px) !important;
	line-height:1.05 !important;
	letter-spacing:0 !important;
}
.mla .mla-cta__h2{
	font-family:'Cormorant Garamond',Georgia,serif !important;
	font-weight:400 !important;
	font-size:clamp(40px,6.4vw,108px) !important;
	line-height:.98 !important;
	letter-spacing:-.015em !important;
}
/* Timeline headings stay in the sans, uppercase. */
.mla .mla-tl__h{
	font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
	font-weight:500 !important;
	font-size:14px !important;
	line-height:1.4 !important;
	letter-spacing:.14em !important;
	text-transform:uppercase !important;
}
/* Founder block sits on ink — headings there follow the light palette. */
.mla .mla-founder h1,
.mla .mla-founder h2,
.mla .mla-founder h3{color:var(--f-text) !important;}

/* Keep the editor preview from clipping the full-bleed rows */
.elementor-widget-melaaura_about .elementor-widget-container{overflow:visible;}