/* MobiLux – Brand Story Elementor widget */
.elementor-widget-mobilux-brand-story,
.elementor-widget-mobilux-brand-story *{box-sizing:border-box}
.elementor-widget-mobilux-brand-story{max-width:100%;min-width:0;overflow:clip}
.mobilux-brand-story{--ml-story-accent:var(--ml-primary);--ml-story-ink:#191b2c;--ml-story-muted:#6f7282;position:relative;width:100%;max-width:100%;overflow:clip;background:#fff}
.mobilux-brand-story__container{width:min(100% - 40px,1320px);margin-inline:auto;min-width:0}
.mobilux-brand-story__grid{display:grid;grid-template-columns:minmax(0,var(--mobilux-story-media-width,50%)) minmax(0,1fr);align-items:center;gap:58px;min-width:0}
.mobilux-brand-story.is-media-end .mobilux-brand-story__media-wrap{order:2}
.mobilux-brand-story.is-media-end .mobilux-brand-story__content{order:1}
.mobilux-brand-story.is-media-hidden .mobilux-brand-story__grid{grid-template-columns:minmax(0,1fr)}
.mobilux-brand-story__media-wrap,.mobilux-brand-story__content{min-width:0;max-width:100%}
.mobilux-brand-story__media{position:relative;isolation:isolate;min-height:520px;overflow:hidden;border-radius:30px;background:#f3f3f7;box-shadow:0 22px 70px rgba(28,27,48,.10)}
.mobilux-brand-story__media::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.35);border-radius:inherit;pointer-events:none}
.mobilux-brand-story__media::after{content:"";position:absolute;z-index:1;inset:0;background:rgba(16,17,27,.05);pointer-events:none}
.mobilux-brand-story__image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mobilux-brand-story__media:hover .mobilux-brand-story__image{transform:scale(1.025)}
.mobilux-brand-story__media-label{position:absolute;z-index:3;right:20px;bottom:20px;left:20px;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 40px);padding:12px 15px;border:1px solid rgba(255,255,255,.62);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#202238;font-size:13px;font-weight:700;line-height:1.65;box-shadow:0 12px 34px rgba(24,25,45,.16)}
.mobilux-brand-story__media-label-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--ml-story-accent);font-size:18px}
.mobilux-brand-story__media-label-icon svg{width:1em;height:1em;fill:currentColor}
.mobilux-brand-story__content{position:relative}
.mobilux-brand-story__kicker{display:inline-flex;align-items:center;gap:8px;color:var(--ml-story-accent);font-size:13px;font-weight:800;line-height:1.6;letter-spacing:-.01em}
.mobilux-brand-story__kicker::before{content:"";width:24px;height:2px;border-radius:99px;background:currentColor;opacity:.72}
.mobilux-brand-story__title{margin:14px 0 0;color:var(--ml-story-ink);font-size:clamp(30px,3.2vw,48px);font-weight:900;line-height:1.38;letter-spacing:-.045em;text-wrap:balance}
.mobilux-brand-story__highlight{color:var(--ml-story-accent);position:relative;white-space:nowrap}
.mobilux-brand-story__highlight::after{content:"";position:absolute;right:2%;bottom:-3px;width:96%;height:7px;border-radius:100%;background:currentColor;opacity:.10;transform:rotate(-1deg);pointer-events:none}
.mobilux-brand-story__description{margin-top:20px;color:var(--ml-story-muted);font-size:16px;font-weight:450;line-height:2;max-width:760px}
.mobilux-brand-story__description>:first-child{margin-top:0}.mobilux-brand-story__description>:last-child{margin-bottom:0}
.mobilux-brand-story__points{display:grid;gap:18px;margin-top:30px;min-width:0}
.mobilux-brand-story__point{position:relative;min-width:0;padding:14px;border:1px solid rgba(32,34,56,.07);border-radius:18px;background:rgba(255,255,255,.72);transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
.mobilux-brand-story__point:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ml-primary) 16%,transparent);background:#fff;box-shadow:0 14px 40px rgba(29,30,53,.07)}
.mobilux-brand-story__point,.mobilux-brand-story__point-link{display:flex;align-items:flex-start;gap:14px}
.mobilux-brand-story__point-link{width:100%;color:inherit;text-decoration:none;min-width:0}
.mobilux-brand-story__point-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:color-mix(in srgb,var(--ml-primary) 10%,#fff);color:var(--ml-story-accent);font-size:20px;transition:transform .25s ease,background-color .25s ease}
.mobilux-brand-story__point:hover .mobilux-brand-story__point-icon{transform:rotate(-3deg) scale(1.035)}
.mobilux-brand-story__point-icon svg{width:1em;height:1em;fill:currentColor}
.mobilux-brand-story__point-copy{min-width:0;flex:1}
.mobilux-brand-story__point-title{margin:1px 0 0;color:#242638;font-size:15px;font-weight:850;line-height:1.7}
.mobilux-brand-story__point-text{margin:4px 0 0;color:#737687;font-size:13px;font-weight:450;line-height:1.85}
.mobilux-brand-story__point-arrow{display:inline-flex;align-self:center;flex:0 0 auto;color:var(--ml-story-accent);font-size:17px;opacity:.62;transition:transform .25s ease,opacity .25s ease}
.mobilux-brand-story__point:hover .mobilux-brand-story__point-arrow{transform:translateX(-3px);opacity:1}
@media (max-width:1024px){
  .mobilux-brand-story__container{width:min(100% - 32px,1320px)}
  .mobilux-brand-story__grid{grid-template-columns:minmax(0,48%) minmax(0,1fr);gap:36px}
  .mobilux-brand-story__media{min-height:430px}
  .mobilux-brand-story__title{font-size:clamp(28px,4vw,40px)}
}
@media (max-width:767px){
  .elementor-widget-mobilux-brand-story{overflow:hidden}
  .mobilux-brand-story__container{width:min(100% - 28px,1320px)}
  .mobilux-brand-story__grid{display:flex;flex-direction:column;align-items:stretch!important;gap:28px}
  .mobilux-brand-story.is-mobile-media-last .mobilux-brand-story__media-wrap{order:2}
  .mobilux-brand-story.is-mobile-media-last .mobilux-brand-story__content{order:1}
  .mobilux-brand-story.is-mobile-media-first .mobilux-brand-story__media-wrap{order:1}
  .mobilux-brand-story.is-mobile-media-first .mobilux-brand-story__content{order:2}
  .mobilux-brand-story__media-wrap,.mobilux-brand-story__content{width:100%;max-width:100%}
  .mobilux-brand-story__media{min-height:330px;border-radius:22px}
  .mobilux-brand-story__media-label{right:12px;bottom:12px;left:12px;max-width:calc(100% - 24px);width:auto;padding:10px 12px;border-radius:13px;font-size:12px}
  .mobilux-brand-story__title{font-size:clamp(26px,8.2vw,34px);line-height:1.45;letter-spacing:-.035em}
  .mobilux-brand-story__highlight{white-space:normal}
  .mobilux-brand-story__description{font-size:14px;line-height:1.95}
  .mobilux-brand-story__point{padding:12px}
  .mobilux-brand-story__point,.mobilux-brand-story__point-link{gap:11px}
  .mobilux-brand-story__point-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}
  .mobilux-brand-story__point-title{font-size:14px}.mobilux-brand-story__point-text{font-size:12.5px}
}
@media (max-width:380px){
  .mobilux-brand-story__container{width:min(100% - 20px,1320px)}
  .mobilux-brand-story__media{min-height:290px}
  .mobilux-brand-story__media-label{font-size:11px}
  .mobilux-brand-story__point-icon{width:42px;height:42px;flex-basis:42px}
}
@media (prefers-reduced-motion:reduce){
  .mobilux-brand-story__image,.mobilux-brand-story__point,.mobilux-brand-story__point-icon,.mobilux-brand-story__point-arrow{transition:none!important}
  .mobilux-brand-story__media:hover .mobilux-brand-story__image,.mobilux-brand-story__point:hover,.mobilux-brand-story__point:hover .mobilux-brand-story__point-icon,.mobilux-brand-story__point:hover .mobilux-brand-story__point-arrow{transform:none!important}
}

/* Reflow also follows the actual Elementor column, not only the viewport. */
@container mobilux-widget (max-width:1024px){
  .mobilux-brand-story__container{width:min(100% - 32px,1320px)}
  .mobilux-brand-story__grid{grid-template-columns:minmax(0,48%) minmax(0,1fr);gap:36px}
  .mobilux-brand-story__media{min-height:430px}
  .mobilux-brand-story__title{font-size:clamp(28px,4vw,40px)}
}
@container mobilux-widget (max-width:767px){
  .elementor-widget-mobilux-brand-story{overflow:hidden}
  .mobilux-brand-story__container{width:min(100% - 28px,1320px)}
  .mobilux-brand-story__grid{display:flex;flex-direction:column;align-items:stretch!important;gap:28px}
  .mobilux-brand-story.is-mobile-media-last .mobilux-brand-story__media-wrap{order:2}
  .mobilux-brand-story.is-mobile-media-last .mobilux-brand-story__content{order:1}
  .mobilux-brand-story.is-mobile-media-first .mobilux-brand-story__media-wrap{order:1}
  .mobilux-brand-story.is-mobile-media-first .mobilux-brand-story__content{order:2}
  .mobilux-brand-story__media-wrap,.mobilux-brand-story__content{width:100%;max-width:100%}
  .mobilux-brand-story__media{min-height:330px;border-radius:22px}
  .mobilux-brand-story__media-label{right:12px;bottom:12px;left:12px;max-width:calc(100% - 24px);width:auto;padding:10px 12px;border-radius:13px;font-size:12px}
  .mobilux-brand-story__title{font-size:clamp(26px,8.2vw,34px);line-height:1.45;letter-spacing:-.035em}
  .mobilux-brand-story__highlight{white-space:normal}
  .mobilux-brand-story__description{font-size:14px;line-height:1.95}
  .mobilux-brand-story__point{padding:12px}
  .mobilux-brand-story__point,.mobilux-brand-story__point-link{gap:11px}
  .mobilux-brand-story__point-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}
  .mobilux-brand-story__point-title{font-size:14px}.mobilux-brand-story__point-text{font-size:12.5px}
}
@container mobilux-widget (max-width:380px){
  .mobilux-brand-story__container{width:min(100% - 20px,1320px)}
  .mobilux-brand-story__media{min-height:290px}
  .mobilux-brand-story__media-label{font-size:11px}
  .mobilux-brand-story__point-icon{width:42px;height:42px;flex-basis:42px}
}

/* v1.0.44: component-specific responsive layout. */
.mobilux-brand-story__highlight{white-space:normal}

@media(max-width:1024px){.mobilux-brand-story__grid{display:flex;flex-direction:column;gap:28px}.mobilux-brand-story__media-wrap,.mobilux-brand-story__content{width:100%}
}
@container mobilux-widget (max-width:1024px){.mobilux-brand-story__grid{display:flex;flex-direction:column;gap:28px}.mobilux-brand-story__media-wrap,.mobilux-brand-story__content{width:100%}
}
@media(max-width:767px){.mobilux-brand-story__title{font-size:28px;line-height:1.5}.mobilux-brand-story__media-label{position:relative;inset:auto;width:auto;max-width:100%;margin:12px;white-space:normal}
.mobilux-brand-story__point,.mobilux-brand-story__point-link{gap:12px}.mobilux-brand-story__point-icon{flex-shrink:0}
}
@container mobilux-widget (max-width:767px){.mobilux-brand-story__title{font-size:28px;line-height:1.5}.mobilux-brand-story__media-label{position:relative;inset:auto;width:auto;max-width:100%;margin:12px;white-space:normal}
.mobilux-brand-story__point,.mobilux-brand-story__point-link{gap:12px}.mobilux-brand-story__point-icon{flex-shrink:0}
}