/* ============================================================
 * LUMEN — About page (Elementor blocks). Scoped to .la-about.
 * ============================================================ */
.la-about{
	--paper:#E6DDCD; --bg:#E6DDCD; --bg-soft:#EFE8DB; --ink:#2A2620; --muted:#8B8275; --soft:#6B6358;
	--olive:#5C6B50; --olive-deep:#37362F; --tan:#B8A07C; --line:#D8CDB9; --glass:#F1EBDF; --btn:#F4EFE6;
	--sans:'Inter',system-ui,sans-serif; --serif:'Playfair Display',Georgia,serif;
	--r:20px; --r-sm:14px; --pad-x:clamp(20px,5vw,72px); --sh:0 22px 34px -18px rgba(42,38,32,0.22);
	position:relative;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;overflow:hidden;
}
.la-about::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.5;z-index:0;background-image:repeating-linear-gradient(125deg,rgba(184,160,124,0.06) 0 1px,transparent 1px 26px);}
.la-about *{box-sizing:border-box;}
.la-about img{display:block;max-width:100%;}
.la-about .la-wrap{position:relative;z-index:1;max-width:1340px;margin:0 auto;}
.la-about .la-eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:0.66rem;font-weight:500;letter-spacing:0.24em;text-transform:uppercase;color:var(--muted);margin:0;}
.la-about .la-eyebrow::before{content:"";width:34px;height:1px;background:var(--tan);}

/* buttons */
.la-about a.la-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:0.72rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
	padding:16px 26px;border-radius:9999px;background:linear-gradient(135deg,var(--olive),var(--olive-deep));color:#F4EFE6 !important;border:0;box-shadow:var(--sh);transition:transform .35s ease,box-shadow .35s ease,filter .35s ease;}
.la-about a.la-btn:hover{transform:translateY(-2px);filter:brightness(1.08);}
.la-about a.la-btn .la-ar{transition:transform .35s ease;}
.la-about a.la-btn:hover .la-ar{transform:translate(3px,-3px);}
.la-about a.la-link{display:inline-flex;align-items:center;gap:11px;font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink) !important;transition:color .3s,gap .3s;}
.la-about a.la-link:hover{color:var(--olive) !important;gap:15px;}
.la-about a.la-link .la-play{width:34px;height:34px;border-radius:50%;border:1px solid var(--tan);display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s;}
.la-about a.la-link:hover .la-play{background:var(--olive);border-color:var(--olive);color:#F4EFE6;}
.la-about a.la-btn--light{background:#F4EFE6;color:var(--ink) !important;}
.la-about a.la-btn--ghost{background:transparent;color:#F1EBDF !important;border:1px solid rgba(241,235,223,0.45);box-shadow:none;}
.la-about a.la-btn--ghost:hover{background:rgba(241,235,223,0.12);}

/* shell / glass */
.la-about .la-shell{background:linear-gradient(to right bottom,#6F7D5F,#37362F);padding:1px;border-radius:var(--r);box-shadow:var(--sh);}
.la-about .la-surface{border-radius:calc(var(--r) - 1px);background:var(--glass);}

/* hero */
.la-about .la-hero{position:relative;z-index:1;padding:clamp(34px,4vw,60px) var(--pad-x) clamp(48px,6vw,84px);display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(28px,5vw,72px);align-items:center;max-width:1340px;margin:0 auto;}
.la-about .la-hero::after{content:"";position:absolute;bottom:-26%;right:-10%;width:46%;height:70%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(158,90,99,0.12),transparent 72%);}
.la-about .la-visual{position:relative;}
.la-about .la-bracket{position:absolute;top:-14px;left:-14px;width:46px;height:46px;border-top:1px solid var(--tan);border-left:1px solid var(--tan);z-index:3;}
.la-about .la-card-main{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sh);}
.la-about .la-card-main img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);}
.la-about .la-visual:hover .la-card-main img{transform:scale(1.04);}
.la-about .la-look{position:absolute;top:16px;left:16px;z-index:2;font-size:0.6rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#F4EFE6;text-shadow:0 1px 8px rgba(0,0,0,0.4);}
.la-about .la-card-sub{position:absolute;right:-22px;bottom:-30px;width:46%;border-radius:var(--r-sm);overflow:hidden;z-index:4;border:4px solid var(--bg);box-shadow:var(--sh);aspect-ratio:4/5;}
.la-about .la-card-sub img{width:100%;height:100%;object-fit:cover;}
.la-about .la-badge{position:absolute;top:50%;right:-58px;transform:translateY(-50%);width:116px;height:116px;z-index:5;display:grid;place-items:center;}
.la-about .la-badge-ring{position:absolute;inset:0;border:1px dashed var(--tan);border-radius:50%;animation:laSpin 22s linear infinite;}
.la-about .la-badge-ring::after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--olive);transform:translateX(-50%);}
.la-about .la-badge span{font-size:0.56rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink);text-align:center;line-height:1.4;}
@media(max-width:980px){.la-about .la-badge{display:none;}}
.la-about .la-copy{position:relative;}
.la-about .la-head{font-family:var(--sans);font-weight:800;font-size:clamp(2.8rem,6.4vw,5.4rem);line-height:0.96;letter-spacing:-0.025em;text-transform:uppercase;margin:22px 0 0;}
.la-about .la-head .la-italic{display:block;font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:-0.01em;color:var(--olive);font-size:1.04em;line-height:1.04;margin-top:6px;}
.la-about .la-lead{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7;color:var(--soft);max-width:38ch;margin:26px 0 32px;font-weight:300;}
.la-about .la-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;}
.la-about .la-divider{height:1px;background:var(--line);margin:clamp(34px,4vw,52px) 0 clamp(22px,3vw,30px);}
.la-about .la-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.la-about .la-meta-item strong{display:block;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(1.15rem,1.8vw,1.5rem);color:var(--ink);line-height:1.1;}
.la-about .la-meta-item span{display:block;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:6px;}

/* section heads */
.la-about .la-section{position:relative;z-index:1;padding:clamp(56px,7vw,104px) var(--pad-x);max-width:1340px;margin:0 auto;}
.la-about .la-sec-head{margin-bottom:clamp(30px,4vw,52px);}
.la-about .la-sec-title{font-family:var(--sans);font-weight:700;font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-0.02em;text-transform:uppercase;color:var(--ink);margin:14px 0 0;line-height:1;}
.la-about .la-sec-title em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;color:var(--olive);}

/* brand cards */
.la-about .la-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,26px);}
.la-about .la-brand .la-surface{overflow:hidden;display:flex;flex-direction:column;height:100%;}
.la-about .la-brand{transition:transform .4s ease;}
.la-about .la-brand:hover{transform:translateY(-6px);}
.la-about .la-brand:hover .la-shell{box-shadow:0 30px 46px -20px rgba(42,38,32,0.34);}
.la-about .la-brand-media{aspect-ratio:5/4;overflow:hidden;border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;}
.la-about .la-brand-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);}
.la-about .la-brand:hover .la-brand-media img{transform:scale(1.05);}
.la-about .la-brand-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1;}
.la-about .la-brand-tag{font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--tan);font-weight:600;}
.la-about .la-brand-name{font-family:var(--serif);font-style:italic;font-weight:600;font-size:1.5rem;color:var(--ink);line-height:1.05;}
.la-about .la-brand-desc{font-size:0.88rem;line-height:1.65;color:var(--soft);font-weight:300;flex:1;}
.la-about .la-brand-link{display:inline-flex;align-items:center;gap:8px;font-size:0.64rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--olive) !important;margin-top:4px;transition:gap .3s;}
.la-about .la-brand-link:hover{gap:13px;}

/* founder */
.la-about .la-founder{position:relative;z-index:1;padding:clamp(40px,5vw,72px) var(--pad-x) clamp(56px,7vw,104px);max-width:1340px;margin:0 auto;}
.la-about .la-founder-inner{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(28px,4vw,64px);align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,40px);box-shadow:var(--sh);}
.la-about .la-founder-portrait{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh);}
.la-about .la-founder-portrait img{width:100%;height:100%;object-fit:cover;}
.la-about .la-quote{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.32;color:var(--ink);margin:18px 0 22px;}
.la-about .la-founder-bio{font-size:0.94rem;line-height:1.8;color:var(--soft);font-weight:300;margin:0 0 18px;max-width:46ch;}
.la-about .la-founder-name{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--ink);margin:0;}
.la-about .la-founder-role{font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;}

/* cta */
.la-about .la-cta{position:relative;z-index:1;margin:0 var(--pad-x) clamp(56px,7vw,96px);}
.la-about .la-cta-inner{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(150deg,var(--olive),var(--olive-deep));color:#F1EBDF;text-align:center;padding:clamp(48px,7vw,92px) clamp(24px,5vw,48px);box-shadow:var(--sh);max-width:1340px;margin:0 auto;}
.la-about .la-cta-inner::before{content:"";position:absolute;inset:0;opacity:0.5;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(230,221,205,0.18),transparent 60%);}
.la-about .la-cta-inner .la-eyebrow{color:#CFC6B2;justify-content:center;}
.la-about .la-cta-inner .la-eyebrow::before{background:#CFC6B2;}
.la-about .la-cta h2{position:relative;font-family:var(--sans);font-weight:700;font-size:clamp(2rem,4.4vw,3.4rem);text-transform:uppercase;letter-spacing:-0.02em;line-height:1.02;margin:16px 0 16px;}
.la-about .la-cta h2 em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;color:#D8CDB9;}
.la-about .la-cta p{position:relative;max-width:46ch;margin:0 auto 32px;font-size:0.96rem;line-height:1.75;color:rgba(241,235,223,0.82);}
.la-about .la-cta-links{position:relative;display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:center;}

/* reveal */
.la-js .la-about [data-la-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*80ms);}
.la-js .la-about [data-la-reveal].la-in{opacity:1;transform:none;}
body.elementor-editor-active .la-about [data-la-reveal]{opacity:1 !important;transform:none !important;}
@keyframes laSpin{to{transform:rotate(360deg);}}

@media(max-width:980px){
	.la-about .la-hero{grid-template-columns:1fr;gap:54px;}
	.la-about .la-visual{max-width:440px;}
	.la-about .la-grid3{grid-template-columns:1fr;}
	.la-about .la-founder-inner{grid-template-columns:1fr;}
	.la-about .la-founder-portrait{max-width:360px;}
}
@media(max-width:560px){
	.la-about .la-meta{grid-template-columns:1fr;gap:14px;}
	.la-about .la-card-sub{right:-8px;width:44%;}
}
@media (prefers-reduced-motion:reduce){
	.la-about *{animation:none !important;transition:none !important;}
	.la-js .la-about [data-la-reveal]{opacity:1 !important;transform:none !important;}
}
