/* Averya motion layer
   Four service films, one color register per service. The service headings
   stay editorial and monochrome; colour belongs to the films and data cards. */

:root{
  --mg-ease:cubic-bezier(.22,1,.36,1);
}

/* ── Four service registers ─────────────────────────────────────────────── */
#build{
  --pc:#2563eb;--motion-accent:#2563eb;--motion-accent-2:#0e7490;
  --motion-soft:#eaf2ff;--motion-deep:#091c48;--motion-rgb:37,99,235;
  --pg:linear-gradient(90deg,#0e7490,#2563eb 52%,#7dd3fc);
}
#growth{
  --pc:#d97706;--motion-accent:#d97706;--motion-accent-2:#c2410c;
  --motion-soft:#fff2df;--motion-deep:#3a1907;--motion-rgb:217,119,6;
  --pg:linear-gradient(90deg,#c2410c,#d97706 52%,#f59e0b);
}
#systems{
  --pc:#7c3aed;--motion-accent:#7c3aed;--motion-accent-2:#6d28d9;
  --motion-soft:#f0eaff;--motion-deep:#201046;--motion-rgb:124,58,237;
  --pg:linear-gradient(90deg,#6d28d9,#7c3aed 52%,#c084fc);
}
#secure{
  --pc:#059669;--motion-accent:#059669;--motion-accent-2:#047857;
  --motion-soft:#e6f8f0;--motion-deep:#082b22;--motion-rgb:5,150,105;
  --pg:linear-gradient(90deg,#047857,#059669 52%,#2dd4bf);
}

.deep-section .service-editorial-title,
.deep-section .service-editorial-title em,
.deep-section .service-editorial-title .word > span{
  color:var(--ink,#1d1d1f)!important;
  -webkit-text-fill-color:var(--ink,#1d1d1f)!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  background-size:auto!important;
  background-position:initial!important;
  filter:none!important;
  text-shadow:none!important;
  padding-bottom:0!important;
}
.deep-section .service-editorial-title{
  max-width:940px;
  font-family:var(--font-editorial,"Noto Serif Hebrew Averya","Noto Serif Hebrew",Georgia,serif);
  font-size:clamp(38px,5.25vw,70px);
  font-weight:640;
  font-optical-sizing:auto;
  font-style:normal;
  line-height:1.06;
  letter-spacing:-.047em;
  margin:18px 0 20px;
}
.deep-section .service-editorial-title em{
  font:inherit!important;
  letter-spacing:inherit!important;
}
.deep-section .pkg-head{max-width:980px;margin-bottom:clamp(30px,4vw,52px)}
.deep-section .deep-lead{max-width:760px}

/* One section accent connects each film and its approved bare icons. */
.deep-section .averya-bento .cap{--c:var(--motion-accent)!important}

/* ── Responsive behavior ─────────────────────────────────────────────── */
@media(max-width:900px){
  .deep-section .service-editorial-title{font-size:clamp(38px,8.4vw,60px)}
}
@media(max-width:620px){
  .deep-section{padding-block:58px}
  .deep-section .pkg-head{margin-bottom:24px}
  .deep-section .service-editorial-title{font-size:clamp(34px,9.8vw,46px);line-height:1.08;letter-spacing:-.044em;margin:13px 0 15px}
  .deep-section .deep-lead{font-size:16px;line-height:1.58}
  .deep-section .averya-bento{grid-template-columns:1fr;gap:13px}
  .deep-section .averya-bento .cap,.deep-section .averya-bento .cap.w3{padding:18px;border-radius:20px}
}