/* ==========================================================================
   FUTURE ENERGY — R1 design foundation
   Loaded before site.css. Palette, typography and tokens only;
   section layouts are untouched (they are redesigned in later phases).
   ========================================================================== */

/* 1. Tokens ---------------------------------------------------------------- */
:root{
  /* Color — contrast ratios measured against --fe-bg / --fe-surface / --fe-surface-2 */
  --fe-bg:#0B0E14;
  --fe-surface:#171C27;
  --fe-surface-2:#1F2533;
  --fe-surface-deep:#07090D;
  /* Official brand colors (from the logo) — mandatory */
  --brand-orange:#F7931E;       /* text on bg / surface / surface-2: 8.41 / 7.43 / 6.67 */
  --brand-gold:#FBB03B;         /* text: 10.46 / 9.23 / 8.30 */
  --brand-gradient:linear-gradient(135deg,#F7931E 0%,#FBB03B 100%);
  --brand-gradient-hover:linear-gradient(135deg,#F9A23A 0%,#FCBD5A 100%);
  --fe-accent:var(--brand-orange);
  --fe-glow:var(--brand-gold);
  --fe-text:#F5F6FA;            /* 17.89 / 15.79 / 14.19 */
  --fe-text-2:#A3ABBD;          /* 8.39 / 7.40 / 6.65 */
  --fe-text-3:#8A93A6;          /* 6.26 / 5.52 — placeholders, input borders */
  --fe-on-accent:#0B0E14;       /* on brand orange 8.41, on gold 10.46 (white on orange fails: 2.30) */
  --fe-accent-on-light:#C2410C; /* 4.80 on --fe-text */
  --fe-line:#ffffff14;
  --fe-line-strong:#ffffff2e;
  --fe-accent-soft:#f7931e24;
  --fe-glow-soft:#fbb03b1f;

  /* Typography */
  --fe-font-display:Heebo,Assistant,Arial,sans-serif;
  --fe-font-body:Assistant,Arial,sans-serif;
  --fe-font-mono:'Space Mono',ui-monospace,monospace;
  --fe-fs-hero:clamp(52px,7vw + 22px,116px);
  --fe-fs-h2:clamp(38px,4.2vw + 14px,78px);
  --fe-fs-statement:clamp(30px,3.6vw + 12px,62px);
  --fe-fs-dialog:clamp(30px,2.6vw + 18px,50px);
  --fe-fs-h3:clamp(21px,1vw + 17px,29px);
  --fe-fs-lead:clamp(19px,.8vw + 15px,25px);
  --fe-fs-body:clamp(16px,.2vw + 15.2px,18px);
  --fe-fs-small:14px;
  --fe-fs-eyebrow:12px;
  --fe-weight-display:800;
  --fe-weight-heading:700;
  --fe-lh-display:.98;
  --fe-lh-heading:1.05;
  --fe-lh-body:1.65;
  --fe-track-display:-.05em;
  --fe-track-heading:-.035em;

  /* Spacing (4-based) */
  --fe-space-1:4px; --fe-space-2:8px; --fe-space-3:12px; --fe-space-4:16px;
  --fe-space-5:24px; --fe-space-6:40px; --fe-space-7:64px; --fe-space-8:96px;

  /* Borders & radii */
  --fe-radius-s:12px; --fe-radius-m:20px; --fe-radius-l:28px; --fe-radius-pill:999px;
  --fe-border:1px solid var(--fe-line);
  --fe-border-strong:1px solid var(--fe-line-strong);

  /* Shadows */
  --fe-shadow-card:0 18px 40px #00000059;
  --fe-shadow-card-hover:0 24px 50px #00000080;
  --fe-shadow-glow:0 12px 34px #f7931e38;
  --fe-shadow-dialog:0 40px 120px #000000a6;

  /* Motion (for later phases) */
  --fe-dur-fast:150ms; --fe-dur:250ms; --fe-dur-slow:600ms;
  --fe-ease:cubic-bezier(.2,.8,.2,1); --fe-ease-out:cubic-bezier(.16,1,.3,1);

  /* Legacy tokens → FUTURE ENERGY */
  --ink:var(--fe-bg);
  --paper:var(--fe-text);
  --muted:var(--fe-text-2);
  --red:var(--fe-accent);
  --green:var(--fe-glow);
  --cyan:var(--fe-glow);
  --violet:var(--fe-glow);
  --line:var(--fe-line);
}

/* 2. Base ------------------------------------------------------------------ */
body{background:var(--fe-bg);color:var(--fe-text);font-family:var(--fe-font-body)}

/* 3. Typography ------------------------------------------------------------ */
.hero h1,.statement p,.section-head h2,.process-head h2,.about h2,.contact h2,.dialog-content h2{font-family:var(--fe-font-display);font-weight:var(--fe-weight-display)}
.hero h1{font-size:var(--fe-fs-hero);line-height:var(--fe-lh-display);letter-spacing:var(--fe-track-display)}
.section-head h2,.process-head h2,.about h2,.contact h2{font-size:var(--fe-fs-h2);line-height:var(--fe-lh-heading);letter-spacing:var(--fe-track-display)}
.statement p{font-size:var(--fe-fs-statement);line-height:1.12;letter-spacing:var(--fe-track-heading);font-weight:var(--fe-weight-heading)}
.dialog-content h2{font-size:var(--fe-fs-dialog);line-height:var(--fe-lh-heading);letter-spacing:var(--fe-track-heading)}
.package-body h3,.process-steps h3,.dialog-includes h3{font-family:var(--fe-font-display);font-weight:var(--fe-weight-heading);letter-spacing:var(--fe-track-heading)}
.package-body h3{font-size:var(--fe-fs-h3)}
.about-lead{font-size:var(--fe-fs-lead);line-height:1.45}
.intro,.section-head>p,.about-copy>p:not(.mono):not(.about-lead),.contact-intro,.dialog-content>p:not(.mono){line-height:var(--fe-lh-body)}

/* 4. Color application (surfaces, text, accents) ---------------------------- */
/* Header */
.nav{background:#0b0e14e0;border-color:var(--fe-line);box-shadow:0 12px 35px #00000066}
.nav nav a{color:var(--fe-text)}
.nav nav a:hover{color:var(--fe-glow)}
.nav-cta{background:var(--fe-text);color:var(--fe-on-accent)}
.nav-cta b{color:var(--fe-accent-on-light)}

/* Hero */
.hero{background:var(--fe-bg)}
.hero-shade{background:radial-gradient(ellipse at 78% 15%,#f7931e30,transparent 37%),linear-gradient(90deg,#0b0e14f7 1%,#0b0e14dc 35%,#0b0e1466 63%,#0b0e140c 100%),linear-gradient(0deg,#0b0e14c8,transparent 45%)}
.intro{color:#dfe2ea}
.tag{color:var(--fe-glow)}
.hero-orbit{border-color:#fbb03b40;box-shadow:0 0 0 28px #fbb03b0c,0 0 0 74px #f7931e0b}
.hero-orbit span{border-color:#fbb03b26}
.hero-orbit i{border-color:#f7931e59}
.bottom-strip{background:#0b0e1499;border-top-color:var(--fe-line-strong)}

/* Buttons */
.red-button,.contact button{background:var(--fe-accent);color:var(--fe-on-accent);box-shadow:var(--fe-shadow-glow)}
.red-button:hover,.contact button:hover{background:var(--fe-glow)}

/* Rounded content sections become dark surfaces */
.statement,.packages,.about,.process{background:var(--fe-surface);border:var(--fe-border)}
.section-num,.section-head>p{color:var(--fe-text-2)}
.statement strong{color:var(--fe-accent)}
.square-mark{background:var(--fe-accent);color:var(--fe-on-accent)}

/* Packages */
.packages .red,.process .red,.package-dialog .red{color:var(--fe-accent)}
.package-card,.package-card.featured{background:var(--fe-surface-2);border-color:var(--fe-line);box-shadow:var(--fe-shadow-card)}
.package-card.featured{border-color:#f7931e59}
.package-card:hover{box-shadow:var(--fe-shadow-card-hover)}
.package-art{background:#11151e}
.package-summary{color:var(--fe-text-2)}
.details-button{color:var(--fe-text);border-top-color:var(--fe-line-strong)}
.empty-packages{color:var(--fe-text-2);border-color:var(--fe-line-strong)}

/* About */
.about{background:radial-gradient(circle at 22% 40%,var(--fe-accent-soft),transparent 46%),var(--fe-surface)}
.about-orbit,.about-orbit:before,.about-orbit:after{border-color:#fbb03b38}
.about-orbit i{background:var(--fe-accent);box-shadow:0 0 0 8px #f7931e2e}
.about-copy>.mono,.about-copy>p:not(.mono):not(.about-lead){color:var(--fe-text-2)}
.about-link{color:var(--fe-text);border-bottom-color:var(--fe-accent)}

/* Process */
.process-steps article{background:var(--fe-surface-2);border-color:var(--fe-line)}
.process-steps article>span{background:var(--fe-accent-soft);color:var(--fe-glow)}
.process-steps p{color:var(--fe-text-2)}

/* Contact */
.contact{background:radial-gradient(circle at 14% 20%,#f7931e26 0,transparent 33%),#10141c;border:var(--fe-border)}
.contact:after{border-color:#fbb03b4d;box-shadow:0 0 0 30px #fbb03b0a,0 0 0 75px #f7931e0b}
.contact-glow{background:radial-gradient(circle,#f7931e4d,transparent 70%)}
.contact-inner>.mono{color:var(--fe-glow)}
.contact h2 em{color:var(--fe-accent)}
.contact-intro,.contact-foot{color:var(--fe-text-2)}
.contact-foot{border-top-color:var(--fe-line-strong)}
.contact input{border-bottom-color:var(--fe-text-3)}
.contact input::placeholder{color:var(--fe-text-3)}
.contact input:focus{border-color:var(--fe-glow)}

/* Footer */
footer{background:var(--fe-surface-deep);color:var(--fe-text-2)}
.footer-copy{color:var(--fe-text-2)}

/* Package dialog */
.package-dialog{background:var(--fe-surface);color:var(--fe-text);border-color:var(--fe-line-strong);box-shadow:var(--fe-shadow-dialog)}
.package-dialog::backdrop{background:#05070bcc}
.dialog-content>p:not(.mono),.dialog-includes ul{color:var(--fe-text-2)}
.dialog-includes{background:var(--fe-surface-2)}

/* 5. Accessibility --------------------------------------------------------- */
/* Every public surface is now dark: one high-contrast focus color (10.96:1 on --fe-bg). */
:where(.nav,#top,footer,.package-dialog) :focus-visible,.skip-link:focus-visible,.package-dialog .dialog-close:focus-visible,.contact input:focus-visible{outline-color:var(--fe-glow)}
.skip-link{background:var(--fe-accent);color:var(--fe-on-accent)}

/* ==========================================================================
   6. HERO — R2 cinematic hero (mobile-first)
   New .fe-hero* classes, so the legacy .hero* rules in brand/identity no
   longer apply. All motion is CSS (transform/opacity only) and ends in the
   visible state, so content shows without JavaScript.
   ========================================================================== */
.fe-hero{
  --fe-hero-pad:clamp(22px,6.5vw,112px);
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-rows:minmax(170px,1fr) auto auto;
  min-height:640px;                                   /* fallback */
  min-height:min(calc(100svh - 84px),760px);       /* 64px header + 10px gaps */
  margin:10px 10px 0;border-radius:var(--fe-radius-l);border:var(--fe-border);
  background:var(--fe-bg);color:var(--fe-text);
}
/* Layers — R2.1: on phones/tablets the photo, shade and light stage fill the first grid row (the "stage"),
   whose height is exactly the space the copy leaves; from 1024px they span the whole card. */
.fe-hero__photo,.fe-hero__shade,.fe-hero__atmo,.fe-stage{position:absolute;inset:0;pointer-events:none;grid-column:1;grid-row:1/2}
.fe-hero__atmo{grid-row:1/-1}
.fe-hero__photo{z-index:-4;background:url('assets/hero-event.jpg') 66% 38%/cover no-repeat;
  background-image:image-set(url('assets/hero-event.avif') type('image/avif'),url('assets/hero-event.jpg') type('image/jpeg'));
  filter:saturate(1.04) contrast(1.05) brightness(.9);animation:fe-photo-in 1.8s var(--fe-ease-out) both}
.fe-hero__shade{z-index:-3;background:
  linear-gradient(180deg,#0b0e1459 0%,transparent 24%,transparent 50%,#0b0e14b3 80%,var(--fe-bg) 100%),
  radial-gradient(120% 100% at 50% 35%,transparent 55%,#0b0e1499 100%)}
.fe-hero__atmo{z-index:-2;background:
  radial-gradient(75% 22% at 72% 40%,#f7931e24,transparent 72%),
  radial-gradient(50% 30% at 85% 0%,#fbb03b14,transparent 72%);
  animation:fe-breathe 9s ease-in-out infinite}

/* Content */
.fe-hero__content{position:relative;z-index:1;grid-row:2;width:min(100%,900px);margin-top:-22px;padding:0 var(--fe-hero-pad) 28px}
.fe-hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--fe-glow);font:700 var(--fe-fs-eyebrow)/1.2 var(--fe-font-mono);letter-spacing:.11em}
.fe-hero__eyebrow::before{content:'';width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--fe-accent) 40%,var(--fe-glow))}
.fe-hero__title{margin:0 0 18px;font:var(--fe-weight-display) clamp(42px,7vw + 16px,120px)/1.02 var(--fe-font-display);letter-spacing:-.035em;text-wrap:balance}
.fe-hero__line{display:block;font-style:normal}
.fe-hero__highlight{color:var(--fe-accent)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .fe-hero__highlight{background:linear-gradient(270deg,var(--fe-glow),var(--fe-accent) 60%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
}
@media (forced-colors:active){.fe-hero__highlight{background:none;color:CanvasText}}
.fe-hero__intro{max-width:36ch;margin:0 0 26px;color:#c9cfdb;font-size:clamp(17px,.6vw + 14.5px,20px);line-height:1.62}

/* Actions: primary + secondary share one height so they align as a pair */
.fe-hero__actions{display:grid;gap:12px}
.fe-hero__cta,.fe-hero__secondary{min-height:56px;border-radius:var(--fe-radius-pill);transition:transform 220ms var(--fe-ease),box-shadow 220ms var(--fe-ease),background-color 220ms var(--fe-ease),border-color 220ms var(--fe-ease),color 220ms var(--fe-ease)}

/* Primary CTA: solid, restrained light — a fine top highlight and a tight warm shadow */
.fe-hero__cta{gap:16px;justify-content:space-between;padding:0;padding-inline:24px 10px;font-size:16.5px;line-height:1.2;
  background:var(--brand-gradient);
  box-shadow:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #0000001f,0 10px 26px -14px #f7931ed9}
.fe-hero__cta b{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--fe-bg);color:var(--fe-glow);font-size:18px;transition:transform 220ms var(--fe-ease)}
.fe-hero__cta:hover{background:var(--brand-gradient-hover);transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #0000001f,0 16px 34px -14px #f7931e}
.fe-hero__cta:hover b{transform:translateX(-3px)}
.fe-hero__cta:active{transform:translateY(0) scale(.985)}

/* Secondary: quiet ghost pill — same height, clearly second in the hierarchy */
.fe-hero__secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;
  border:1px solid #ffffff2e;background:#0b0e1459;color:var(--fe-text);font-size:16px;font-weight:700;text-decoration:none}
.fe-hero__secondary b{display:grid;place-items:center;flex:0 0 auto;color:var(--fe-glow);font-size:16px;transition:transform 220ms var(--fe-ease)}
.fe-hero__arrow{display:block;width:1em;height:1em}
.fe-hero__arrow--down{width:.5em}
.fe-hero__secondary:hover{border-color:#fbb03b8c;background:#ffffff0a;color:var(--fe-glow)}
.fe-hero__secondary:hover b{transform:translateY(2px)}

/* Bottom bar + scroll indicator */
.fe-hero__bar{position:relative;z-index:1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px var(--fe-hero-pad);background:#0b0e14b3}
.fe-hero__bar::before{content:'';position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(270deg,transparent,#f7931e73 30%,#fbb03b59 60%,transparent)}
.fe-hero__note{display:flex;align-items:center;gap:10px;margin:0;color:var(--fe-text-2);font-size:14px}
.fe-hero__index{color:var(--fe-accent);font:700 12px var(--fe-font-mono);letter-spacing:.1em}
.fe-hero__scroll{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;color:var(--fe-text);font-size:14px;font-weight:600;text-decoration:none;flex:0 0 auto}
.fe-hero__scroll-track{position:relative;overflow:hidden;width:2px;height:30px;border-radius:2px;background:#ffffff26}
.fe-hero__scroll-track i{position:absolute;top:0;left:0;width:2px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--fe-glow),var(--fe-accent));animation:fe-scroll 2.4s var(--fe-ease) 1.6s infinite}
.fe-hero__scroll:hover{color:var(--fe-glow)}

/* Frame micro-detail: hairline top highlight on the card */
.fe-hero{box-shadow:inset 0 1px 0 #ffffff12}

/* Staggered entrance */
.fe-hero__eyebrow,.fe-hero__line,.fe-hero__intro,.fe-hero__cta,.fe-hero__secondary,.fe-hero__bar{animation:fe-rise 760ms var(--fe-ease-out) both}
.fe-hero__eyebrow{animation-delay:150ms}
.fe-hero__line:first-child{animation-delay:240ms}
.fe-hero__highlight{animation-delay:340ms}
.fe-hero__intro{animation-delay:460ms}
.fe-hero__cta{animation-delay:570ms}
.fe-hero__secondary{animation-delay:660ms}
.fe-hero__bar{animation:fe-fade 900ms ease-out 800ms both}

/* Small phones: keep the CTA label on one line at 320px */
@media (max-width:430px){
  /* R2.2 — mobile polish. Stage row shrinks on short screens so the CTAs stay in view. */
  /* Mobile photo: a dedicated crop of the same photo (hero-event-mobile, 688×912) showing the crew member's
     back and the branded shirt. The stage row is tall enough for the shirt logo to sit fully above the light
     controls; the crop is drawn at full width (never stretched) and lifted so the logo lands at ~66% of the stage. */
  .fe-hero{--fe-m-stage:clamp(300px,92vw,400px);grid-template-rows:var(--fe-m-stage) auto auto}
  /* One composition: the photo itself fades out (mask) and runs 56px under the copy, with a gentle
     shade that reaches the background only at its very end — no hard seam at the row boundary. */
  .fe-hero__photo,.fe-hero__shade{bottom:-56px}
  .fe-hero__photo{background-image:url('assets/hero-event-mobile.jpg');
    background-image:image-set(url('assets/hero-event-mobile.avif') type('image/avif'),url('assets/hero-event-mobile.jpg') type('image/jpeg'));
    background-size:100% auto;background-position:50% calc(var(--fe-m-stage) * .66 - (100vw - 22px) * 630 / 688);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);
            mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
  .fe-hero__shade{background:
    linear-gradient(180deg,#0b0e1452 0%,transparent 20%,transparent 68%,#0b0e1499 86%,var(--fe-bg) 100%),
    radial-gradient(130% 95% at 50% 40%,transparent 66%,#0b0e1466 100%)}
  /* Vertical rhythm */
  .fe-hero__content{margin-top:-14px;padding-bottom:22px}
  .fe-hero__eyebrow{margin-bottom:14px}
  .fe-hero__title{font-size:clamp(36px,6.25vw + 14px,41px);line-height:1.1;letter-spacing:-.03em;margin-bottom:14px}
  .fe-hero__intro{font-size:16.5px;line-height:1.6;margin-bottom:22px}
  .fe-hero__actions{gap:10px}
  .fe-hero__cta{min-height:54px;gap:12px;padding-inline:18px 9px;font-size:16px}
  .fe-hero__cta b{width:34px;height:34px}
  .fe-hero__secondary{min-height:50px;font-size:15.5px}
}
@media (min-width:431px){.fe-hero__eyebrow{letter-spacing:.2em}}
/* Tablet: same stage composition, larger type, buttons side by side.
   Line 2 ("המעטפת הטכנית עלינו.") is ≈9.3em wide, so size keeps it on one line. */
@media (min-width:651px){
  .fe-hero{margin:16px 20px 0;min-height:680px;min-height:clamp(620px,calc(100svh - 112px),880px)}
  .fe-hero__content{margin-top:-28px;padding-bottom:40px}
  .fe-hero__eyebrow{font-size:13px}
  .fe-hero__title{font-size:clamp(52px,6.1vw + 16px,96px);letter-spacing:-.04em}
  .fe-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
  .fe-hero__cta{padding-inline:28px 10px}
  .fe-hero__cta,.fe-hero__secondary{min-height:58px}
}
/* Desktop: full-bleed cinematic frame. A radial shade is darkest exactly behind the copy, so the
   stage lights stay visible in the upper corner; the mirrored rig carries the left side. */
@media (min-width:1024px){
  .fe-hero{grid-template-rows:1fr auto}
  .fe-hero__photo,.fe-hero__shade,.fe-stage{grid-row:1/-1}
  .fe-hero__content{grid-row:1;align-self:center;width:min(100%,940px);margin-top:0;padding-top:84px;padding-bottom:72px}
  .fe-hero__bar{grid-row:2}
  .fe-hero__title{font-size:clamp(60px,4.2vw + 24px,76px);line-height:1;margin-bottom:22px}
  .fe-hero__intro{max-width:46ch;margin-bottom:32px}
  /* Portrait event photo: framed on the physical left (the copy sits right in RTL), tall enough that the DJ
     and the branded shirt both stay in frame, feathered into the background toward the copy. */
  .fe-hero__photo{right:auto;width:min(47%,760px);background-position:50% 78%;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%);
            mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%)}
  .fe-hero__shade{background:
    radial-gradient(58% 90% at 84% 56%,var(--fe-bg) 0%,#0b0e14eb 40%,#0b0e14b3 60%,#0b0e1440 85%,transparent 100%),
    linear-gradient(270deg,#0b0e14cc 0%,#0b0e1473 40%,transparent 66%),
    linear-gradient(0deg,var(--fe-bg) 0%,transparent 26%),
    linear-gradient(180deg,#0b0e1480 0%,transparent 18%),
    radial-gradient(120% 120% at 35% 50%,transparent 58%,#0b0e14b3 100%)}
  .fe-hero__atmo{background:
    radial-gradient(38% 46% at 82% 58%,#f7931e14,transparent 70%),
    radial-gradient(34% 55% at 12% 72%,#f7931e1a,transparent 72%)}
  .fe-hero__cta,.fe-hero__secondary{min-height:60px}
}

@keyframes fe-rise{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}
@keyframes fe-fade{from{opacity:0}to{opacity:1}}
@keyframes fe-photo-in{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@keyframes fe-breathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes fe-scroll{0%{transform:translateY(-100%);opacity:0}30%{opacity:1}100%{transform:translateY(260%);opacity:0}}

/* Reduced motion: no entrance, no breathing/scroll loop; the light stage renders one static frame — final state shown immediately */
@media (prefers-reduced-motion:reduce){
  .fe-hero *,.fe-hero *::before,.fe-hero *::after{animation:none!important}
  .fe-hero__cta:hover,.fe-hero__cta:hover b{transform:none}
}