/* MS-Design About Us — v3.6.0 Modern Layout System */
.msd-about{--msd-about-accent:#ffd204;--msd-about-text:#111;--msd-about-title:#111;--msd-about-surface:#fff;--msd-about-bg:#fff;--msd-about-radius:24px;--msd-about-speed:.8s;position:relative;isolation:isolate;overflow:hidden;padding:clamp(34px,6vw,88px);border-radius:var(--msd-about-radius);color:var(--msd-about-text);background:var(--msd-about-bg);display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.08fr);gap:clamp(28px,6vw,86px);align-items:center;box-sizing:border-box;min-height:480px}
.msd-about__media{position:relative;z-index:2;min-height:360px;overflow:hidden;border-radius:calc(var(--msd-about-radius)*.8);background:#e9ebef}
.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),filter .7s ease}
.msd-about:hover .msd-about__media img{transform:scale(1.045)}
.msd-about__content{position:relative;z-index:4}.msd-about__eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.2em;font-weight:850;text-transform:uppercase;margin-bottom:18px}.msd-about__eyebrow span{width:30px;height:2px;background:var(--msd-about-accent);box-shadow:0 0 18px var(--msd-about-accent)}
.msd-about__title{color:var(--msd-about-title);font-size:clamp(34px,5vw,72px);line-height:.97;margin:0 0 22px;font-weight:850;letter-spacing:-.05em}.msd-about__desc{font-size:16px;line-height:1.82;max-width:700px;opacity:.76}.msd-about__stats{display:flex;gap:28px;flex-wrap:wrap;margin:30px 0}.msd-about__stats div{display:flex;flex-direction:column;gap:5px}.msd-about__stats strong{font-size:25px;line-height:1}.msd-about__stats small{opacity:.55;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.msd-about__button{display:inline-flex;align-items:center;gap:15px;padding:13px 19px;border-radius:999px;background:var(--msd-about-text);color:var(--msd-about-surface);text-decoration:none;font-weight:750;transition:.3s ease;box-shadow:0 12px 30px rgba(0,0,0,.12)}.msd-about__button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.18)}.msd-about__button span{color:var(--msd-about-accent);font-size:19px}.msd-about__tag{position:absolute;right:20px;bottom:18px;z-index:3;font-size:10px;letter-spacing:.2em;font-weight:800;opacity:.3;writing-mode:vertical-rl}.msd-about__gridfx{position:absolute;inset:0;z-index:0;pointer-events:none}.msd-about__gridfx i{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--msd-about-accent);filter:blur(65px);opacity:.08}.msd-about__gridfx i:nth-child(1){left:-60px;top:-60px}.msd-about__gridfx i:nth-child(2){right:8%;bottom:-100px;background:#6675ff}.msd-about__gridfx i:nth-child(3){right:-90px;top:25%;background:#ff6b9a}
/* 01 Editorial Split — refined print/editorial composition */
.msd-about--editorial{grid-template-columns:.92fr 1.08fr;background:#f5f3ed;border-radius:0;border-top:1px solid #171717;border-bottom:1px solid #171717}.msd-about--editorial .msd-about__media{order:2;border-radius:0;min-height:520px;box-shadow:18px 18px 0 var(--msd-about-accent)}.msd-about--editorial .msd-about__title{font-family:Georgia,serif;font-weight:500;font-size:clamp(42px,6vw,82px)}.msd-about--editorial .msd-about__content{padding-left:clamp(0px,3vw,35px)}
/* 02 Immersive Overlay — image becomes the stage */
.msd-about--immersive{display:block;min-height:650px;padding:0;background:#08090b;color:#fff}.msd-about--immersive .msd-about__media{position:absolute;inset:0;min-height:0;border-radius:0;opacity:.68}.msd-about--immersive .msd-about__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.76) 38%,rgba(5,6,8,.18) 100%)}.msd-about--immersive .msd-about__media img{height:100%;min-height:0}.msd-about--immersive .msd-about__content{position:relative;max-width:760px;padding:clamp(90px,13vw,160px) 0 80px}.msd-about--immersive .msd-about__title{color:#fff;font-size:clamp(48px,7vw,100px)}.msd-about--immersive .msd-about__desc{color:#fff;opacity:.7}.msd-about--immersive .msd-about__button{background:#fff;color:#111}.msd-about--immersive .msd-about__tag{color:#fff}
/* 03 Glass Prism — translucent floating interface */
.msd-about--glass{background:linear-gradient(135deg,#dfe5ef,#f9fafc 48%,#d8dce8);padding:clamp(28px,5vw,70px)}.msd-about--glass:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.9);border-radius:40px;transform:rotate(-2deg);opacity:.65}.msd-about--glass .msd-about__media{border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(31,43,66,.2);backdrop-filter:blur(12px)}.msd-about--glass .msd-about__content{padding:clamp(25px,4vw,55px);border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.34);backdrop-filter:blur(22px);border-radius:28px;box-shadow:0 25px 70px rgba(31,43,66,.12)}
/* 04 Aurora 3D — layered glow + depth */
.msd-about--aurora{background:#080b14;color:#fff;box-shadow:inset 0 0 120px rgba(88,110,255,.12)}.msd-about--aurora:before{content:"";position:absolute;width:70%;height:70%;left:-15%;top:-30%;background:radial-gradient(circle,#7b6cff,transparent 65%);filter:blur(45px);opacity:.32}.msd-about--aurora:after{content:"";position:absolute;width:60%;height:70%;right:-20%;bottom:-35%;background:radial-gradient(circle,#00e0c7,transparent 65%);filter:blur(55px);opacity:.18}.msd-about--aurora .msd-about__title{color:#fff}.msd-about--aurora .msd-about__desc{color:#fff}.msd-about--aurora .msd-about__media{border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 100px rgba(0,0,0,.45);transform:translate(var(--msd-about-mx,0),var(--msd-about-my,0));transition:transform .25s ease}.msd-about--aurora .msd-about__button{background:#fff;color:#111}
/* 05 Orbit Focus */
.msd-about--orbit{background:#11131a;color:#fff;grid-template-columns:1fr 1fr}.msd-about--orbit .msd-about__media{border-radius:50%;aspect-ratio:1;min-height:0;width:min(100%,500px);justify-self:center;border:14px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px var(--msd-about-accent),0 0 90px rgba(255,210,4,.13)}.msd-about--orbit .msd-about__media:after{content:"";position:absolute;inset:-30px;border:1px dashed rgba(255,255,255,.16);border-radius:50%;transform:rotate(12deg)}.msd-about--orbit .msd-about__title{color:#fff}
/* 06 Bento Mosaic */
.msd-about--bento{grid-template-columns:1.15fr .85fr;background:#eef0f3;padding:clamp(24px,4vw,52px)}.msd-about--bento .msd-about__media{grid-row:span 2;min-height:560px;border-radius:28px}.msd-about--bento .msd-about__content{padding:28px;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.08)}.msd-about--bento .msd-about__stats{padding:22px 28px;margin:0;background:#15171c;color:#fff;border-radius:28px}.msd-about--bento .msd-about__stats strong{color:#fff}
/* 07 Spotlight Dark */
.msd-about--spotlight{background:#07080a;color:#fff;grid-template-columns:.85fr 1.15fr}.msd-about--spotlight:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-170px;background:radial-gradient(circle,var(--msd-about-accent),transparent 68%);opacity:.16;filter:blur(8px)}.msd-about--spotlight .msd-about__title{color:#fff}.msd-about--spotlight .msd-about__media{box-shadow:0 35px 100px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12)}.msd-about--spotlight .msd-about__button{background:var(--msd-about-accent);color:#111}
/* 08 Layered Cards */
.msd-about--stacked{background:#f3f1ec}.msd-about--stacked .msd-about__media{transform:rotate(-4deg);box-shadow:26px 26px 0 #1b1c20;transition:.5s ease}.msd-about--stacked:hover .msd-about__media{transform:rotate(0) translateY(-8px)}.msd-about--stacked .msd-about__content{padding:42px;background:#fff;border:1px solid #ddd;border-radius:26px;box-shadow:0 25px 65px rgba(0,0,0,.1);transform:rotate(1.2deg)}
/* 09 Timeline Story */
.msd-about--timeline{background:#fff;grid-template-columns:.8fr 1.2fr}.msd-about--timeline .msd-about__media{min-height:520px}.msd-about--timeline .msd-about__content{border-left:2px solid var(--msd-about-accent);padding-left:clamp(25px,5vw,65px)}.msd-about--timeline .msd-about__line{display:flex;gap:10px;margin:24px 0}.msd-about--timeline .msd-about__line b{width:42px;height:42px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;font-size:12px}.msd-about--timeline .msd-about__line b:first-child{background:var(--msd-about-accent);border-color:var(--msd-about-accent)}
/* 10 Asymmetric Edge */
.msd-about--asymmetric{grid-template-columns:1.25fr .75fr;background:linear-gradient(135deg,#fff 0%,#fff8d8 55%,#e9edff 100%);padding-left:clamp(24px,8vw,120px)}.msd-about--asymmetric .msd-about__media{order:2;min-height:560px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);border-radius:0}.msd-about--asymmetric .msd-about__title{font-size:clamp(48px,7vw,96px)}
/* 11 Cinematic Split */
.msd-about--split-image{background:#111;color:#fff;grid-template-columns:1.1fr .9fr;min-height:590px}.msd-about--split-image .msd-about__media{order:2;min-height:590px;border-radius:0 26px 26px 0}.msd-about--split-image .msd-about__content{padding-right:4vw}.msd-about--split-image .msd-about__title{color:#fff}.msd-about--split-image .msd-about__desc{color:#fff}.msd-about--split-image .msd-about__button{background:#fff;color:#111}
/* 12 Dark Tech */
.msd-about--dark-tech{background:#090c10;color:#dce4ef;border:1px solid #29313b;border-radius:12px}.msd-about--dark-tech:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.msd-about--dark-tech .msd-about__title{color:#fff}.msd-about--dark-tech .msd-about__media{border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(0,224,199,.08),0 30px 90px rgba(0,0,0,.5)}.msd-about--dark-tech .msd-about__button{background:var(--msd-about-accent);color:#111}
/* 13 Neon Pulse */
.msd-about--neon{background:#050507;color:#eee;border:1px solid rgba(255,255,255,.08);border-radius:18px}.msd-about--neon .msd-about__title{color:#fff;text-shadow:0 0 30px rgba(255,210,4,.18)}.msd-about--neon .msd-about__media{border:1px solid var(--msd-about-accent);box-shadow:0 0 0 1px rgba(255,210,4,.3),0 0 55px rgba(255,210,4,.14)}.msd-about--neon .msd-about__button{background:transparent;color:#fff;border:1px solid var(--msd-about-accent)}
/* 14 Minimal Luxe */
.msd-about--minimal{background:#f7f5f0;border-top:1px solid #111;border-bottom:1px solid #111;border-radius:0;grid-template-columns:1fr 1fr}.msd-about--minimal .msd-about__media{border-radius:0;filter:saturate(.75);min-height:500px}.msd-about--minimal .msd-about__title{font-family:Georgia,serif;font-weight:500;font-size:clamp(45px,6vw,78px)}.msd-about--minimal .msd-about__button{background:transparent;color:#111;border:1px solid #111}
/* 15 Magazine Story */
.msd-about--magazine{grid-template-columns:.7fr 1.3fr;background:#fafafa;border-radius:0}.msd-about--magazine .msd-about__media{order:2;border-radius:0;box-shadow:14px 14px 0 var(--msd-about-accent)}.msd-about--magazine .msd-about__title{font-family:Georgia,serif;font-weight:500;font-size:clamp(46px,7vw,92px)}.msd-about--magazine .msd-about__desc{max-width:560px}
/* 16 Floating Glass */
.msd-about--floating{background:linear-gradient(135deg,#dce4ed,#f9fbff);padding:clamp(25px,5vw,75px)}.msd-about--floating .msd-about__media{transform:translateY(12px) rotate(-2deg);box-shadow:0 35px 80px rgba(29,45,70,.2)}.msd-about--floating .msd-about__content{padding:clamp(28px,5vw,60px);background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 30px 80px rgba(29,45,70,.14)}
/* 17 Gradient Flow */
.msd-about--gradient{background:linear-gradient(120deg,#f4f7ff,#fff 45%,#f7f2ff);border:1px solid #e0e3ed}.msd-about--gradient:before{content:"";position:absolute;width:700px;height:280px;right:-180px;top:-120px;background:linear-gradient(90deg,transparent,#8b7cff,transparent);filter:blur(60px);opacity:.18;transform:rotate(-12deg)}.msd-about--gradient .msd-about__media{border-radius:32px;box-shadow:0 30px 80px rgba(85,79,170,.16)}.msd-about--gradient .msd-about__title{background:linear-gradient(90deg,#111,#6759d9);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 18 Stats Dashboard */
.msd-about--stats{display:block;background:#f0f2f5;padding:clamp(26px,5vw,60px)}.msd-about--stats .msd-about__content{text-align:center;max-width:900px;margin:auto}.msd-about--stats .msd-about__eyebrow,.msd-about--stats .msd-about__stats{justify-content:center}.msd-about--stats .msd-about__desc{margin:auto}.msd-about--stats .msd-about__media{max-width:1050px;width:100%;height:clamp(280px,38vw,480px);min-height:0;margin:38px auto 0;border-radius:28px}.msd-about--stats .msd-about__media img{height:100%;min-height:0}.msd-about--stats .msd-about__stats{display:grid;grid-template-columns:repeat(3,1fr);padding:22px;margin:30px auto 0;max-width:760px;background:#11141a;color:#fff;border-radius:22px}.msd-about--stats .msd-about__stats strong{color:#fff}
/* 19 Image Story */
.msd-about--image-card{display:block;min-height:650px;padding:0;background:#090a0c;color:#fff}.msd-about--image-card .msd-about__media{position:absolute;inset:0;min-height:0;border-radius:0}.msd-about--image-card .msd-about__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82) 88%)}.msd-about--image-card .msd-about__media img{height:100%;min-height:0}.msd-about--image-card .msd-about__content{position:absolute;left:clamp(24px,6vw,90px);right:clamp(24px,6vw,90px);bottom:clamp(30px,6vw,80px);max-width:900px}.msd-about--image-card .msd-about__title{color:#fff}.msd-about--image-card .msd-about__desc{color:#fff}.msd-about--image-card .msd-about__button{background:#fff;color:#111}
/* 20 Command Center */
.msd-about--command{background:#0a0d12;color:#dfe6ef;grid-template-columns:.72fr 1.28fr;border:1px solid #26303b;border-radius:14px}.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:2px solid var(--msd-about-accent);padding-left:clamp(22px,4vw,55px)}.msd-about--command .msd-about__title{color:#fff}.msd-about--command .msd-about__media{border:1px solid #303b47;box-shadow:0 30px 90px rgba(0,0,0,.45)}.msd-about--command .msd-about__button{background:var(--msd-about-accent);color:#111}
/* Shared motion */
.msd-about__media{transform:translate(var(--msd-about-mx,0),var(--msd-about-my,0));transition:transform .35s ease}.msd-about--anim-none .msd-about__media{transform:none}.msd-about--anim-float .msd-about__media{animation:msdAboutFloat 5s ease-in-out infinite}.msd-about--anim-shimmer .msd-about__title{background:linear-gradient(90deg,var(--msd-about-title) 30%,var(--msd-about-accent) 50%,var(--msd-about-title) 70%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:msdAboutShimmer 4s linear infinite}.elementor-editor-active .msd-about,.elementor-editor-active .msd-about__content,.elementor-editor-active .msd-about__media{opacity:1!important;visibility:visible!important}@keyframes msdAboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes msdAboutShimmer{to{background-position:-220% center}}
@media(max-width:900px){.msd-about,.msd-about--orbit,.msd-about--bento,.msd-about--timeline,.msd-about--asymmetric,.msd-about--split-image,.msd-about--minimal,.msd-about--magazine,.msd-about--command{grid-template-columns:1fr}.msd-about--editorial .msd-about__media,.msd-about--split-image .msd-about__media,.msd-about--magazine .msd-about__media{order:initial}.msd-about--bento .msd-about__media{grid-row:auto}.msd-about--bento .msd-about__stats{margin-top:20px}.msd-about--stats .msd-about__stats{grid-template-columns:1fr 1fr 1fr}.msd-about--asymmetric{padding-left:clamp(24px,6vw,70px)}.msd-about--asymmetric .msd-about__media{clip-path:none}.msd-about--split-image .msd-about__media{min-height:360px;border-radius:22px}.msd-about--command .msd-about__content{padding-left:25px}}
@media(max-width:767px){.msd-about{padding:30px 22px;gap:28px;border-radius:18px}.msd-about__media,.msd-about--editorial .msd-about__media,.msd-about--image-card .msd-about__media{min-height:300px}.msd-about__media img{min-height:300px}.msd-about__title{font-size:clamp(34px,11vw,58px)}.msd-about--immersive,.msd-about--image-card{min-height:600px}.msd-about--immersive .msd-about__content{padding:100px 0 60px}.msd-about--glass .msd-about__content{padding:26px}.msd-about--orbit .msd-about__media{width:78vw}.msd-about--stacked .msd-about__content{transform:none;padding:28px}.msd-about--timeline .msd-about__content{padding-left:22px}.msd-about--stats .msd-about__stats{grid-template-columns:1fr;padding:18px}.msd-about--image-card .msd-about__content{left:22px;right:22px;bottom:30px}.msd-about__tag{display:none}}

/* v3.6.2 legacy gallery styles retained for compatibility; v3.6.3 uses single-image presentation */
.msd-about{
  color:var(--msd-about-text,#111);
  --msd-about-card:var(--msd-about-surface,#fff);
  --msd-about-button-bg:var(--msd-about-accent,#ffd204);
  --msd-about-button-text:#111;
  --msd-about-overlay:#000;
  --msd-about-border:#e5e7eb;
}
.msd-about__gallery{display:grid!important;gap:12px;overflow:visible!important;background:transparent!important;min-height:0!important;border:0!important;box-shadow:none!important}
.msd-about__gallery-item{position:relative;margin:0;overflow:hidden;border-radius:calc(var(--msd-about-radius)*.65);min-width:0;min-height:0;border:1px solid var(--msd-about-border);background:var(--msd-about-card)}
.msd-about__gallery-item img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.msd-about__gallery-item:hover img{transform:scale(1.07)}
.msd-about__gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 45%,rgba(0,0,0,.16));pointer-events:none}
.msd-about__content{position:relative;z-index:5}

/* 01 Editorial — one hero + editorial thumbnails */
.msd-about--editorial .msd-about__gallery{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,1fr);height:520px;order:2}
.msd-about--editorial .msd-about__gallery-item:first-child{grid-row:1/3}
.msd-about--editorial .msd-about__gallery-item{border-radius:0}
/* 02 Immersive — cinematic multi-layer collage */
.msd-about--immersive .msd-about__gallery{position:absolute!important;inset:0;width:100%;height:100%;grid-template-columns:repeat(4,1fr);gap:0;z-index:0}
.msd-about--immersive .msd-about__gallery-item{border:0;border-radius:0;opacity:.78}
.msd-about--immersive .msd-about__gallery-item:nth-child(1){grid-column:1/3;grid-row:1/3}
.msd-about--immersive .msd-about__gallery-item:nth-child(2){grid-column:3/5;grid-row:1}
.msd-about--immersive .msd-about__gallery-item:nth-child(3){grid-column:3/5;grid-row:2}
.msd-about--immersive .msd-about__gallery:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),color-mix(in srgb,var(--msd-about-overlay) 48%,transparent) 52%,rgba(0,0,0,.2));pointer-events:none}
/* 03 Glass Prism — floating image tiles */
.msd-about--glass .msd-about__gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,1fr);height:540px;transform:rotate(-1.5deg)}
.msd-about--glass .msd-about__gallery-item:nth-child(1){grid-row:span 2}
.msd-about--glass .msd-about__gallery-item:nth-child(4){transform:translateY(22px)}
/* 04 Aurora — overlapping cinematic cards */
.msd-about--aurora .msd-about__gallery{position:relative;height:560px;display:block!important}
.msd-about--aurora .msd-about__gallery-item{position:absolute;width:58%;height:58%;border-color:rgba(255,255,255,.16);box-shadow:0 25px 70px rgba(0,0,0,.4)}
.msd-about--aurora .msd-about__gallery-item:nth-child(1){left:0;top:3%;width:72%;height:72%;z-index:4}
.msd-about--aurora .msd-about__gallery-item:nth-child(2){right:0;top:0;z-index:3}
.msd-about--aurora .msd-about__gallery-item:nth-child(3){right:4%;bottom:0;z-index:2}
.msd-about--aurora .msd-about__gallery-item:nth-child(4){left:8%;bottom:0;z-index:1}
/* 05 Orbit — circular image constellation */
.msd-about--orbit .msd-about__gallery{position:relative;width:min(100%,520px);height:520px;display:block!important;justify-self:center}
.msd-about--orbit .msd-about__gallery-item{position:absolute;border-radius:50%;width:46%;height:46%;border:8px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px var(--msd-about-accent),0 20px 55px rgba(0,0,0,.35)}
.msd-about--orbit .msd-about__gallery-item:nth-child(1){width:62%;height:62%;left:19%;top:19%;z-index:5}
.msd-about--orbit .msd-about__gallery-item:nth-child(2){left:0;top:2%;z-index:4}
.msd-about--orbit .msd-about__gallery-item:nth-child(3){right:0;top:12%;z-index:3}
.msd-about--orbit .msd-about__gallery-item:nth-child(4){right:5%;bottom:0;z-index:2}
.msd-about--orbit .msd-about__gallery-item:nth-child(5){left:0;bottom:6%;z-index:1}
/* 06 Bento — responsive magazine mosaic */
.msd-about--bento .msd-about__gallery{grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(3,1fr);height:560px}
.msd-about--bento .msd-about__gallery-item:nth-child(1){grid-row:1/4}
.msd-about--bento .msd-about__gallery-item:nth-child(2){grid-row:1}
.msd-about--bento .msd-about__gallery-item:nth-child(3){grid-row:2/4}
.msd-about--bento .msd-about__gallery-item:nth-child(4){display:block}
/* 07 Spotlight — vertical film strip */
.msd-about--spotlight .msd-about__gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;height:540px;gap:10px}
.msd-about--spotlight .msd-about__gallery-item:nth-child(1){grid-row:1/3}
.msd-about--spotlight .msd-about__gallery-item:nth-child(4){grid-column:2/4}
/* 08 Layered — cards floating over one another */
.msd-about--stacked .msd-about__gallery{position:relative;height:540px;display:block!important}
.msd-about--stacked .msd-about__gallery-item{position:absolute;width:62%;height:62%;box-shadow:22px 22px 0 var(--msd-about-accent);transition:.5s ease}
.msd-about--stacked .msd-about__gallery-item:nth-child(1){left:3%;top:4%;z-index:4;transform:rotate(-4deg)}
.msd-about--stacked .msd-about__gallery-item:nth-child(2){right:4%;top:12%;z-index:3;transform:rotate(5deg)}
.msd-about--stacked .msd-about__gallery-item:nth-child(3){left:13%;bottom:0;z-index:2;transform:rotate(2deg)}
.msd-about--stacked .msd-about__gallery-item:nth-child(4){right:0;bottom:0;z-index:1;transform:rotate(-3deg)}
.msd-about--stacked:hover .msd-about__gallery-item{transform:rotate(0) translateY(-8px)}
/* 09 Timeline — image milestones */
.msd-about--timeline .msd-about__gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;height:520px}
.msd-about--timeline .msd-about__gallery-item:nth-child(1){grid-row:1/3}
.msd-about--timeline .msd-about__gallery-item:nth-child(4){grid-column:2/4}
/* 10 Asymmetric — diagonal collage */
.msd-about--asymmetric .msd-about__gallery{grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;height:560px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}
.msd-about--asymmetric .msd-about__gallery-item:first-child{grid-row:1/3}
/* 11 Cinematic Split — hero film strip */
.msd-about--split-image .msd-about__gallery{grid-template-columns:1.6fr .7fr;grid-template-rows:1fr 1fr;height:590px;order:2}
.msd-about--split-image .msd-about__gallery-item:first-child{grid-row:1/3;border-radius:0 26px 26px 0}
/* 12 Dark Tech — modular image system */
.msd-about--dark-tech .msd-about__gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:1.4fr .6fr;height:520px}
.msd-about--dark-tech .msd-about__gallery-item:first-child{grid-column:1/3}
/* 13 Neon — glowing collage */
.msd-about--neon .msd-about__gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;height:520px}
.msd-about--neon .msd-about__gallery-item{border-color:var(--msd-about-accent);box-shadow:0 0 24px color-mix(in srgb,var(--msd-about-accent) 28%,transparent)}
.msd-about--neon .msd-about__gallery-item:first-child{grid-column:1/3;grid-row:1/3}
/* 14 Minimal Luxe — quiet 3-image gallery */
.msd-about--minimal .msd-about__gallery{grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;height:500px}
.msd-about--minimal .msd-about__gallery-item:first-child{grid-row:1/3;border-radius:0}
.msd-about--minimal .msd-about__gallery-item{border-radius:0}
/* 15 Magazine — print-inspired collage */
.msd-about--magazine .msd-about__gallery{grid-template-columns:.75fr 1.25fr;grid-template-rows:1fr 1fr;height:540px;order:2}
.msd-about--magazine .msd-about__gallery-item:first-child{grid-column:2;grid-row:1/3;border-radius:0}
/* 16 Floating Glass — cards in depth */
.msd-about--floating .msd-about__gallery{grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;height:540px}
.msd-about--floating .msd-about__gallery-item:first-child{grid-row:1/3;transform:translateY(12px) rotate(-2deg);box-shadow:0 35px 80px rgba(29,45,70,.2)}
.msd-about--floating .msd-about__gallery-item:nth-child(3){transform:translateY(20px)}
/* 17 Gradient Flow — soft editorial grid */
.msd-about--gradient .msd-about__gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;height:520px}
.msd-about--gradient .msd-about__gallery-item:first-child{grid-column:1/3;grid-row:1/3}
/* 18 Stats — panoramic image wall */
.msd-about--stats .msd-about__gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;height:420px;margin:38px auto 0;max-width:1050px}
.msd-about--stats .msd-about__gallery-item:first-child{grid-column:1/3}
/* 19 Image Story — full-screen image collage */
.msd-about--image-card .msd-about__gallery{position:absolute!important;inset:0;height:100%;grid-template-columns:repeat(4,1fr);gap:0;z-index:0}
.msd-about--image-card .msd-about__gallery-item{border:0;border-radius:0;opacity:.9}
.msd-about--image-card .msd-about__gallery-item:first-child{grid-column:1/3;grid-row:1/3}
.msd-about--image-card .msd-about__gallery:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.78) 100%);pointer-events:none}
/* 20 Command Center — data wall */
.msd-about--command .msd-about__gallery{grid-template-columns:1.4fr .6fr;grid-template-rows:repeat(3,1fr);height:540px}
.msd-about--command .msd-about__gallery-item:first-child{grid-row:1/4}
.msd-about--command .msd-about__gallery-item:nth-child(4){grid-column:2}

/* User color overrides for every layout */
.msd-about--custom-bg{background:var(--msd-about-bg)!important}
.msd-about--bento .msd-about__content,.msd-about--floating .msd-about__content{background:var(--msd-about-card)!important}
.msd-about--timeline .msd-about__content,.msd-about--command .msd-about__content{border-color:var(--msd-about-accent)!important}
.msd-about--stacked .msd-about__content{background:var(--msd-about-card)!important;border-color:var(--msd-about-border)!important}
.msd-about--timeline .msd-about__line b{border-color:var(--msd-about-border)}
.msd-about--stats .msd-about__stats,.msd-about--bento .msd-about__stats{background:var(--msd-about-card);color:var(--msd-about-text)}
.msd-about--stats .msd-about__stats strong,.msd-about--bento .msd-about__stats strong{color:var(--msd-about-title)}
.msd-about--custom-card .msd-about__content,.msd-about--custom-card .msd-about__stats{background:var(--msd-about-card)!important}
.msd-about--custom-button .msd-about__button{background:var(--msd-about-button-bg)!important;color:var(--msd-about-button-text)!important}
.msd-about--custom-title .msd-about__title,.msd-about .msd-about__title{color:var(--msd-about-title)!important}
.msd-about--custom-text .msd-about__desc,.msd-about--custom-text .msd-about__stats{color:var(--msd-about-text)!important}

@media(max-width:900px){
  .msd-about__gallery,.msd-about--editorial .msd-about__gallery,.msd-about--bento .msd-about__gallery,.msd-about--spotlight .msd-about__gallery,.msd-about--timeline .msd-about__gallery,.msd-about--asymmetric .msd-about__gallery,.msd-about--split-image .msd-about__gallery,.msd-about--dark-tech .msd-about__gallery,.msd-about--neon .msd-about__gallery,.msd-about--minimal .msd-about__gallery,.msd-about--magazine .msd-about__gallery,.msd-about--floating .msd-about__gallery,.msd-about--gradient .msd-about__gallery,.msd-about--stats .msd-about__gallery,.msd-about--command .msd-about__gallery{height:420px}
  .msd-about--orbit .msd-about__gallery{height:440px}
}
@media(max-width:767px){
  .msd-about__gallery{height:360px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;clip-path:none!important;transform:none!important}
  .msd-about__gallery-item{border-radius:16px!important}
  .msd-about--immersive .msd-about__gallery,.msd-about--image-card .msd-about__gallery{height:100%!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}
  .msd-about--immersive .msd-about__gallery-item:first-child,.msd-about--image-card .msd-about__gallery-item:first-child{grid-column:1/3;grid-row:1/3}
  .msd-about--orbit .msd-about__gallery{display:block!important;height:380px!important;width:100%!important}
  .msd-about--orbit .msd-about__gallery-item{width:44%;height:44%}
  .msd-about--orbit .msd-about__gallery-item:nth-child(1){width:58%;height:58%;left:21%;top:21%}
  .msd-about--stacked .msd-about__gallery{display:block!important;height:390px!important}
  .msd-about--stacked .msd-about__gallery-item{width:58%;height:58%}
}

/* v3.6.2 — unique per-layout motion + mouse depth */
.msd-about--mouse-motion .msd-about__gallery-item,
.msd-about--mouse-motion .msd-about__media,
.msd-about--mouse-motion .msd-about__content{will-change:transform,translate,filter}
.msd-about--mouse-motion .msd-about__gallery-item{translate:var(--msd-gx,0) var(--msd-gy,0);transition:translate .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.msd-about--mouse-motion .msd-about__gallery-item img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.msd-about--mouse-motion:hover .msd-about__gallery-item img{transform:scale(1.06)}
/* Each layout gets a different visual motion language without destroying its geometry. */
.msd-about--editorial.msd-about--auto-motion .msd-about__gallery-item{animation:msdEditorialPulse 5.8s ease-in-out infinite alternate}
.msd-about--immersive.msd-about--auto-motion .msd-about__gallery-item{animation:msdCinematic 9s ease-in-out infinite alternate}
.msd-about--glass.msd-about--auto-motion .msd-about__gallery-item{animation:msdGlass 5.5s ease-in-out infinite alternate}
.msd-about--aurora.msd-about--auto-motion .msd-about__gallery-item{animation:msdAurora 7s ease-in-out infinite alternate}
.msd-about--orbit.msd-about--auto-motion .msd-about__gallery-item{animation:msdOrbitGlow 4s ease-in-out infinite alternate}
.msd-about--bento.msd-about--auto-motion .msd-about__gallery-item{animation:msdBento 6s ease-in-out infinite alternate}
.msd-about--spotlight.msd-about--auto-motion .msd-about__gallery-item{animation:msdSpotlight 5s ease-in-out infinite alternate}
.msd-about--stacked.msd-about--auto-motion .msd-about__gallery-item{animation:msdStack 5.5s ease-in-out infinite alternate}
.msd-about--timeline.msd-about--auto-motion .msd-about__gallery-item{animation:msdTimeline 7s ease-in-out infinite alternate}
.msd-about--asymmetric.msd-about--auto-motion .msd-about__gallery-item{animation:msdDiagonal 8s ease-in-out infinite alternate}
.msd-about--split-image.msd-about--auto-motion .msd-about__gallery-item{animation:msdFilm 8s ease-in-out infinite alternate}
.msd-about--dark-tech.msd-about--auto-motion .msd-about__gallery-item{animation:msdTech 4s steps(2,end) infinite}
.msd-about--neon.msd-about--auto-motion .msd-about__gallery-item{animation:msdNeon 3.8s ease-in-out infinite alternate}
.msd-about--minimal.msd-about--auto-motion .msd-about__gallery-item{animation:msdMinimal 9s ease-in-out infinite alternate}
.msd-about--magazine.msd-about--auto-motion .msd-about__gallery-item{animation:msdMagazine 6.5s ease-in-out infinite alternate}
.msd-about--floating.msd-about--auto-motion .msd-about__gallery-item{animation:msdDepth 6s ease-in-out infinite alternate}
.msd-about--gradient.msd-about--auto-motion .msd-about__gallery-item{animation:msdGradient 7s ease-in-out infinite alternate}
.msd-about--stats.msd-about--auto-motion .msd-about__gallery-item{animation:msdStats 8s ease-in-out infinite alternate}
.msd-about--image-card.msd-about--auto-motion .msd-about__gallery-item{animation:msdCinematic 12s ease-in-out infinite alternate}
.msd-about--command.msd-about--auto-motion .msd-about__gallery-item{animation:msdCommand 5s ease-in-out infinite alternate}
.msd-about--editorial.msd-about--auto-motion .msd-about__title{animation:msdTitleReveal .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes msdEditorialPulse{from{filter:saturate(.9)}to{filter:saturate(1.12) contrast(1.03)}}
@keyframes msdTitleReveal{from{opacity:0;translate:0 25px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:none}}
@keyframes msdCinematic{from{filter:brightness(.88) saturate(.95)}to{filter:brightness(1.08) saturate(1.12)}}
@keyframes msdGlass{from{filter:brightness(.96) blur(.2px)}to{filter:brightness(1.08) blur(0)}}
@keyframes msdAurora{from{filter:brightness(.9) saturate(1)}to{filter:brightness(1.18) saturate(1.25)}}
@keyframes msdOrbitGlow{from{filter:brightness(.92) drop-shadow(0 0 0 transparent)}to{filter:brightness(1.12) drop-shadow(0 0 18px var(--msd-about-accent))}}
@keyframes msdBento{from{filter:brightness(.97)}to{filter:brightness(1.08)}}
@keyframes msdSpotlight{from{filter:brightness(.88)}to{filter:brightness(1.16)}}
@keyframes msdStack{from{filter:drop-shadow(0 8px 10px rgba(0,0,0,.08))}to{filter:drop-shadow(0 20px 24px rgba(0,0,0,.18))}}
@keyframes msdTimeline{from{filter:grayscale(.08)}to{filter:grayscale(0)}}
@keyframes msdDiagonal{from{filter:saturate(.92)}to{filter:saturate(1.18)}}
@keyframes msdFilm{from{filter:brightness(.94)}to{filter:brightness(1.1)}}
@keyframes msdTech{50%{filter:brightness(1.22) contrast(1.1)}}
@keyframes msdNeon{from{filter:brightness(.9) drop-shadow(0 0 0 transparent)}to{filter:brightness(1.2) drop-shadow(0 0 16px var(--msd-about-accent))}}
@keyframes msdMinimal{from{opacity:.93}to{opacity:1}}
@keyframes msdMagazine{from{filter:contrast(.95)}to{filter:contrast(1.08)}}
@keyframes msdDepth{from{filter:drop-shadow(0 12px 18px rgba(0,0,0,.08))}to{filter:drop-shadow(0 28px 35px rgba(0,0,0,.2))}}
@keyframes msdGradient{from{filter:saturate(.9)}to{filter:saturate(1.2)}}
@keyframes msdStats{from{filter:brightness(.95)}to{filter:brightness(1.1)}}
@keyframes msdCommand{from{filter:brightness(.92)}to{filter:brightness(1.14)}}
@media(prefers-reduced-motion:reduce){.msd-about--auto-motion .msd-about__gallery-item{animation:none!important}.msd-about--mouse-motion .msd-about__gallery-item{translate:0 0!important}}

/* v3.6.3 — Single Image Presentation Fix
   About Us now uses one dedicated image instead of the multi-image gallery.
   The image keeps a clean aspect ratio and never inherits gallery grid rules. */
.msd-about__single-image{
  position:relative!important;
  z-index:2;
  width:100%;
  min-height:0!important;
  height:clamp(360px,42vw,620px);
  overflow:hidden!important;
  display:block!important;
  background:#e9ebef;
  border-radius:var(--msd-about-radius);
  isolation:isolate;
  box-shadow:0 24px 70px rgba(15,23,42,.12);
}
.msd-about__single-image img{
  position:relative!important;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  object-fit:cover!important;
  object-position:center center;
  transform:none;
  filter:none;
}
.msd-about__single-image:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.10),transparent 38%,rgba(0,0,0,.12));
  opacity:.7;
}
.msd-about__image-shine{
  position:absolute;
  z-index:3;
  top:-25%;
  left:-45%;
  width:35%;
  height:150%;
  pointer-events:none;
  transform:rotate(18deg) translateX(0);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  opacity:0;
  transition:opacity .35s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);
}
.msd-about__single-image:hover .msd-about__image-shine{opacity:1;transform:rotate(18deg) translateX(430%)}
.msd-about--mouse-motion .msd-about__single-image{will-change:transform;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.msd-about--mouse-motion .msd-about__single-image img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.msd-about--mouse-motion:hover .msd-about__single-image img{transform:scale(1.035)}
.msd-about--editorial .msd-about__single-image{order:2;border-radius:0;box-shadow:18px 18px 0 var(--msd-about-accent)}
.msd-about--immersive .msd-about__single-image,
.msd-about--image-card .msd-about__single-image{position:absolute!important;inset:0;width:100%;height:100%;border-radius:0;z-index:0;box-shadow:none}
.msd-about--immersive .msd-about__single-image:after,
.msd-about--image-card .msd-about__single-image:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.28) 58%,rgba(0,0,0,.08));pointer-events:none}
.msd-about--orbit .msd-about__single-image{border-radius:50%;aspect-ratio:1/1;width:min(100%,520px);height:auto;justify-self:center;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 0 2px var(--msd-about-accent),0 30px 80px rgba(0,0,0,.22)}
.msd-about--stacked .msd-about__single-image{box-shadow:22px 22px 0 var(--msd-about-accent);transform:rotate(-2deg)}
.msd-about--stacked:hover .msd-about__single-image{transform:rotate(0) translateY(-8px)}
.msd-about--neon .msd-about__single-image{box-shadow:0 0 0 1px var(--msd-about-accent),0 0 35px color-mix(in srgb,var(--msd-about-accent) 28%,transparent)}
.msd-about--minimal .msd-about__single-image{border-radius:0}
.msd-about--asymmetric .msd-about__single-image{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.msd-about--split-image .msd-about__single-image{order:2;border-radius:0 30px 30px 0}
.msd-about--stats{display:block!important}
.msd-about--stats .msd-about__single-image{height:clamp(300px,34vw,470px);max-width:1050px;margin:35px auto 0}
.msd-about--command .msd-about__single-image{box-shadow:inset 0 0 0 1px var(--msd-about-accent),0 25px 70px rgba(0,0,0,.18)}
@media(max-width:900px){
  .msd-about__single-image{height:420px}
}
@media(max-width:767px){
  .msd-about__single-image{height:360px!important;border-radius:16px!important;clip-path:none!important;transform:none!important}
  .msd-about--orbit .msd-about__single-image{width:min(100%,360px);height:auto!important;aspect-ratio:1/1}
  .msd-about--immersive .msd-about__single-image,.msd-about--image-card .msd-about__single-image{height:100%!important;border-radius:0!important}
  .msd-about--editorial .msd-about__single-image{box-shadow:10px 10px 0 var(--msd-about-accent)}
}

/* v3.6.3 — Multi-image About Us presentation
   The image area is split into clean visual pieces while preserving each layout's geometry. */
.msd-about__multi-image{position:relative;z-index:2;min-width:0;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate}
.msd-about__multi-image .msd-about__gallery-item{min-width:0;min-height:0;background:var(--msd-about-card,#fff);isolation:isolate}
.msd-about__multi-image .msd-about__gallery-item img{position:relative;z-index:1;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}
.msd-about__multi-image .msd-about__gallery-item{box-shadow:0 18px 45px rgba(15,23,42,.10)}
.msd-about__multi-image .msd-about__gallery-glow{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 40%,rgba(0,0,0,.10));opacity:.7;transition:opacity .35s ease}
.msd-about__multi-image .msd-about__gallery-item:hover .msd-about__gallery-glow{opacity:.35}
.msd-about__multi-image .msd-about__gallery-item:hover img{transform:scale(1.045)}
/* Friendly 3-image composition */
.msd-about--minimal .msd-about__multi-image .msd-about__gallery-item:nth-child(n+4),
.msd-about--magazine .msd-about__multi-image .msd-about__gallery-item:nth-child(n+4){display:none}
/* Keep the collage clean when users add 6 images. */
.msd-about--editorial .msd-about__multi-image .msd-about__gallery-item:nth-child(n+5){display:none}
.msd-about--immersive .msd-about__multi-image .msd-about__gallery-item:nth-child(n+7){display:none}
.msd-about--image-card .msd-about__multi-image .msd-about__gallery-item:nth-child(n+7){display:none}
/* Prevent excessive empty space if fewer images are selected. */
.msd-about__multi-image .msd-about__gallery-item:only-child{grid-column:1/-1!important;grid-row:1/-1!important}
@media(max-width:767px){
  .msd-about__multi-image .msd-about__gallery-item{min-height:0}
  .msd-about__multi-image .msd-about__gallery-item img{object-position:center center!important}
}

/* v3.6.3 advanced background + per-image design/animation */
.msd-about{position:relative;isolation:isolate;overflow:hidden;background-color:var(--msd-about-bg,var(--msd-about-surface,#fff));}
.msd-about__background-image{position:absolute;inset:0;z-index:-2;background-image:var(--msd-about-bg-image);background-position:var(--msd-about-bg-position,center center);background-size:var(--msd-about-bg-size,cover);background-repeat:no-repeat;opacity:var(--msd-about-bg-opacity,.18);pointer-events:none;}
.msd-about__background-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05),transparent 55%);}
.msd-about__gridfx{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.msd-about__advanced-gallery .msd-about__gallery-item{transform:translate3d(var(--msd-gx,0),var(--msd-gy,0),0) rotate(var(--msd-rot,0deg));will-change:transform;}
.msd-item-style--card{box-shadow:0 22px 55px rgba(0,0,0,.16);}
.msd-item-style--tilt{box-shadow:0 25px 60px rgba(0,0,0,.18);transform-style:preserve-3d;}
.msd-item-style--glass{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(12px);box-shadow:0 20px 55px rgba(0,0,0,.18);}
.msd-item-style--polaroid{background:#fff!important;padding:10px 10px 30px!important;box-shadow:0 25px 50px rgba(0,0,0,.18);}
.msd-item-style--circle{border-radius:50%!important;aspect-ratio:1;}
.msd-item-style--diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0!important;}
.msd-item-style--frame{border:3px solid var(--msd-about-accent)!important;box-shadow:inset 0 0 0 8px rgba(255,255,255,.08),0 22px 55px rgba(0,0,0,.15);}
.msd-item-style--glow{border-color:var(--msd-about-accent)!important;box-shadow:0 0 28px color-mix(in srgb,var(--msd-about-accent) 35%,transparent),0 20px 50px rgba(0,0,0,.18);}
.msd-item-anim--fade,.msd-item-anim--zoom,.msd-item-anim--slide,.msd-item-anim--flip,.msd-item-anim--float,.msd-item-anim--rotate,.msd-item-anim--pulse,.msd-item-anim--blur{animation-duration:var(--msd-about-speed,.8s);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.7,.2,1);}
.msd-about:not(.is-visible) .msd-item-anim--fade{opacity:0;transform:translateY(30px)}
.msd-about.is-visible .msd-item-anim--fade{animation-name:msdAboutFade}
.msd-about:not(.is-visible) .msd-item-anim--zoom{opacity:0;transform:scale(.82)}
.msd-about.is-visible .msd-item-anim--zoom{animation-name:msdAboutZoom}
.msd-about:not(.is-visible) .msd-item-anim--slide{opacity:0;transform:translateX(50px)}
.msd-about.is-visible .msd-item-anim--slide{animation-name:msdAboutSlide}
.msd-about:not(.is-visible) .msd-item-anim--flip{opacity:0;transform:perspective(800px) rotateY(75deg)}
.msd-about.is-visible .msd-item-anim--flip{animation-name:msdAboutFlip}
.msd-about.is-visible .msd-item-anim--float{animation-name:msdAboutFloat;animation-iteration-count:infinite;animation-direction:alternate}
.msd-about.is-visible .msd-item-anim--rotate{animation-name:msdAboutRotate}
.msd-about.is-visible .msd-item-anim--pulse{animation-name:msdAboutPulse;animation-iteration-count:infinite;animation-direction:alternate}
.msd-about:not(.is-visible) .msd-item-anim--blur{opacity:0;filter:blur(14px);transform:scale(1.04)}
.msd-about.is-visible .msd-item-anim--blur{animation-name:msdAboutBlur}
@keyframes msdAboutFade{to{opacity:1;transform:translateY(0)}}
@keyframes msdAboutZoom{to{opacity:1;transform:scale(1)}}
@keyframes msdAboutSlide{to{opacity:1;transform:translateX(0)}}
@keyframes msdAboutFlip{to{opacity:1;transform:perspective(800px) rotateY(0)}}
@keyframes msdAboutFloat{from{translate:0 0}to{translate:0 -12px}}
@keyframes msdAboutRotate{to{opacity:1;transform:rotate(0)}}
@keyframes msdAboutPulse{from{filter:brightness(1);box-shadow:0 0 0 rgba(0,0,0,0)}to{filter:brightness(1.12);box-shadow:0 0 30px color-mix(in srgb,var(--msd-about-accent) 30%,transparent)}}
@keyframes msdAboutBlur{to{opacity:1;filter:blur(0);transform:scale(1)}}
.msd-about__advanced-gallery .msd-about__gallery-item:nth-child(2){animation-delay:.08s}.msd-about__advanced-gallery .msd-about__gallery-item:nth-child(3){animation-delay:.16s}.msd-about__advanced-gallery .msd-about__gallery-item:nth-child(4){animation-delay:.24s}.msd-about__advanced-gallery .msd-about__gallery-item:nth-child(5){animation-delay:.32s}.msd-about__advanced-gallery .msd-about__gallery-item:nth-child(6){animation-delay:.4s}
@media (prefers-reduced-motion:reduce){.msd-about__advanced-gallery .msd-about__gallery-item{animation:none!important;transition:none!important}.msd-about__background-image{background-attachment:scroll}}


/* v3.6.4 — Frontend visibility safety
   About Us must render as normal content even if JavaScript or an optimizer is unavailable. */
.msd-about{visibility:visible!important;opacity:1!important;}
.msd-about__content{visibility:visible!important;opacity:1;}
.msd-about__title,.msd-about__desc,.msd-about__eyebrow,.msd-about__stats,.msd-about__button,.msd-about__tag{visibility:visible;}
.msd-about__single-image,.msd-about__multi-image{visibility:visible;}
/* If a theme/plugin accidentally applies an entrance-hidden state to this widget, keep its content accessible. */
.msd-about[data-msoft-engine-v3="1"]{opacity:1;}

/* v3.6.7 — About Us per-layout button/title color reliability */
.msd-about--custom-button .msd-about__button,
.msd-about--custom-button .msd-about__button:hover,
.msd-about--custom-button .msd-about__button:focus,
.msd-about--custom-button .msd-about__button:visited{
  background:var(--msd-about-button-bg, var(--msd-about-text)) !important;
  color:var(--msd-about-button-text, var(--msd-about-surface)) !important;
}
.msd-about--custom-button .msd-about__button span{
  color:var(--msd-about-button-text, var(--msd-about-surface)) !important;
}
.msd-about--custom-title .msd-about__title{
  color:var(--msd-about-title) !important;
}
.msd-about--custom-title.msd-about--gradient .msd-about__title{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:var(--msd-about-title) !important;
}