/* Future Ready AI — integrated hero system
   Uses the exact approved group image without regeneration or face changes.
   Headlines and CTAs remain live HTML so the hero flows with the website. */

:root{
  --fra-navy:#122142;
  --fra-teal:#238C92;
  --fra-gold:#F5A24B;
  --fra-coral:#FF765F;
  --fra-ink:#24324A;
  --fra-muted:#536174;
}

.fra-hero{
  --fra-accent:var(--fra-teal);
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(18,33,66,.08);
  isolation:isolate;
}
.fra-hero::before{
  content:"";
  position:absolute;
  inset:auto -8% -42% auto;
  width:min(520px,42vw);
  aspect-ratio:1;
  border-radius:50%;
  background:color-mix(in srgb,var(--fra-accent) 10%,transparent);
  filter:blur(1px);
  z-index:-1;
}
.fra-hero__inner{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:clamp(28px,4vw,64px);
  align-items:center;
  padding:clamp(48px,6vw,82px) 0 clamp(38px,5vw,68px);
}
.fra-hero__copy{
  position:relative;
  z-index:2;
  max-width:690px;
}
.fra-hero__eyebrow{
  margin:0 0 14px;
  font:700 .78rem/1.4 "Poppins",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:var(--fra-accent);
}
.fra-hero h1{
  margin:0;
  max-width:680px;
  font-family:"Poppins",Arial,sans-serif;
  font-size:clamp(2.8rem,5vw,5.15rem);
  line-height:.99;
  letter-spacing:-.045em;
  color:var(--fra-navy);
  font-weight:700;
}
.fra-hero__sub{
  max-width:640px;
  margin:20px 0 0;
  color:var(--fra-ink);
  font-size:clamp(1rem,1.25vw,1.18rem);
  line-height:1.65;
}
.fra-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.fra-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 21px;
  border-radius:999px;
  text-decoration:none!important;
  font:700 .92rem/1 "Poppins",Arial,sans-serif;
  border:2px solid var(--fra-accent);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.fra-hero__btn:hover{transform:translateY(-2px)}
.fra-hero__btn--solid{
  color:#fff!important;
  background:var(--fra-accent);
  box-shadow:0 10px 24px color-mix(in srgb,var(--fra-accent) 20%,transparent);
}
.fra-hero__btn--outline{
  color:var(--fra-navy)!important;
  background:rgba(255,255,255,.66);
  border-color:color-mix(in srgb,var(--fra-navy) 28%,transparent);
}
.fra-hero__btn--outline:hover{
  color:#fff!important;
  background:var(--fra-navy);
  border-color:var(--fra-navy);
}
.fra-hero__micro{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(18,33,66,.12);
}
.fra-hero__micro span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--fra-muted);
  font-size:.8rem;
  font-weight:700;
}
.fra-hero__micro span::before{
  content:"•";
  color:var(--fra-accent);
  font-size:1.15rem;
  line-height:1;
}

.fra-hero__visual{
  position:relative;
  min-height:450px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  align-self:stretch;
}
.fra-hero__visual img{
  display:block;
  width:min(100%,680px);
  height:auto;
  max-height:510px;
  object-fit:contain;
  object-position:center bottom;
  filter:none!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Page-specific color fields: one system, distinct page identities. */
.fra-theme-home{
  --fra-accent:#238C92;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(115deg,#f9fcfd 0%,#eef8fb 54%,#dff1f8 100%);
}
.fra-theme-about{
  --fra-accent:#238C92;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(115deg,#fffaf1 0%,#f7f4ea 52%,#e9f5f1 100%);
}
.fra-theme-curriculum{
  --fra-accent:#C98A28;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(115deg,#fffdf7 0%,#fff7df 52%,#f8e6b8 100%);
}
.fra-theme-educators{
  --fra-accent:#E55F53;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(115deg,#fffdfb 0%,#fff1ed 54%,#fbded8 100%);
}
.fra-theme-schools{
  --fra-accent:#2F8B72;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(115deg,#fbfdf9 0%,#eef7ef 54%,#dceedd 100%);
}
.fra-theme-resources{
  --fra-accent:#745AA6;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(115deg,#fcfbff 0%,#f3effb 54%,#e7e0f5 100%);
}
.fra-theme-contact{
  --fra-accent:#238C92;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(115deg,#fffdf8 0%,#f8f3e8 54%,#e8f5f3 100%);
}

/* Contact-page enhancement used by final-headers.js. */
.fra-contact-shell{
  max-width:1180px;
  margin:42px auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);
  gap:20px;
  align-items:start;
}
.fra-contact-form{
  background:linear-gradient(155deg,#0b3152,#071f36);
  color:#fff;
  padding:28px;
  border-radius:18px;
  box-shadow:0 16px 42px rgba(5,31,52,.12);
}
.fra-contact-form h2,.fra-contact-card h2{margin:.2rem 0 .55rem}
.fra-contact-form p{color:#cfdae0}
.fra-contact-form .form{margin:0}
.fra-contact-form .field label,.fra-contact-form .field-checkbox label{color:#fff}
.fra-contact-form .field input,.fra-contact-form .field select,.fra-contact-form .field textarea{background:#fff;color:#14293b}
.fra-contact-form .btn{background:#12a6b6!important;color:#fff!important}
.fra-contact-side{display:flex;flex-direction:column;gap:16px}
.fra-contact-card{background:#fff8e7;border:1px solid #ead8ad;padding:24px;border-radius:18px}
.fra-contact-card--blue{background:#eef9fd;border-color:#cce9f2}
.fra-contact-card p{color:#526673}
.fra-contact-card a{word-break:break-word}
.fra-calendly-btn{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;margin-top:16px;padding:13px 16px;border-radius:11px;background:#0799ab;color:#fff!important;text-decoration:none;font-weight:800}
.fra-contact-name{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px;background:#fff;border:1px solid #ead8ad;border-radius:12px}
.fra-contact-name img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:58% 18%}
.fra-contact-name strong{display:block;color:var(--fra-navy)}
.fra-contact-name span{display:block;color:#657883;font-size:.82rem;margin-top:2px}

@media(max-width:900px){
  .fra-hero__inner{
    width:min(760px,calc(100% - 36px));
    min-height:0;
    grid-template-columns:1fr;
    gap:24px;
    padding:42px 0 24px;
  }
  .fra-hero__copy{max-width:none}
  .fra-hero h1{max-width:720px}
  .fra-hero__visual{
    min-height:0;
    max-height:none;
    align-items:flex-end;
  }
  .fra-hero__visual img{
    width:min(100%,700px);
    max-height:none;
  }
  .fra-contact-shell{grid-template-columns:1fr}
}
@media(max-width:620px){
  .fra-hero__inner{width:min(100% - 28px,720px);padding-top:34px}
  .fra-hero h1{font-size:clamp(2.35rem,12vw,3.55rem)}
  .fra-hero__sub{font-size:1rem}
  .fra-hero__actions{flex-direction:column;align-items:stretch}
  .fra-hero__btn{width:100%;box-sizing:border-box}
  .fra-hero__micro{gap:8px 12px}
}


/* HEADER QUALITY REBUILD — 2026-09-27 */
/* This layer intentionally uses the original approved source art only once.
   It removes the prior 112% raster enlargement/crop that softened the hero
   and masks the source-art edge without resampling the image. */
.fra-hero{
  --fra-surface:#eef9fb;
  --fra-surface-2:#ffffff;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(11,36,80,.10);
  isolation:isolate;
}
.fra-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.95),transparent 30%),
    radial-gradient(circle at 12% 88%,rgba(255,255,255,.68),transparent 28%),
    linear-gradient(110deg,var(--fra-surface-2) 0 38%,var(--fra-surface) 100%);
}
.fra-hero::after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-170px;
  top:-170px;
  border-radius:50%;
  background:color-mix(in srgb,var(--fra-accent) 12%,transparent);
  z-index:-1;
}
.fra-hero__inner{
  max-width:1280px!important;
  min-height:520px;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;
  gap:clamp(28px,4vw,64px)!important;
  align-items:center!important;
  padding:clamp(48px,6vw,82px) 32px 42px!important;
}
.fra-hero__copy{
  max-width:650px!important;
}
.fra-hero__eyebrow{
  display:inline-flex!important;
  align-items:center;
  margin:0 0 16px!important;
  padding:7px 12px;
  border-radius:999px;
  background:color-mix(in srgb,var(--fra-accent) 10%,#fff);
  border:1px solid color-mix(in srgb,var(--fra-accent) 26%,#fff);
  color:var(--fra-accent)!important;
  font:700 .78rem/1.25 Poppins,Arial,sans-serif!important;
  letter-spacing:.09em!important;
}
.fra-hero h1{
  max-width:640px;
  margin:0!important;
  color:var(--fra-navy)!important;
  font-family:Poppins,Arial,sans-serif!important;
  font-size:clamp(2.75rem,4.6vw,4.75rem)!important;
  font-weight:700!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
}
.fra-hero__sub{
  max-width:600px!important;
  margin:20px 0 0!important;
  color:#30465e!important;
  font-size:clamp(1rem,1.15vw,1.18rem)!important;
  line-height:1.62!important;
}
.fra-hero__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:28px!important;
}
.fra-hero__btn{
  min-height:48px!important;
  border-radius:12px!important;
  padding:13px 21px!important;
  font:700 .93rem/1 Poppins,Arial,sans-serif!important;
  box-shadow:none!important;
}
.fra-hero__btn--solid{
  background:var(--fra-accent)!important;
  border-color:var(--fra-accent)!important;
  color:#fff!important;
}
.fra-hero__btn--outline{
  background:#fff!important;
  border-color:color-mix(in srgb,var(--fra-accent) 55%,#fff)!important;
  color:var(--fra-accent)!important;
}
.fra-hero__micro{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
  margin:28px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(11,36,80,.12)!important;
}
.fra-hero__micro span{
  color:#27415e!important;
  font-size:.8rem!important;
  font-weight:700!important;
}
.fra-hero__visual{
  --fra-art-mask:var(--fra-surface);
  position:relative!important;
  min-height:0!important;
  align-self:center;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid rgba(11,36,80,.09);
  border-radius:26px;
  background:
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.95),transparent 30%),
    linear-gradient(145deg,#fff,var(--fra-surface));
  box-shadow:0 24px 60px rgba(11,36,80,.12);
}
.fra-hero__visual::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:11%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg,var(--fra-art-mask) 0 58%,transparent 100%);
}
.fra-hero__visual img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:720px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}
.fra-theme-home{--fra-accent:#238C92;--fra-surface:#dff4f4;--fra-surface-2:#fbfdfd!important;background:none!important}
.fra-theme-about{--fra-accent:#2b7b75;--fra-surface:#e6f3ed;--fra-surface-2:#fffdf7!important;background:none!important}
.fra-theme-curriculum{--fra-accent:#c8871c;--fra-surface:#fff0c9;--fra-surface-2:#fffdf8!important;background:none!important}
.fra-theme-educators{--fra-accent:#e15e51;--fra-surface:#ffe6e1;--fra-surface-2:#fffafa!important;background:none!important}
.fra-theme-schools{--fra-accent:#278669;--fra-surface:#e2f2e9;--fra-surface-2:#fbfffd!important;background:none!important}
.fra-theme-resources{--fra-accent:#337e9b;--fra-surface:#e4f1f7;--fra-surface-2:#fbfdff!important;background:none!important}
.fra-theme-contact{--fra-accent:#238C92;--fra-surface:#e2f3f5;--fra-surface-2:#fffdf8!important;background:none!important}
.fra-theme-home .fra-hero__visual,
.fra-theme-about .fra-hero__visual,
.fra-theme-curriculum .fra-hero__visual,
.fra-theme-educators .fra-hero__visual,
.fra-theme-schools .fra-hero__visual,
.fra-theme-resources .fra-hero__visual,
.fra-theme-contact .fra-hero__visual{
  background:
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.96),transparent 30%),
    linear-gradient(145deg,#fff,var(--fra-surface))!important;
}
@media(max-width:980px){
  .fra-hero__inner{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:44px 24px 28px!important;
  }
  .fra-hero__copy{max-width:760px!important}
  .fra-hero__visual{max-width:760px;width:100%;margin:6px auto 0}
}
@media(max-width:620px){
  .fra-hero__inner{padding:34px 18px 22px!important}
  .fra-hero h1{font-size:clamp(2.35rem,12vw,3.25rem)!important}
  .fra-hero__actions{display:grid!important;grid-template-columns:1fr!important}
  .fra-hero__btn{width:100%!important}
  .fra-hero__visual{border-radius:18px}
  .fra-hero__visual::after{width:9%}
}


/* FINAL LOCKED 7 HEADER IMAGES — 2026-09-27 */
.approved-hero--locked7{
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.approved-hero--locked7 .approved-hero__wrap{
  position:relative!important;
  width:min(1508px,100%)!important;
  max-width:none!important;
  margin:0 auto!important;
}
.approved-hero--locked7 .approved-hero__image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center top!important;
}
@media(max-width:760px){
  .approved-hero--locked7{padding:0!important}
  .approved-hero--locked7 .approved-hero__wrap{width:100%!important}
}


/* PAGE-SPECIFIC LOCKED-PHOTO HERO THEMES — 2026-09-27 */
body.page-home{--page-accent:#D89A1D;--page-accent-dark:#B87400;--page-soft:#EAF5FF;--page-soft2:#FFF4D8;}
body.page-about{--page-accent:#EE6A45;--page-accent-dark:#D65131;--page-soft:#FFF0E7;--page-soft2:#FFE1D3;}
body.page-curriculum{--page-accent:#D89A1D;--page-accent-dark:#B87400;--page-soft:#FFF6DC;--page-soft2:#F8E8B8;}
body.page-educators{--page-accent:#118B8D;--page-accent-dark:#087476;--page-soft:#E7F8F6;--page-soft2:#D8F2EF;}
body.page-schools{--page-accent:#63853F;--page-accent-dark:#466B2C;--page-soft:#EEF5E5;--page-soft2:#DCEACF;}
body.page-resources{--page-accent:#197BC1;--page-accent-dark:#0E63A3;--page-soft:#EAF4FF;--page-soft2:#D7EAFB;}
body.page-contact{--page-accent:#EF5E45;--page-accent-dark:#D94A33;--page-soft:#FFF0EA;--page-soft2:#FFDCD2;}

body[class*="page-"] .site-header .nav-links a[aria-current="page"]{
  color:var(--page-accent-dark)!important;
  border-color:var(--page-accent)!important;
}
body[class*="page-"] .site-header .nav-links .btn--primary{
  background:var(--page-accent)!important;
  color:#fff!important;
  border-color:var(--page-accent)!important;
}
body[class*="page-"] .site-header .nav-links .btn--primary:hover{
  background:var(--page-accent-dark)!important;
  color:#fff!important;
}

.fra-hero{
  --fra-accent:var(--page-accent,#D89A1D);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid rgba(18,33,66,.08);
  background:
    radial-gradient(circle at 84% 10%, rgba(255,255,255,.94) 0 7%, transparent 7.3%),
    radial-gradient(circle at 76% 18%, var(--page-soft) 0 10%, transparent 10.4%),
    linear-gradient(90deg,#fffdf8 0 42%,var(--page-soft) 72%,var(--page-soft2) 100%)!important;
}
.fra-hero::before{
  content:"";
  position:absolute;
  width:520px;
  height:180px;
  right:70px;
  top:54px;
  border-top:3px dashed color-mix(in srgb,var(--fra-accent) 72%,#fff);
  border-radius:50%;
  transform:rotate(6deg);
  opacity:.85;
  z-index:0;
  pointer-events:none;
}
.fra-hero::after{
  content:"";
  position:absolute;
  width:82px;
  height:82px;
  right:165px;
  top:66px;
  border:4px solid color-mix(in srgb,var(--fra-accent) 78%,#fff);
  border-radius:50%;
  box-shadow:0 0 0 18px color-mix(in srgb,var(--page-soft) 68%,transparent);
  opacity:.75;
  z-index:0;
  pointer-events:none;
}
.fra-hero__inner{
  width:min(1360px,calc(100% - 44px))!important;
  min-height:600px!important;
  margin:0 auto!important;
  padding:52px 0 30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr)!important;
  gap:clamp(20px,3vw,48px)!important;
  align-items:end!important;
  position:relative;
  z-index:1;
}
.fra-hero__copy{
  align-self:center;
  max-width:650px!important;
  padding:10px 0 30px!important;
}
.fra-hero__eyebrow{
  color:var(--fra-accent)!important;
  background:transparent!important;
  padding:0!important;
  margin:0 0 16px!important;
  font:700 .86rem/1.4 var(--font-heading)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.fra-hero h1{
  color:#0B1F52!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(3.1rem,5.35vw,5.5rem)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.fra-hero h1::after{
  content:"";
  display:block;
  width:min(250px,48%);
  height:5px;
  margin:14px 0 0 auto;
  border-radius:999px;
  background:var(--fra-accent);
  opacity:.95;
}
.fra-hero__sub{
  max-width:620px!important;
  margin:20px 0 0!important;
  color:#213C70!important;
  font-size:clamp(1.05rem,1.45vw,1.28rem)!important;
  line-height:1.5!important;
}
.fra-hero__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:28px!important;
}
.fra-hero__btn{
  min-height:54px!important;
  padding:14px 24px!important;
  border-radius:16px!important;
  font:700 1rem/1 var(--font-heading)!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  justify-content:center!important;
  border:2px solid var(--fra-accent)!important;
  box-shadow:0 10px 22px rgba(18,33,66,.06);
}
.fra-hero__btn--solid{
  background:var(--fra-accent)!important;
  color:#fff!important;
}
.fra-hero__btn--solid:hover{
  background:var(--page-accent-dark)!important;
  border-color:var(--page-accent-dark)!important;
  color:#fff!important;
}
.fra-hero__btn--outline{
  background:rgba(255,255,255,.88)!important;
  color:#0B1F52!important;
}
.fra-hero__btn--outline:hover{
  background:#fff!important;
  color:var(--page-accent-dark)!important;
}
.fra-hero__micro{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:34px 0 0!important;
  padding:0!important;
  border:0!important;
  max-width:650px!important;
}
.fra-hero__micro span{
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:10px 15px!important;
  color:#0B1F52!important;
  font-weight:700!important;
  font-size:.9rem!important;
  border-right:1px solid rgba(18,33,66,.18)!important;
}
.fra-hero__micro span:last-child{border-right:0!important}
.fra-hero__micro span::before{
  content:"✦"!important;
  margin-right:8px!important;
  color:var(--fra-accent)!important;
  font-size:1.15rem!important;
}
.fra-hero__visual{
  min-height:520px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  background:transparent!important;
  position:relative!important;
}
.fra-hero__visual::before{
  content:"";
  position:absolute;
  inset:auto 2% 8% 12%;
  height:70%;
  background:
    radial-gradient(circle at 25% 70%, color-mix(in srgb,var(--fra-accent) 12%,transparent) 0 18%, transparent 18.5%),
    radial-gradient(circle at 78% 40%, color-mix(in srgb,var(--page-soft2) 66%,transparent) 0 24%, transparent 24.5%);
  border-radius:50%;
  z-index:-1;
}
.fra-hero__visual img{
  display:block!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:1050px){
  .fra-hero__inner{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding-top:42px!important;
  }
  .fra-hero__copy{max-width:760px!important;padding-bottom:10px!important}
  .fra-hero__visual{min-height:0!important;justify-content:center!important}
  .fra-hero__visual img{width:min(820px,100%)!important;max-width:820px!important}
  .fra-hero::before{right:-80px;top:60px;width:420px}
}
@media(max-width:700px){
  .fra-hero__inner{width:min(100% - 28px,1360px)!important;padding:34px 0 18px!important}
  .fra-hero h1{font-size:clamp(2.55rem,13vw,4rem)!important}
  .fra-hero h1::after{margin-left:0;width:150px}
  .fra-hero__micro{grid-template-columns:1fr!important}
  .fra-hero__micro span{border-right:0!important;border-bottom:1px solid rgba(18,33,66,.14)!important}
  .fra-hero__micro span:last-child{border-bottom:0!important}
  .fra-hero__btn{width:100%!important}
  .fra-hero::before,.fra-hero::after{display:none}
}