.msd-about{--msd-about-accent:#ffd204;--msd-about-text:#111;--msd-about-title:#111;--msd-about-surface:#fff;--msd-about-radius:24px;--msd-about-speed:.8s;position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,6vw,90px);border-radius:var(--msd-about-radius);color:var(--msd-about-text);background:var(--msd-about-surface);display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:clamp(28px,6vw,90px);align-items:center;box-sizing:border-box}.msd-about__media{position:relative;z-index:2;min-height:360px;overflow:hidden;border-radius:calc(var(--msd-about-radius) * .8);background:#e9e9e9}.msd-about__media img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.msd-about:hover .msd-about__media img{transform:scale(1.045)}.msd-about__content{position:relative;z-index:3}.msd-about__eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:18px}.msd-about__eyebrow span{width:28px;height:2px;background:var(--msd-about-accent);box-shadow:0 0 16px var(--msd-about-accent)}.msd-about__title{color:var(--msd-about-title);font-size:clamp(34px,5vw,72px);line-height:.98;margin:0 0 22px;font-weight:800;letter-spacing:-.045em}.msd-about__desc{font-size:16px;line-height:1.8;max-width:700px;opacity:.78}.msd-about__stats{display:flex;gap:26px;flex-wrap:wrap;margin:30px 0}.msd-about__stats div{display:flex;flex-direction:column;gap:4px}.msd-about__stats strong{font-size:25px;line-height:1}.msd-about__stats small{opacity:.58;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.msd-about__button{display:inline-flex;align-items:center;gap:15px;padding:13px 18px;border-radius:999px;background:var(--msd-about-text);color:var(--msd-about-surface);text-decoration:none;font-weight:700;transition:.3s ease;box-shadow:0 10px 30px rgba(0,0,0,.12)}.msd-about__button span{color:var(--msd-about-accent);font-size:20px}.msd-about__button:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.18)}.msd-about__tag{position:absolute;right:22px;bottom:18px;font-size:10px;letter-spacing:.2em;font-weight:800;opacity:.22}.msd-about__gridfx{position:absolute;inset:0;pointer-events:none;z-index:0}.msd-about__gridfx:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,transparent,black,transparent);opacity:.5}.msd-about__gridfx i{position:absolute;width:120px;height:120px;border-radius:50%;background:var(--msd-about-accent);filter:blur(50px);opacity:.16;animation:msdAboutOrb 7s ease-in-out infinite alternate}.msd-about__gridfx i:nth-child(1){left:8%;top:10%}.msd-about__gridfx i:nth-child(2){right:12%;bottom:5%;animation-delay:-2s}.msd-about__gridfx i:nth-child(3){left:48%;top:40%;animation-delay:-4s}.msd-about__line{display:flex;gap:10px;margin:24px 0}.msd-about__line b{border:1px solid currentColor;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:11px;opacity:.55}.msd-about--editorial,.msd-about--magazine{border-radius:0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;background:transparent}.msd-about--editorial .msd-about__title,.msd-about--magazine .msd-about__title{font-family:Georgia,serif;font-weight:500}.msd-about--glass{background:rgba(255,255,255,.48);backdrop-filter:blur(22px);box-shadow:0 30px 80px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.65)}.msd-about--aurora{background:radial-gradient(circle at 10% 10%,rgba(255,210,4,.18),transparent 35%),radial-gradient(circle at 90% 80%,rgba(80,130,255,.12),transparent 35%),var(--msd-about-surface);box-shadow:0 25px 80px rgba(0,0,0,.08)}.msd-about--aurora:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.8);border-radius:inherit;pointer-events:none}.msd-about--orbit .msd-about__media{border-radius:50%;aspect-ratio:1;min-height:0}.msd-about--orbit .msd-about__media img{min-height:0}.msd-about--bento{grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;background:#101114;color:#fff}.msd-about--bento .msd-about__media{grid-row:1/3;min-height:520px}.msd-about--bento .msd-about__stats div{border:1px solid rgba(255,255,255,.15);padding:15px 18px;border-radius:15px}.msd-about--spotlight{background:#090a0c;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}.msd-about--spotlight:before,.msd-about--neon:before,.msd-about--dark-tech:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--msd-about-accent);filter:blur(130px);opacity:.13;right:-100px;top:-150px}.msd-about--stacked .msd-about__media{box-shadow:25px 25px 0 var(--msd-about-accent)}.msd-about--timeline .msd-about__content{border-left:2px solid var(--msd-about-accent);padding-left:35px}.msd-about--asymmetric{clip-path:polygon(0 0,100% 6%,100% 94%,0 100%);border-radius:0}.msd-about--split-image{grid-template-columns:1.15fr 1fr;padding:0}.msd-about--split-image .msd-about__media{height:100%;min-height:520px;border-radius:0}.msd-about--split-image .msd-about__content{padding:60px 7vw 60px 0}.msd-about--dark-tech,.msd-about--neon{background:#07090d;color:#fff;border:1px solid rgba(255,255,255,.12)}.msd-about--neon{box-shadow:0 0 0 1px rgba(255,210,4,.15),0 25px 80px rgba(0,0,0,.3)}.msd-about--minimal{background:transparent;padding-left:0;padding-right:0}.msd-about--minimal .msd-about__media{border-radius:0;filter:grayscale(1);transition:.6s}.msd-about--minimal:hover .msd-about__media{filter:none}.msd-about--floating{background:linear-gradient(135deg,#f7f7f7,#fff);padding:0;gap:0}.msd-about--floating .msd-about__media{min-height:500px;border-radius:0}.msd-about--floating .msd-about__content{margin:40px 7% 40px -10%;padding:50px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-radius:var(--msd-about-radius);box-shadow:0 25px 70px rgba(0,0,0,.12)}.msd-about--gradient{background:linear-gradient(135deg,#fff 0%,#fff9d9 45%,#eef3ff 100%)}.msd-about--gradient .msd-about__title{font-weight:900}.msd-about--stats{grid-template-columns:1fr}.msd-about--stats .msd-about__stats{justify-content:space-between;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:28px 0}.msd-about--stats .msd-about__stats strong{font-size:clamp(32px,5vw,62px)}.msd-about--image-card{padding:0;min-height:600px;color:#fff;background:#111}.msd-about--image-card .msd-about__media{position:absolute;inset:0;min-height:100%;border-radius:0}.msd-about--image-card .msd-about__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18))}.msd-about--image-card .msd-about__content{padding:clamp(40px,8vw,100px);max-width:780px}.msd-about--command{background:#0b0d10;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 80px rgba(255,210,4,.04)}.msd-about--command .msd-about__eyebrow:after{content:"ABOUT";margin-left:auto;font-size:9px;opacity:.45}.msd-about--command .msd-about__button{border:1px solid rgba(255,255,255,.2);background:transparent}.msd-about--command .msd-about__button:hover{background:var(--msd-about-accent);color:#111}.msd-about--anim-reveal .msd-about__content,.msd-about--anim-reveal .msd-about__media{animation:msdAboutReveal var(--msd-about-speed) both}.msd-about--anim-slide .msd-about__content{animation:msdAboutSlide var(--msd-about-speed) both}.msd-about--anim-slide .msd-about__media{animation:msdAboutSlideMedia var(--msd-about-speed) both}.msd-about--anim-zoom .msd-about__content{animation:msdAboutZoom var(--msd-about-speed) both}.msd-about--anim-blur .msd-about__content{animation:msdAboutBlur var(--msd-about-speed) both}.msd-about--anim-float{animation:msdAboutFloat 5s ease-in-out infinite}.msd-about--anim-none *{animation:none!important}.msd-about--anim-reveal .msd-about__content,.msd-about--anim-slide .msd-about__content,.msd-about--anim-zoom .msd-about__content,.msd-about--anim-blur .msd-about__content{animation-delay:.08s}@keyframes msdAboutReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes msdAboutSlide{from{opacity:0;transform:translateX(55px)}to{opacity:1;transform:none}}@keyframes msdAboutSlideMedia{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:none}}@keyframes msdAboutZoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes msdAboutBlur{from{opacity:0;filter:blur(14px)}to{opacity:1;filter:none}}@keyframes msdAboutFloat{50%{transform:translateY(-7px)}}@keyframes msdAboutOrb{to{transform:translate(90px,-40px) scale(1.25)}}@media(max-width:767px){.msd-about,.msd-about--bento,.msd-about--split-image{grid-template-columns:1fr;gap:28px;padding:30px 24px}.msd-about__media,.msd-about--bento .msd-about__media,.msd-about--split-image .msd-about__media{min-height:280px;height:280px;grid-row:auto}.msd-about--split-image .msd-about__content{padding:35px 24px}.msd-about--floating .msd-about__content{margin:-30px 18px 30px;padding:30px}.msd-about--image-card{min-height:620px;padding:0}.msd-about--image-card .msd-about__content{padding:40px 28px}.msd-about--orbit .msd-about__media{max-width:330px;margin:auto}.msd-about__stats{gap:18px}.msd-about__title{font-size:38px}.msd-about--asymmetric{clip-path:none}.msd-about--timeline .msd-about__content{padding-left:22px}}
@media(prefers-reduced-motion:reduce){.msd-about,.msd-about *{animation:none!important;transition:none!important}.msd-about:hover .msd-about__media img{transform:none}}
/* MS-Design AI motion pack v3.0.0 */
.msd-about{--msd-about-mx:0px;--msd-about-my:0px}.msd-about__media{transform:translate3d(var(--msd-about-mx),var(--msd-about-my),0)}.msd-about.is-visible .msd-about__media,.msd-about.is-visible .msd-about__content{will-change:transform,opacity}.msd-about.msd-js-motion.msd-about--anim-cinematic .msd-about__content,.msd-about.msd-js-motion.msd-about--anim-cinematic .msd-about__media{opacity:0;transform:translateY(42px) scale(.985);transition:opacity var(--msd-about-speed) ease,transform var(--msd-about-speed) cubic-bezier(.2,.8,.2,1)}.msd-about.msd-js-motion.msd-about--anim-cinematic .msd-about__media{transition-delay:.04s}.msd-about.msd-js-motion.msd-about--anim-cinematic.is-visible .msd-about__content,.msd-about.msd-js-motion.msd-about--anim-cinematic.is-visible .msd-about__media{opacity:1;transform:translate3d(var(--msd-about-mx),var(--msd-about-my),0) scale(1)}.msd-about--anim-shimmer .msd-about__title{background:linear-gradient(110deg,currentColor 32%,var(--msd-about-accent) 46%,currentColor 60%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:msdAboutShimmer 3.2s linear infinite}.msd-about--anim-scan .msd-about__media:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(255,210,4,.18),transparent);transform:translateY(-100%);animation:msdAboutScan 4s linear infinite;pointer-events:none}.msd-about--anim-orbit .msd-about__gridfx i{animation-duration:5s}.msd-about--anim-magnetic .msd-about__button{animation:msdAboutMagnetic 2.8s ease-in-out infinite}.msd-about--anim-magnetic .msd-about__stats div{transition:transform .3s ease}.msd-about--anim-magnetic .msd-about__stats div:hover{transform:translateY(-6px)}.msd-about--anim-none .msd-about__media{transform:none}.msd-about--anim-none .msd-about__title{background:none;color:inherit}.msd-about--anim-none *{animation:none!important;transition:none!important}@keyframes msdAboutShimmer{to{background-position:220% center}}@keyframes msdAboutScan{to{transform:translateY(100%)}}@keyframes msdAboutMagnetic{50%{transform:translateY(-3px)}}

/* Frontend fail-safe: if the animation JS is delayed/blocked, the widget remains visible. */
.msd-about{opacity:1;visibility:visible;}


/* v3.1.0 public-render safeguard: never hide widget content waiting for JavaScript. */
.msd-about .msd-about__content,.msd-about .msd-about__media{visibility:visible;}


/* =========================================================
   MS-Design About Us AI Layout Pack v3.4.3
   Every AI Layout has a distinct, reliable visual treatment.
   ========================================================= */
.msd-about--classic{background:var(--msd-about-surface);border:1px solid rgba(0,0,0,.08);box-shadow:0 22px 65px rgba(0,0,0,.08)}
.msd-about--classic .msd-about__media{border-radius:28px}
.msd-about--editorial{background:transparent}
.msd-about--editorial .msd-about__eyebrow{font-family:Arial,sans-serif}
.msd-about--glass{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);box-shadow:0 25px 80px rgba(0,0,0,.12)}
.msd-about--glass .msd-about__media{box-shadow:0 20px 60px rgba(0,0,0,.12)}
.msd-about--aurora{border:1px solid rgba(255,210,4,.16)}
.msd-about--orbit{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);background:radial-gradient(circle at 20% 50%,rgba(255,210,4,.12),transparent 28%),var(--msd-about-surface)}
.msd-about--orbit .msd-about__media{box-shadow:0 0 0 10px rgba(255,255,255,.72),0 0 0 11px var(--msd-about-accent),0 30px 90px rgba(0,0,0,.18)}
.msd-about--bento{border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.24)}
.msd-about--bento .msd-about__content{padding:8px 0}
.msd-about--spotlight{background:radial-gradient(circle at 78% 20%,rgba(255,210,4,.15),transparent 24%),#090a0c}
.msd-about--spotlight .msd-about__media{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 35px 90px rgba(0,0,0,.45)}
.msd-about--stacked{background:#f7f7f7;border:1px solid rgba(0,0,0,.08)}
.msd-about--stacked .msd-about__media{transform:rotate(-2deg);transition:transform .5s ease}
.msd-about--stacked:hover .msd-about__media{transform:rotate(0) scale(1.015)}
.msd-about--stacked .msd-about__content{background:rgba(255,255,255,.88);padding:34px;border-radius:var(--msd-about-radius);box-shadow:0 20px 55px rgba(0,0,0,.09)}
.msd-about--timeline{background:linear-gradient(90deg,rgba(255,210,4,.08),transparent 35%),var(--msd-about-surface)}
.msd-about--timeline .msd-about__line b{border-color:var(--msd-about-accent);opacity:1}
.msd-about--asymmetric{background:linear-gradient(135deg,#fff 0%,#fff8d6 48%,#eef2ff 100%);padding-top:clamp(55px,8vw,105px);padding-bottom:clamp(55px,8vw,105px)}
.msd-about--asymmetric .msd-about__media{transform:rotate(2deg);box-shadow:-18px 18px 0 var(--msd-about-accent)}
.msd-about--split-image{background:#111;color:#fff}
.msd-about--split-image .msd-about__content{color:#fff}
.msd-about--split-image .msd-about__title{color:var(--msd-about-title)}
.msd-about--dark-tech{background:linear-gradient(135deg,#06080c,#11151c);box-shadow:inset 0 0 90px rgba(255,210,4,.035),0 30px 90px rgba(0,0,0,.35)}
.msd-about--dark-tech:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);border-radius:18px;pointer-events:none}
.msd-about--neon{background:#050609}
.msd-about--neon .msd-about__media{box-shadow:0 0 0 1px var(--msd-about-accent),0 0 35px rgba(255,210,4,.18)}
.msd-about--minimal{border-bottom:1px solid rgba(0,0,0,.14);border-top:1px solid rgba(0,0,0,.14)}
.msd-about--minimal .msd-about__content{max-width:820px}
.msd-about--magazine{background:#fafafa}
.msd-about--magazine .msd-about__media{border-radius:0;box-shadow:12px 12px 0 var(--msd-about-accent)}
.msd-about--floating{background:linear-gradient(135deg,#f3f4f6,#fff)}
.msd-about--floating .msd-about__media{box-shadow:0 30px 70px rgba(0,0,0,.18)}
.msd-about--gradient{border:1px solid rgba(0,0,0,.06);box-shadow:0 25px 75px rgba(80,100,160,.12)}
.msd-about--gradient .msd-about__gridfx i{opacity:.24}
.msd-about--stats{background:linear-gradient(135deg,#fff,#f7f8fb);border:1px solid rgba(0,0,0,.08)}
.msd-about--stats .msd-about__content{text-align:center}
.msd-about--stats .msd-about__eyebrow,.msd-about--stats .msd-about__stats{justify-content:center}
.msd-about--stats .msd-about__desc{margin-left:auto;margin-right:auto}
.msd-about--stats .msd-about__media{max-width:760px;width:100%;margin:auto}
.msd-about--image-card{background:#08090c}
.msd-about--image-card .msd-about__content{min-height:600px;display:flex;flex-direction:column;justify-content:center}
.msd-about--command{background:linear-gradient(135deg,#080a0e,#10141b)}
.msd-about--command:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.025) 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.025) 32px);pointer-events:none}
.msd-about--command .msd-about__content{border-left:1px solid var(--msd-about-accent);padding-left:clamp(22px,4vw,55px)}
.msd-about--command .msd-about__tag{opacity:.5;color:var(--msd-about-accent)}
/* Ensure Elementor/editor preview never loses the selected layout. */
.elementor-editor-active .msd-about{opacity:1!important;visibility:visible!important}
.elementor-editor-active .msd-about__content,.elementor-editor-active .msd-about__media{opacity:1;visibility:visible}
/* Respect selected title color for normal layouts. */
.msd-about__title{--msd-about-title-current:var(--msd-about-title)}
.msd-about--anim-shimmer .msd-about__title{color:transparent}
/* Mobile reliability */
@media(max-width:767px){
 .msd-about--stacked .msd-about__media{transform:none}
 .msd-about--stacked .msd-about__content{margin-top:-15px}
 .msd-about--asymmetric .msd-about__media{transform:none;box-shadow:0 10px 0 var(--msd-about-accent)}
 .msd-about--command .msd-about__content{padding-left:22px}
 .msd-about--image-card .msd-about__content{min-height:620px}
}
