/* FRONTIERMIND HERO ENGLISH V1.4B */
.fm-image-hero--english{
  position:relative;
  background:#e9f4fd;
  overflow:hidden;
}
.fm-image-hero--english .fm-image-hero__frame{
  position:relative;
  min-height:342px;
  overflow:hidden;
}
.fm-image-hero--english .fm-image-hero__image--art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}

/* Mask only the baked-in French copy on the left, preserve DNA/book on the right */
.fm-image-hero--english .fm-image-hero__frame::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,1) 31%,
      rgba(255,255,255,.98) 39%,
      rgba(255,255,255,.84) 47%,
      rgba(255,255,255,.36) 57%,
      rgba(255,255,255,0) 69%
    );
}

.fm-hero-en-copy{
  position:relative;
  z-index:2;
  width:min(calc(100% - 64px),1540px);
  min-height:342px;
  margin:0 auto;
  padding:44px 0 34px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.fm-hero-en-brandline{
  margin-bottom:12px;
  color:#0758b7;
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
}
.fm-hero-en-copy h1{
  max-width:610px;
  margin:0 0 15px;
  color:#062a54;
  font-family:Arial,Helvetica,sans-serif;
  font-size:52px;
  line-height:1.04;
  letter-spacing:-1.25px;
  font-weight:800;
}
.fm-hero-en-copy p{
  max-width:555px;
  margin:0 0 20px;
  color:#263446;
  font-size:15.5px;
  line-height:1.48;
}
.fm-hero-en-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.fm-hero-en-btn{
  min-height:40px;
  padding:9px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none!important;
}
.fm-hero-en-btn.primary{
  background:#0758b7;
  border:1px solid #0758b7;
  color:#fff;
}
.fm-hero-en-btn.secondary{
  background:#fff;
  border:1px solid #0758b7;
  color:#0758b7;
}

@media(max-width:1000px){
  .fm-image-hero--english .fm-image-hero__frame{min-height:360px}
  .fm-hero-en-copy{
    width:calc(100% - 32px);
    min-height:360px;
    padding-left:20px;
  }
  .fm-hero-en-copy h1{font-size:44px;max-width:500px}
  .fm-hero-en-copy p{max-width:470px;font-size:15px}
  .fm-image-hero--english .fm-image-hero__frame::before{
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 39%,rgba(255,255,255,.82) 52%,rgba(255,255,255,.15) 68%,rgba(255,255,255,0) 78%);
  }
}

@media(max-width:760px){
  .fm-image-hero--english .fm-image-hero__frame{
    min-height:650px;
    background:linear-gradient(180deg,#fff 0%,#fff 51%,#eaf5ff 67%,#b7d9f7 100%);
  }
  .fm-image-hero--english .fm-image-hero__image--art{
    top:auto;
    bottom:0;
    height:48%;
    object-fit:cover;
    object-position:center bottom;
  }
  .fm-image-hero--english .fm-image-hero__frame::before{
    background:linear-gradient(180deg,#fff 0%,#fff 52%,rgba(255,255,255,.88) 60%,rgba(255,255,255,.18) 77%,rgba(255,255,255,0) 100%);
  }
  .fm-hero-en-copy{
    width:calc(100% - 32px);
    min-height:650px;
    padding:30px 0 320px;
    justify-content:flex-start;
  }
  .fm-hero-en-brandline{font-size:11px;margin-bottom:10px}
  .fm-hero-en-copy h1{
    max-width:100%;
    font-size:clamp(38px,11vw,46px);
    line-height:1.02;
    letter-spacing:-.8px;
  }
  .fm-hero-en-copy p{max-width:100%;font-size:15px}
  .fm-hero-en-actions{width:100%;display:grid;grid-template-columns:1fr;gap:9px}
  .fm-hero-en-btn{width:100%;min-height:44px}
}
