/* Only this home section is replaced; retain the original as an insertion sentinel. */
body.template-home #lets-about[data-lma-replaced] { display: none !important; }

#lets-about-editorial {
  --lma-ink: #0b0a09;
  --lma-text: #ffffff;
  --lma-muted: #ffffff;
  --lma-gold: #d2b71e;
  --lma-line: rgba(244, 239, 231, .12);
  --lma-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lma-gutter: clamp(1rem, .3rem + 3vw, 3rem);
  --lma-ease: cubic-bezier(.16, 1, .3, 1);
  position: relative;
  display: block;
  width: 100%;
  padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  margin: 0;
  overflow: hidden;
  background: var(--lma-ink);
  color: var(--lma-text);
  font: 400 1rem/1.6 var(--lma-body);
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
#lets-about-editorial *,
#lets-about-editorial *::before,
#lets-about-editorial *::after { box-sizing: border-box; }
#lets-about-editorial h2,
#lets-about-editorial p,
#lets-about-editorial figure,
#lets-about-editorial dl,
#lets-about-editorial dt,
#lets-about-editorial dd { margin: 0; padding: 0; }
#lets-about-editorial .lma-container { width: 100%; max-width: 1400px; margin-inline: auto; padding-inline: var(--lma-gutter); }
#lets-about-editorial .lma-grid { display: grid; gap: clamp(3rem, 2rem + 4vw, 6rem); align-items: center; }
#lets-about-editorial .lma-media { position: relative; min-width: 0; padding-bottom: 18%; padding-right: 22%; }
#lets-about-editorial .lma-img { display: block; overflow: hidden; background: #1f1b17; }
#lets-about-editorial .lma-img img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; }
#lets-about-editorial .lma-img-a { aspect-ratio: 4 / 5; }
#lets-about-editorial .lma-img-b {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 46%;
  aspect-ratio: 3 / 4;
  outline: clamp(6px, 1vw, 12px) solid var(--lma-ink);
}
#lets-about-editorial .lma-copy { min-width: 0; }
#lets-about-editorial .lma-heading { display: grid; width: fit-content; max-width: 100%; }
#lets-about-editorial .lma-ornament { display: grid; grid-template-columns: 64px 36px 64px; align-items: center; justify-content: center; gap: 14px; width: 194px; max-width: 100%; margin: 0 auto 1.25rem; color: #e3c255; }
#lets-about-editorial .lma-ornament::before,
#lets-about-editorial .lma-ornament::after { content: ""; display: block; width: 64px; height: 2px; background: currentColor; transform: translateY(10px); }
#lets-about-editorial .lma-crown { display: block; width: 36px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#lets-about-editorial .lma-crown .lma-crown-body,
#lets-about-editorial .lma-crown circle { fill: currentColor; stroke: none; }
#lets-about-editorial .lma-title {
  font-family: var(--lma-body);
  font-size: clamp(2.375rem, 1.4rem + 3.6vw, 4.75rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.015em;
  text-transform: none;
  text-wrap: balance;
  color: #e3c255;
}
#lets-about-editorial .lma-text { display: grid; gap: 1rem; margin-top: 2rem; max-width: 36rem; color: #ffffff; font-size: 1.125rem; line-height: 1.65; }
#lets-about-editorial .lma-text p { font: inherit; color: inherit; line-height: inherit; }
#lets-about-editorial .lma-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--lma-line); }
#lets-about-editorial .lma-stat { display: flex; min-width: 0; flex-direction: column-reverse; justify-content: flex-end; gap: .375rem; }
#lets-about-editorial .lma-stat dt { font-family: var(--lma-body); font-size: .75rem; font-weight: 400; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase; color: var(--lma-muted); }
#lets-about-editorial .lma-stat dd { font-family: var(--lma-body); font-size: clamp(1.75rem, 1.2rem + 2vw, 3rem); font-weight: 700; line-height: 1; font-variant-numeric: lining-nums tabular-nums; color: var(--lma-gold); white-space: nowrap; }
#lets-about-editorial .lma-stat dd small { margin-inline: .35rem; font-family: var(--lma-body); font-size: .75rem; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--lma-muted); vertical-align: middle; }

@media (min-width: 900px) {
  #lets-about-editorial .lma-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
}

@media (max-width: 359px) {
  #lets-about-editorial .lma-stat dd { font-size: 1.375rem; }
  #lets-about-editorial .lma-stat dd small { font-size: .625rem; margin-inline: .15rem; }
  #lets-about-editorial .lma-stat dt { font-size: .65rem; letter-spacing: .06em; }
}
/* Progressive enhancement: nothing is concealed until this section's JS is ready. */
#lets-about-editorial.lma-motion [data-lma-reveal] { transition: opacity .9s var(--lma-ease), transform .9s var(--lma-ease); transition-delay: calc(var(--lma-delay, 0) * 70ms); }
#lets-about-editorial.lma-motion [data-lma-reveal]:not(.lma-in) { opacity: 0; transform: translateY(28px); }
#lets-about-editorial.lma-motion [data-lma-reveal="clip"]:not(.lma-in) { opacity: 1; transform: none; }
#lets-about-editorial.lma-motion [data-lma-reveal="clip"] > * { clip-path: inset(0); transition: clip-path 1.2s var(--lma-ease), transform 1.6s var(--lma-ease); transition-delay: calc(var(--lma-delay, 0) * 90ms); }
#lets-about-editorial.lma-motion [data-lma-reveal="clip"]:not(.lma-in) > * { clip-path: inset(100% 0 0 0); }
#lets-about-editorial.lma-motion [data-lma-reveal="clip"]:not(.lma-in) img { transform: scale(1.2); }

@supports (animation-timeline: view()) and (view-timeline-name: --lma-photos) {
  @media (prefers-reduced-motion: no-preference) {
    #lets-about-editorial.lma-motion { view-timeline-name: --lma-photos; view-timeline-axis: block; }
    #lets-about-editorial.lma-motion .lma-img img { animation: lma-photo-drift linear both; animation-timeline: --lma-photos; animation-range: cover; }
    #lets-about-editorial.lma-motion .lma-img-b { animation: lma-photo-offset linear both; animation-timeline: --lma-photos; animation-range: cover; }
  }
}
/* The original scroll-driven photo movement and overlapping offset. */
@keyframes lma-photo-drift { from { translate: 0 -6%; scale: 1.14; } to { translate: 0 6%; scale: 1.14; } }
@keyframes lma-photo-offset { from { translate: 0 12%; } to { translate: 0 -12%; } }

@media (prefers-reduced-motion: reduce) {
  #lets-about-editorial [data-lma-reveal],
  #lets-about-editorial [data-lma-reveal] > *,
  #lets-about-editorial .lma-img,
  #lets-about-editorial .lma-img img { opacity: 1 !important; clip-path: none !important; transform: none !important; translate: none !important; scale: none !important; animation: none !important; transition: none !important; }
}

/* Center only the mobile copy and its decorative/stat elements. */
@media (max-width: 767px) {
  #lets-about-editorial .lma-copy { text-align: center; }
  #lets-about-editorial .lma-heading,
  #lets-about-editorial .lma-text { margin-inline: auto; }
  #lets-about-editorial .lma-stat { align-items: center; text-align: center; }
}