/* MORVARID_LANDING_V24 */
@font-face{
  font-family:"EstedadLocal";
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url("/assets/fonts/estedad-arabic.woff2?v=20260803v24") format("woff2-variations");
}

html,body,button,input,select,textarea{
  font-family:"EstedadLocal","Estedad",Tahoma,Arial,sans-serif;
}

.hero-background{
  background-color:#102846!important;
  background-image:linear-gradient(90deg,rgba(7,22,45,.78),rgba(7,22,45,.32)),url("/assets/images/gallery-1.webp?v=20260803v24")!important;
  background-size:cover!important;
  background-position:center!important;
}

.hero-video video{background:#102846}
img[data-morvarid-broken="1"]{display:none!important}

.builder-section{
  overflow:hidden;
  padding-block:clamp(48px,7vw,88px)!important;
}

.builder-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;
  grid-template-areas:"copy portrait"!important;
  align-items:center!important;
  gap:clamp(34px,6vw,82px)!important;
  min-height:0!important;
  padding:clamp(30px,4.5vw,58px)!important;
  overflow:hidden!important;
}

.builder-copy{
  grid-area:copy!important;
  min-width:0!important;
  max-width:700px!important;
  justify-self:end!important;
  text-align:right!important;
}

.builder-copy>.section-kicker{margin-bottom:12px!important}
.builder-copy h2{
  margin:0 0 16px!important;
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1.35!important;
}
.builder-copy>p{
  margin:0 0 22px!important;
  max-width:650px!important;
  font-size:clamp(15px,1.3vw,18px)!important;
  line-height:2!important;
  text-wrap:pretty!important;
}

.builder-media{
  grid-area:portrait!important;
  width:100%!important;
  max-width:320px!important;
  aspect-ratio:1/1!important;
  justify-self:center!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(15,45,78,.08)!important;
  border-radius:30px!important;
  background:#eef2f7!important;
  box-shadow:0 22px 54px rgba(7,22,45,.16)!important;
}
.builder-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  transform:scale(1.03)!important;
}

.builder-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  width:min(100%,470px)!important;
  margin:0 0 24px!important;
  padding:14px 16px!important;
  border:1px solid rgba(15,45,78,.11)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(7,22,45,.07)!important;
}
.builder-brand-lockup img{
  display:block!important;
  width:88px!important;
  height:64px!important;
  flex:0 0 88px!important;
  object-fit:contain!important;
  background:#fff!important;
}
.builder-brand-lockup span{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
  color:#102846!important;
}
.builder-brand-lockup strong{font-size:15px!important;line-height:1.7!important}
.builder-brand-lockup small{font-size:12px!important;line-height:1.7!important;color:#6f7b8b!important}

.builder-meta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 24px!important;
}
.builder-meta>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid rgba(15,45,78,.09)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.76)!important;
}
.builder-meta strong{font-size:14px!important;line-height:1.7!important;color:#102846!important}
.builder-meta span{font-size:12px!important;line-height:1.7!important;color:#66758a!important}
.builder-copy>.button{margin-top:0!important}

@media (max-width:900px){
  .builder-card{
    grid-template-columns:1fr!important;
    grid-template-areas:"portrait" "copy"!important;
    gap:28px!important;
  }
  .builder-copy{justify-self:stretch!important;max-width:none!important}
  .builder-media{max-width:290px!important}
  .builder-brand-lockup{width:100%!important}
}

@media (max-width:560px){
  body{padding-bottom:92px!important}
  .builder-section{padding-block:34px 80px!important}
  .builder-card{padding:24px 18px 34px!important;gap:24px!important}
  .builder-media{
    max-width:250px!important;
    aspect-ratio:1/1!important;
    border-radius:24px!important;
  }
  .builder-media img{
    object-position:center 16%!important;
    transform:scale(1.06)!important;
  }
  .builder-brand-lockup{padding:12px!important;gap:12px!important}
  .builder-brand-lockup img{width:74px!important;height:56px!important;flex-basis:74px!important}
  .builder-brand-lockup strong{font-size:13px!important}
  .builder-copy h2{font-size:clamp(28px,9vw,38px)!important}
  .builder-copy>p{font-size:15px!important;line-height:2!important}
  .builder-meta{grid-template-columns:1fr!important}
  .builder-copy>.button{width:100%!important;justify-content:center!important}
  .mobile-lead{z-index:60!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-video video{display:none}
}