/* ==========================================================================
   AA PROFILE — the About page (inc/aa-profile.php)
   Loaded on /about/ only, after aa-system.css. 1rem = 10px.

   Seven sections, seven compositions: an editorial opening with an
   at-a-glance card, a split statement with an overlap diagram, a divided
   capability band, a numbered operating line, offset capability columns, a
   project spotlight, and a closing contact panel.

   Logical properties throughout, so the Arabic edition mirrors without
   direction-specific rules except where a gradient has an angle.
   ========================================================================== */

.aa-pf {
  --pf-live: #4FC79B;
  --pf-ground: #212428;
  color: var(--color-body);
}
body.white-version .aa-pf { --pf-live: #0D7052; --pf-ground: #ecf0f3; }
/* Same reasoning as the article: secondary text at 4.3:1 on the page ground
   and under 4:1 on the contact panel; this tone clears 4.5:1 on both. */
body:not(.white-version) .aa-pf { --color-body: #a1a8b3; }
.aa-pf h2, .aa-pf h3 { color: var(--color-heading); }
.aa-pf p, .aa-pf li, .aa-pf dd, .aa-pf dt { font-size: inherit; }
.aa-pf li { margin: 0; }
.aa-pf .aa-ico { width: 22px; height: 22px; display: block; flex: none; }
[dir="rtl"] .aa-pf .aa-pf-arrow { transform: scaleX(-1); }

.aa-pf-head { max-width: 780px; margin-bottom: clamp(26px, 4vw, 44px); }
.aa-pf-head .aa-sec__h2 { margin: 0; }
.aa-pf-head--split { max-width: none; display: grid; gap: 14px 48px; align-items: end; }
@media (min-width: 900px) { .aa-pf-head--split { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }
.aa-pf-head__lede { margin: 0; font-size: 1.7rem; line-height: 1.7; max-width: 52ch; }

/* --------------------------------------------------------------- 1. hero -- */
.aa-pf-hero {
  display: grid;
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  padding-block: clamp(8px, 2vw, 24px) clamp(8px, 2vw, 20px);
}
@media (min-width: 980px) { .aa-pf-hero { grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr); } }
.aa-pf-hero__kicker span { opacity: .6; }
.aa-pf .aa-pf-hero__h1 {
  font-size: clamp(3.4rem, 2.3rem + 3.4vw, 6.2rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.03em;
  text-wrap: balance;
  margin: 0 0 .5em;
  max-width: 20ch;
}
[dir="rtl"] .aa-pf .aa-pf-hero__h1 { letter-spacing: 0; line-height: 1.32 !important; max-width: 18ch; }
.aa-pf-hero__lede {
  font-size: clamp(1.75rem, 1.6rem + .45vw, 2.1rem);
  line-height: 1.7;
  max-width: 56ch;
  margin: 0 0 2.6rem;
}
.aa-pf-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }

.aa-pf-card {
  position: relative;
  padding: clamp(20px, 2.6vw, 28px);
  border-radius: var(--aa-r-lg);
  border: 1px solid var(--aa-line);
  background:
    linear-gradient(160deg, color-mix(in srgb, var(--aa-accent) 9%, transparent), transparent 55%),
    var(--aa-surface);
  box-shadow: var(--aa-shadow-2);
}
[dir="rtl"] .aa-pf-card { background: linear-gradient(200deg, color-mix(in srgb, var(--aa-accent) 9%, transparent), transparent 55%), var(--aa-surface); }
.aa-pf-card__head {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  margin: 0 0 8px;
  font-size: 1.25rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-body);
}
[dir="rtl"] .aa-pf-card__head { letter-spacing: 0; font-size: 1.4rem; }
.aa-pf-card__live {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 3px 10px; border-radius: var(--aa-r-pill);
  background: color-mix(in srgb, var(--pf-live) 12%, transparent);
  color: var(--color-heading); letter-spacing: .04em; text-transform: none; font-size: 1.25rem;
}
.aa-pf-card__live span { width: 7px; height: 7px; border-radius: 50%; background: var(--pf-live); }
.aa-pf-card__list { margin: 0; }
.aa-pf-card__list > div {
  display: grid; grid-template-columns: 9.5em minmax(0, 1fr); gap: 12px;
  padding-block: 12px;
  border-top: 1px solid var(--aa-line);
}
.aa-pf-card__list > div:first-child { border-top: 0; }
.aa-pf-card__list dt { margin: 0; font-size: 1.35rem; color: var(--color-body); }
.aa-pf-card__list dd { margin: 0; font-size: 1.45rem; line-height: 1.5; color: var(--color-heading); font-weight: 500; }
@media (max-width: 400px) { .aa-pf-card__list > div { grid-template-columns: 1fr; gap: 2px; } }
.aa-pf-card__open {
  margin: 8px 0 0; padding-top: 14px;
  border-top: 1px dashed color-mix(in srgb, var(--aa-accent) 40%, var(--aa-line));
  font-size: 1.4rem; line-height: 1.55; color: var(--color-heading);
}

/* ----------------------------------------------------------- 2. position -- */
.aa-pf-pos { display: grid; gap: clamp(28px, 5vw, 80px); align-items: start; }
@media (min-width: 960px) { .aa-pf-pos { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); } }
.aa-pf .aa-pf-pos__statement {
  font-size: clamp(2.8rem, 2rem + 2.3vw, 4.6rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0 0 clamp(24px, 4vw, 44px);
}
[dir="rtl"] .aa-pf .aa-pf-pos__statement { letter-spacing: 0; line-height: 1.4 !important; }
.aa-pf-pos__body { font-size: clamp(1.65rem, 1.58rem + .25vw, 1.85rem); line-height: 1.85; }
@media (min-width: 960px) { .aa-pf-pos__body { padding-top: 3.2rem; } }
.aa-pf-pos__body p { margin: 0 0 1.15em; max-width: 60ch; }
.aa-pf-pos__body p:last-child { margin-bottom: 0; color: var(--color-heading); }
.aa-pf-pos__first { font-size: 1.12em; color: var(--color-heading); }

/* the overlap diagram: three circles and the shared middle */
.aa-pf-venn {
  position: relative;
  width: min(100%, 340px);
  aspect-ratio: 1 / .93;
  margin: 0;
}
.aa-pf-venn__c {
  position: absolute;
  width: 58%; aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--aa-accent) 55%, transparent);
  background: color-mix(in srgb, var(--aa-accent) 7%, transparent);
  display: grid;
  font-size: 1.25rem; font-weight: 600; line-height: 1.3; color: var(--color-heading);
  text-align: center;
}
.aa-pf-venn__c span { padding: 0 14%; }
.aa-pf-venn__c--1 { inset-inline-start: 0; top: 0; }
.aa-pf-venn__c--1 span { align-self: start; padding-top: 30%; padding-inline-end: 34%; }
.aa-pf-venn__c--2 { inset-inline-end: 0; top: 0; border-color: color-mix(in srgb, var(--pf-live) 55%, transparent); background: color-mix(in srgb, var(--pf-live) 6%, transparent); }
.aa-pf-venn__c--2 span { align-self: start; padding-top: 30%; padding-inline-start: 34%; }
.aa-pf-venn__c--3 { left: 21%; bottom: 0; border-color: color-mix(in srgb, var(--color-heading) 30%, transparent); background: color-mix(in srgb, var(--color-heading) 4%, transparent); }
.aa-pf-venn__c--3 span { align-self: end; padding-bottom: 20%; }
.aa-pf-venn__core {
  position: absolute; left: 50%; top: 47%;
  transform: translate(-50%, -50%);
  padding: 6px 12px; border-radius: var(--aa-r-pill);
  background: var(--color-heading); color: var(--pf-ground);
  font-size: 1.2rem; font-weight: 700; white-space: nowrap;
}
/* the circles slide together; only position moves, so the labels are always
   at full contrast, including mid-animation */
.aa-pf.is-js .aa-pf-venn__c { transition: transform 1s var(--aa-ease); }
.aa-pf.is-js .aa-pf-venn:not(.is-in) .aa-pf-venn__c--1 { transform: translate3d(-10%, -6%, 0); }
.aa-pf.is-js .aa-pf-venn:not(.is-in) .aa-pf-venn__c--2 { transform: translate3d(10%, -6%, 0); }
.aa-pf.is-js .aa-pf-venn:not(.is-in) .aa-pf-venn__c--3 { transform: translate3d(0, 10%, 0); }

/* -------------------------------------------------------------- 3. band --- */
.aa-pf-band {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--aa-line);
  border-radius: var(--aa-r-lg);
  overflow: hidden;
  background: var(--aa-surface);
}
@media (min-width: 620px) { .aa-pf-band { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 980px) { .aa-pf-band { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* each cell draws the divider after it and below it; the frame clips the
   outer edge, so the grid reads as one ruled band in either direction */
.aa-pf-band li {
  position: relative; min-width: 0;
  padding: clamp(22px, 3vw, 34px);
  box-shadow: 1px 0 0 var(--aa-line), -1px 0 0 var(--aa-line), 0 1px 0 var(--aa-line);
  transition: background var(--aa-dur) var(--aa-ease);
}
.aa-pf-band li:hover { background: color-mix(in srgb, var(--aa-accent) 5%, transparent); }
.aa-pf-band__ico {
  display: grid; place-items: center;
  width: 46px; height: 46px; border-radius: 12px; margin-bottom: 18px;
  color: var(--aa-accent);
  background: color-mix(in srgb, var(--aa-accent) 12%, transparent);
}
.aa-pf-band h3 { font-size: 2rem !important; line-height: 1.3 !important; margin: 0 0 .45em; }
.aa-pf-band p { margin: 0; font-size: 1.5rem; line-height: 1.65; }

/* ------------------------------------------------------------ 4. method --- */
.aa-pf-steps {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 0;
  position: relative;
}
.aa-pf-steps li { position: relative; min-width: 0; }
.aa-pf-steps__n {
  display: grid; place-items: center;
  width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--aa-accent) 50%, var(--aa-line));
  background: var(--pf-ground);
  color: var(--aa-accent);
  font-size: 1.3rem; font-weight: 700; font-variant-numeric: tabular-nums;
  position: relative; z-index: 1;
}
.aa-pf-steps h3 { font-size: 1.9rem !important; line-height: 1.3 !important; margin: 14px 0 .4em; }
.aa-pf-steps p { margin: 0; font-size: 1.45rem; line-height: 1.6; }
.aa-pf .aa-pf-steps__out {
  margin-top: 12px;
  display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: baseline;
  font-size: 1.3rem; color: var(--color-heading);
}
.aa-pf-steps__out span {
  font-size: 1.1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pf-live);
}
[dir="rtl"] .aa-pf-steps__out span { letter-spacing: 0; font-size: 1.25rem; }

/* phone: vertical line */
@media (max-width: 759.98px) {
  .aa-pf-steps { padding-inline-start: 58px; }
  .aa-pf-steps::before {
    content: ""; position: absolute; inset-block: 20px; inset-inline-start: 20px; width: 1px;
    background: linear-gradient(var(--aa-accent), var(--aa-line));
  }
  .aa-pf-steps li { padding-bottom: 28px; }
  .aa-pf-steps li:last-child { padding-bottom: 0; }
  .aa-pf-steps__n { position: absolute; inset-inline-start: -58px; top: 0; }
  .aa-pf-steps h3 { margin-top: 6px; }
}
/* tablet: three columns; desktop: one line of six */
@media (min-width: 760px) {
  .aa-pf-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; }
  .aa-pf-steps li::before {
    content: ""; position: absolute; top: 21px; height: 1px;
    inset-inline: 42px -28px;
    background: var(--aa-line);
  }
  .aa-pf-steps li:nth-child(3n)::before { display: none; }
}
@media (min-width: 1180px) {
  .aa-pf-steps { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0 22px; }
  .aa-pf-steps li::before { inset-inline-end: -22px; }
  .aa-pf-steps li:nth-child(3n)::before { display: block; }
  .aa-pf-steps li:last-child::before { display: none; }
}

/* ------------------------------------------------------ 5. capabilities --- */
.aa-pf-caps__grid { display: grid; gap: clamp(14px, 2vw, 22px); align-items: start; }
@media (min-width: 640px) { .aa-pf-caps__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
  .aa-pf-caps__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .aa-pf-cap:nth-child(even) { margin-top: 44px; }
}
.aa-pf-cap {
  min-width: 0;
  padding: clamp(20px, 2.4vw, 26px);
  border-radius: var(--aa-r-lg);
  border: 1px solid var(--aa-line);
  border-top: 3px solid var(--aa-accent);
  background: var(--aa-surface);
}
.aa-pf-cap:nth-child(2) { border-top-color: var(--pf-live); }
.aa-pf-cap:nth-child(3) { border-top-color: color-mix(in srgb, var(--color-heading) 60%, transparent); }
.aa-pf-cap:nth-child(4) { border-top-color: color-mix(in srgb, var(--aa-accent) 60%, var(--pf-live)); }
.aa-pf-cap h3 {
  display: flex; align-items: baseline; gap: 10px;
  font-size: 1.9rem !important; line-height: 1.3 !important; margin: 0 0 14px;
}
.aa-pf-cap h3 span { font-size: 1.2rem; font-weight: 700; color: var(--aa-accent); font-variant-numeric: tabular-nums; flex: none; white-space: nowrap; }
.aa-pf-cap ul { list-style: none; margin: 0; padding: 0; }
.aa-pf-cap li {
  padding-block: 9px; font-size: 1.45rem; line-height: 1.5;
  border-top: 1px solid var(--aa-line);
}
.aa-pf-cap li:first-child { border-top: 0; padding-top: 0; }

.aa-pf-caps__foot {
  display: grid; gap: clamp(20px, 3vw, 36px);
  margin-top: clamp(28px, 4vw, 48px);
  padding-top: clamp(24px, 3vw, 32px);
  border-top: 1px solid var(--aa-line);
}
@media (min-width: 960px) { .aa-pf-caps__foot { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.aa-pf-role h3, .aa-pf-tools h3 { font-size: 1.6rem !important; line-height: 1.4 !important; margin: 0 0 12px; }
.aa-pf-role h3 span { display: block; font-size: 1.35rem; font-weight: 500; color: var(--color-body); margin-top: 2px; }
.aa-pf-role ul, .aa-pf-tools ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.aa-pf-role li, .aa-pf-tools li {
  display: inline-flex; align-items: center; min-height: 34px;
  padding: 6px 12px; border-radius: var(--aa-r-pill);
  border: 1px solid var(--aa-line); font-size: 1.3rem; color: var(--color-heading);
}
.aa-pf-tools ul { justify-content: flex-start; }
[dir="rtl"] .aa-pf-tools ul { justify-content: flex-end; }
.aa-pf-tools li { background: var(--aa-surface); font-family: var(--font-primary, inherit); }

/* ---------------------------------------------------------- 6. projects --- */
.aa-pf-proj__grid { display: grid; gap: clamp(14px, 2vw, 22px); }
@media (min-width: 980px) { .aa-pf-proj__grid { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); } }

.aa-pf-spot {
  position: relative;
  display: grid; gap: 20px;
  padding: clamp(22px, 3.2vw, 40px);
  padding-block-end: 0;
  border-radius: clamp(20px, 2.6vw, 28px);
  border: 1px solid color-mix(in srgb, var(--pf-live) 30%, var(--aa-line));
  background:
    radial-gradient(90% 90% at 100% 100%, color-mix(in srgb, var(--pf-live) 14%, transparent), transparent 65%),
    var(--aa-surface-2);
  overflow: hidden;
}
[dir="rtl"] .aa-pf-spot {
  background: radial-gradient(90% 90% at 0% 100%, color-mix(in srgb, var(--pf-live) 14%, transparent), transparent 65%), var(--aa-surface-2);
}
@media (min-width: 640px) { .aa-pf-spot { grid-template-columns: minmax(0, 1fr) clamp(170px, 30%, 240px); } }
.aa-pf-spot__text { padding-block-end: clamp(22px, 3.2vw, 40px); }
.aa-pf .aa-pf-spot__label {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px;
  font-size: 1.3rem; font-weight: 600; color: var(--color-heading);
}
.aa-pf-spot__label span { width: 8px; height: 8px; border-radius: 50%; background: var(--pf-live); }
.aa-pf-spot h3 { font-size: clamp(2.8rem, 2.2rem + 1.6vw, 4rem) !important; line-height: 1.1 !important; margin: 0 0 18px; }
.aa-pf-spot dl { margin: 0 0 22px; display: grid; gap: 14px; }
.aa-pf-spot dt { font-size: 1.15rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aa-accent); margin-bottom: 4px; }
[dir="rtl"] .aa-pf-spot dt { letter-spacing: 0; font-size: 1.3rem; }
.aa-pf-spot dd { margin: 0; font-size: 1.6rem; line-height: 1.65; color: var(--color-heading); max-width: 54ch; }
.aa-pf-spot__actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.aa-pf-spot__phone {
  align-self: end;
  max-height: 380px; overflow: hidden;
  padding: 6px 6px 0;
  border-radius: 30px 30px 0 0;
  background: linear-gradient(160deg, #26303b, #0c1116 60%);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7);
  transform: translateY(8px);
}
.aa-pf-spot__phone img { display: block; width: 100%; height: auto; border-radius: 24px 24px 0 0; }
@media (max-width: 639.98px) { .aa-pf-spot__phone { max-width: 230px; margin-inline: auto; max-height: 280px; } }

.aa-pf-proj__more { display: grid; gap: clamp(14px, 2vw, 22px); align-content: start; }
.aa-pf-mini {
  padding: clamp(20px, 2.4vw, 26px);
  border-radius: var(--aa-r-lg);
  border: 1px solid var(--aa-line);
  background: var(--aa-surface);
}
.aa-pf-mini h3 { font-size: 2.1rem !important; line-height: 1.2 !important; margin: 0 0 4px; }
.aa-pf .aa-pf-mini__tag { font-size: 1.3rem; color: var(--aa-accent); margin: 0 0 10px; font-weight: 600; }
.aa-pf-mini p { margin: 0; font-size: 1.5rem; line-height: 1.6; }
.aa-pf .aa-pf-mini__actions { margin-top: 12px; }
.aa-pf-mini__actions a, .aa-pf-all { display: inline-flex; align-items: center; gap: 8px; }
.aa-pf-mini__actions .aa-ico, .aa-pf-all .aa-ico { width: 16px; height: 16px; }
.aa-pf-all {
  justify-content: space-between;
  min-height: 56px; padding: 14px 20px;
  border-radius: var(--aa-r-lg);
  border: 1px dashed var(--aa-line);
  color: var(--color-heading) !important; font-weight: 600; font-size: 1.5rem; text-decoration: none !important;
  transition: border-color var(--aa-dur) var(--aa-ease), background var(--aa-dur) var(--aa-ease);
}
.aa-pf-all:hover { border-color: var(--aa-accent); background: var(--aa-surface); }
.aa-pf-all:hover .aa-ico { transform: translateX(3px); }
[dir="rtl"] .aa-pf-all:hover .aa-ico { transform: scaleX(-1) translateX(3px); }

/* ----------------------------------------------------------- 7. contact --- */
.aa-pf-contact {
  scroll-margin-top: 100px;
  display: grid; gap: clamp(24px, 4vw, 56px); align-items: center;
  padding: clamp(28px, 5vw, 64px);
  border-radius: clamp(22px, 3vw, 34px);
  border: 1px solid var(--aa-line);
  background:
    radial-gradient(70% 120% at 0% 0%, color-mix(in srgb, var(--aa-accent) 16%, transparent), transparent 60%),
    var(--aa-surface);
}
[dir="rtl"] .aa-pf-contact {
  background: radial-gradient(70% 120% at 100% 0%, color-mix(in srgb, var(--aa-accent) 16%, transparent), transparent 60%), var(--aa-surface);
}
@media (min-width: 960px) { .aa-pf-contact { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }
.aa-pf .aa-pf-contact__h2 {
  font-size: clamp(2.8rem, 2rem + 2.2vw, 4.4rem) !important;
  line-height: 1.12 !important; letter-spacing: -.02em; margin: 0 0 .5em; text-wrap: balance;
}
[dir="rtl"] .aa-pf .aa-pf-contact__h2 { letter-spacing: 0; line-height: 1.4 !important; }
.aa-pf-contact__lead p { margin: 0; font-size: 1.7rem; line-height: 1.7; max-width: 46ch; }
.aa-pf-paths { list-style: none; margin: 0; padding: 0; }
.aa-pf-paths li {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 16px; align-items: center;
  padding-block: 18px;
  border-top: 1px solid var(--aa-line);
}
.aa-pf-paths li:first-child { border-top: 0; padding-top: 0; }
.aa-pf-paths li:last-child { padding-bottom: 0; }
@media (min-width: 600px) { .aa-pf-paths li { grid-template-columns: auto minmax(0, 1fr) auto; } }
.aa-pf-paths__ico {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
  color: var(--aa-accent); background: color-mix(in srgb, var(--aa-accent) 12%, transparent);
}
.aa-pf-paths h3 { font-size: 1.75rem !important; line-height: 1.3 !important; margin: 0 0 2px; }
.aa-pf-paths p { margin: 0; font-size: 1.4rem; line-height: 1.55; }
@media (max-width: 599.98px) { .aa-pf-paths .aa-btn { grid-column: 2; justify-self: start; margin-top: 6px; } }

/* ------------------------------------------------------------- motion ----- */
.aa-pf.is-js [data-lf-stagger] > * {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition: opacity .6s var(--aa-ease), transform .7s var(--aa-ease), background var(--aa-dur) var(--aa-ease);
  transition-delay: calc(var(--lf-i, 0) * 70ms), calc(var(--lf-i, 0) * 70ms), 0s;
}
.aa-pf.is-js [data-lf-stagger].is-in > * { opacity: 1; transform: none; }
@media (min-width: 1100px) {
  /* the offset columns keep their offset through the entrance */
  .aa-pf.is-js .aa-pf-caps__grid.is-in > .aa-pf-cap { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .aa-pf.is-js [data-lf-stagger] > *, .aa-pf.is-js .aa-pf-venn__c { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media print {
  .aa-pf.is-js [data-lf-stagger] > * { opacity: 1 !important; transform: none !important; }
}