/* =========================================================
   Multipliers Real Estate — About page (3D / depth styles)
   Loaded after mx-style.css on about.php only.
   ========================================================= */

/* ---------- Generic 3D tilt ---------- */
.mx-3d-stage{perspective:1400px;}
.mx-tilt{position:relative;transform-style:preserve-3d;transition:transform .6s var(--mx-ease);will-change:transform;}
.mx-tilt.is-tracking{transition:transform .08s linear;}
.mx-tilt__shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
  background:radial-gradient(circle at var(--mx-sx,50%) var(--mx-sy,0%),rgba(255,255,255,.35),transparent 55%);
  opacity:0;transition:opacity .4s;mix-blend-mode:soft-light;}
.mx-tilt.is-tracking .mx-tilt__shine{opacity:1;}
.mx-z1{transform:translateZ(30px);}
.mx-z2{transform:translateZ(60px);}
.mx-z3{transform:translateZ(90px);}

/* ---------- HERO ---------- */
.mx-ahero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,#1d3b58 0%,var(--mx-navy) 55%,#060f19 100%);color:#dfe6ee;padding:90px 0 120px;}
.mx-ahero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);}
.mx-ahero__glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.35),transparent 65%);right:-120px;top:-140px;filter:blur(10px);animation:mx-float-slow 9s ease-in-out infinite;}
.mx-ahero .container{position:relative;z-index:2;}
.mx-ahero h1{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:clamp(2.3rem,4.8vw,3.9rem);line-height:1.08;font-weight:700;margin:6px 0 22px;}
.mx-ahero h1 em{color:var(--mx-gold-2);font-style:italic;}
.mx-ahero__lead{color:#b9c5d2;font-size:1.06rem;line-height:1.75;max-width:520px;margin-bottom:32px;}
.mx-ahero__stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);}
.mx-ahero__stats strong{display:block;font-family:'Playfair Display',serif;font-size:2rem;color:#fff;line-height:1;}
.mx-ahero__stats > div > span{font-size:.8rem;color:#8fa0b2;letter-spacing:.06em;text-transform:uppercase;}

/* The leadership collage in a 3D frame */
.mx-frame{transform:rotateY(-10deg) rotateX(5deg);border-radius:22px;}
.mx-frame__plate{position:absolute;inset:0;border-radius:22px;border:2px solid rgba(201,162,75,.55);transform:translateZ(-50px) translate(26px,26px);}
.mx-frame__plate--2{border-color:rgba(201,162,75,.22);transform:translateZ(-100px) translate(52px,52px);}
.mx-frame__img{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 50px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);}
.mx-frame__img img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;}
.mx-frame__badge{position:absolute;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.95);color:var(--mx-navy);border-radius:16px;padding:12px 18px;box-shadow:0 24px 40px -18px rgba(0,0,0,.6);font-size:.82rem;line-height:1.25;z-index:6;}
.mx-frame__badge i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--mx-navy);color:var(--mx-gold-2);font-size:1rem;}
.mx-frame__badge strong{display:block;font-size:1.05rem;}
.mx-frame__badge--a{left:-28px;bottom:34px;animation:mx-bob 5s ease-in-out infinite;}
.mx-frame__badge--b{right:-22px;top:-22px;animation:mx-bob 6s ease-in-out infinite reverse;}
@media(max-width:991px){
  .mx-ahero{padding:60px 0 90px;}
  .mx-frame{transform:rotateY(-6deg) rotateX(3deg);margin-top:40px;}
  .mx-frame__badge--a{left:8px;bottom:-26px;}
  .mx-frame__badge--b{right:8px;top:-22px;}
  .mx-frame__plate{transform:translateZ(-50px) translate(14px,14px);}
  .mx-frame__plate--2{display:none;}
}

@keyframes mx-bob{0%,100%{translate:0 0;}50%{translate:0 -10px;}}
@keyframes mx-float-slow{0%,100%{transform:translate(0,0);}50%{transform:translate(-30px,30px);}}

/* ---------- STORY ---------- */
.mx-story__media{position:relative;}
.mx-story__media .mx-tilt{border-radius:var(--mx-radius);}
.mx-story__media img{width:100%;border-radius:var(--mx-radius);aspect-ratio:4/5;object-fit:cover;display:block;box-shadow:0 40px 70px -30px rgba(11,27,43,.55);}
.mx-story__year{position:absolute;left:-26px;top:40px;background:var(--mx-gold);color:var(--mx-navy);border-radius:18px;padding:18px 22px;box-shadow:0 26px 40px -18px rgba(201,162,75,.8);}
.mx-story__year strong{display:block;font-family:'Playfair Display',serif;font-size:2.2rem;line-height:1;}
.mx-story__year span{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.mx-approach{margin-top:28px;padding:24px 26px;border-left:3px solid var(--mx-gold);background:#fff;border-radius:0 14px 14px 0;box-shadow:0 18px 40px -26px rgba(11,27,43,.35);}
.mx-approach h3{font-family:'Playfair Display',serif;color:var(--mx-navy);font-size:1.3rem;margin:0 0 8px;}
.mx-approach p{margin:0;color:var(--mx-muted);line-height:1.75;font-size:.95rem;}
@media(max-width:767px){.mx-story__year{left:12px;top:12px;}}

/* ---------- AIM / MISSION / VISION ---------- */
.mx-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media(max-width:991px){.mx-pillars{grid-template-columns:1fr;}}
.mx-pillar{border-radius:22px;background:linear-gradient(160deg,#fff 0%,#fbf8f2 100%);border:1px solid var(--mx-line);padding:38px 32px;box-shadow:0 30px 60px -38px rgba(11,27,43,.5);height:100%;}
.mx-pillar__icon{width:72px;height:72px;border-radius:20px;background:var(--mx-navy);display:grid;place-items:center;margin-bottom:24px;box-shadow:0 18px 30px -14px rgba(11,27,43,.7);}
.mx-pillar__icon img{width:38px;height:38px;object-fit:contain;filter:brightness(0) invert(1);}
.mx-pillar__num{position:absolute;right:26px;top:18px;font-family:'Playfair Display',serif;font-size:4.2rem;line-height:1;color:rgba(201,162,75,.18);}
.mx-pillar h3{font-family:'Playfair Display',serif;color:var(--mx-navy);font-size:1.5rem;margin:0 0 10px;}
.mx-pillar p{color:var(--mx-muted);line-height:1.75;margin:0;}

/* ---------- EXPERTISE ---------- */
.mx-expertise{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:991px){.mx-expertise{grid-template-columns:repeat(2,1fr);}}
@media(max-width:420px){.mx-expertise{grid-template-columns:1fr;}}
.mx-exp{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);color:#dfe6ee;font-weight:500;font-size:.95rem;transition:all .35s var(--mx-ease);}
.mx-exp i{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(201,162,75,.14);color:var(--mx-gold-2);transition:all .35s var(--mx-ease);}
.mx-exp:hover{transform:translateY(-4px);background:rgba(201,162,75,.09);border-color:rgba(201,162,75,.45);box-shadow:0 20px 34px -20px rgba(0,0,0,.6);}
.mx-exp:hover i{background:var(--mx-gold);color:var(--mx-navy);transform:rotate(-8deg) scale(1.06);}

/* ---------- LEADERSHIP ---------- */
.mx-team{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
@media(max-width:991px){.mx-team{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.mx-team{grid-template-columns:1fr;}}
.mx-member{border-radius:22px;overflow:hidden;background:var(--mx-navy);box-shadow:0 40px 70px -36px rgba(11,27,43,.75);}
.mx-member__photo{position:relative;aspect-ratio:4/5;overflow:hidden;}
.mx-member__photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 1s var(--mx-ease);}
.mx-member:hover .mx-member__photo img{transform:scale(1.05);}
.mx-member__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,27,43,.95) 100%);}
.mx-member__info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;}
.mx-member__info h3{font-family:'Playfair Display',serif;color:#fff;font-size:1.35rem;margin:0 0 4px;}
.mx-member__info span{color:var(--mx-gold-2);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.mx-member__social{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;text-decoration:none;backdrop-filter:blur(6px);transition:background .3s;}
.mx-member__social:hover{background:var(--mx-gold);color:var(--mx-navy);}

/* Founder message */
.mx-message{position:relative;border-radius:26px;background:linear-gradient(120deg,var(--mx-navy),var(--mx-navy-2));color:#c9d3de;padding:56px;overflow:hidden;}
.mx-message::before{content:"\201C";position:absolute;right:40px;top:-30px;font-family:'Playfair Display',serif;font-size:16rem;line-height:1;color:rgba(201,162,75,.12);}
.mx-message p{position:relative;font-size:1.1rem;line-height:1.85;margin:0 0 26px;max-width:880px;}
.mx-message__who{display:flex;align-items:center;gap:14px;}
.mx-message__who img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--mx-gold);}
.mx-message__who strong{display:block;color:#fff;font-size:1.05rem;}
.mx-message__who span{color:var(--mx-gold-2);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;}
@media(max-width:767px){.mx-message{padding:34px 24px;}.mx-message p{font-size:1rem;}}

/* ---------- SERVICES TABS ---------- */
.mx-tabs{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--mx-line);box-shadow:0 14px 30px -22px rgba(11,27,43,.4);flex-wrap:wrap;justify-content:center;}
.mx-tab{border:none;background:transparent;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--mx-muted);cursor:pointer;transition:all .3s var(--mx-ease);}
.mx-tab:hover{color:var(--mx-navy);}
.mx-tab[aria-selected="true"]{background:var(--mx-navy);color:#fff;box-shadow:0 10px 20px -10px rgba(11,27,43,.7);}
.mx-tabpanel{margin-top:36px;}
.mx-tabpanel[hidden]{display:none;}
.mx-tabpanel.is-in{animation:mx-panel-in .5s var(--mx-ease);}
@keyframes mx-panel-in{from{opacity:0;transform:translateY(14px) rotateX(-6deg);}to{opacity:1;transform:none;}}
.mx-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:991px){.mx-svc-grid{grid-template-columns:repeat(2,1fr);}}
.mx-svc{background:#fff;border:1px solid var(--mx-line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:all .35s var(--mx-ease);}
.mx-svc i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mx-cream);color:var(--mx-navy);font-size:1.1rem;transition:all .35s;}
.mx-svc span{font-weight:600;color:var(--mx-navy);font-size:.96rem;}
.mx-svc:hover{transform:translateY(-6px) rotateX(4deg);border-color:var(--mx-gold);box-shadow:0 24px 40px -24px rgba(11,27,43,.45);}
.mx-svc:hover i{background:var(--mx-gold);}

/* ---------- PROCESS / WHAT WE OFFER ---------- */
.mx-steps{list-style:none;margin:0;padding:0;counter-reset:mx-step;}
.mx-steps li{counter-increment:mx-step;position:relative;padding:0 0 26px 70px;color:var(--mx-ink);line-height:1.65;}
.mx-steps li::before{content:counter(mx-step,decimal-leading-zero);position:absolute;left:0;top:-4px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--mx-navy);color:var(--mx-gold-2);font-family:'Playfair Display',serif;font-weight:700;box-shadow:0 12px 22px -12px rgba(11,27,43,.8);}
.mx-steps li::after{content:"";position:absolute;left:23px;top:50px;bottom:4px;width:2px;background:linear-gradient(var(--mx-gold),transparent);}
.mx-steps li:last-child::after{display:none;}
.mx-offer__media{position:relative;}
.mx-offer__media img{width:100%;border-radius:22px;display:block;aspect-ratio:4/5;object-fit:cover;box-shadow:0 40px 70px -30px rgba(11,27,43,.55);}
.mx-offer__card{position:absolute;right:-20px;bottom:30px;background:#fff;border-radius:16px;padding:16px 20px;display:flex;gap:12px;align-items:center;box-shadow:0 26px 44px -20px rgba(11,27,43,.55);font-size:.85rem;}
.mx-offer__card i{width:40px;height:40px;border-radius:12px;background:#e9faf0;color:#1fa855;display:grid;place-items:center;}
.mx-offer__card strong{display:block;color:var(--mx-navy);}
@media(max-width:767px){.mx-offer__card{right:12px;}}

@media (prefers-reduced-motion: reduce){
  .mx-frame__badge,.mx-ahero__glow{animation:none!important;}
  .mx-tilt{transform:none!important;}
}

/* Playfair defaults to old-style numerals — use full-height ones for stats */
.mx-ahero__stats strong,.mx-story__year strong,.mx-pillar__num,.mx-frame__badge strong{font-variant-numeric:lining-nums;}