/*
  Legacy family (G7) — the six pages Figma page 12 converted from the legacy 13-page set
  (design source dist/: index.html + app.js + styles.css + approved-system.css):
  /content-geo-seo, /citadel-platform, /human-wizards, /use-cases, /playbooks, /industries.

  The source palette is mapped onto the R2.1 tokens by role:
    --bg → bg/primary · --bg-2 → bg/secondary · --panel → bg/card · --panel-2 → bg/card-hover
    --text → text/primary · --muted → text/secondary · --faint → text/muted
    --gold → accent/gold · --gold-2 → accent/gold-light · --blue → accent/energy · --green → state/success
    --line → border/line · --line-strong → accent/gold at 52% · --wash → bg/soft · --shadow → shadow/panel
  The approved system squares every corner (radius 0) — kept. Chips stay pill-shaped as in the frame.

  Shared section patterns, written once and used by all six pages:
    .lg-hero · .lg-section(--alt) · .lg-head · .lg-stats · .lg-grid + .lg-card · .lg-feature + .lg-checks
    .lg-steps · .lg-pricing + .lg-price · .lg-quote · .lg-cta
  Page-specific blocks: .lg-arch (citadel), .lg-portrait + .lg-roles (human wizards),
    .lg-library-bar + .lg-chip (use cases).
*/

.page-legacy {
  --lg-pad-y: calc(var(--aw-space-24) + var(--aw-space-4));   /* 112 — source .section padding */
  --lg-line-strong: color-mix(in srgb, var(--aw-accent-gold) 52%, transparent);
}

/* ---------- Type ---------- */
.lg-eyebrow {
  display: block;
  font: 700 11px/1.4 var(--aw-font-display);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--aw-accent-gold);
}
.lg-display {
  font: 400 clamp(40px, 5vw, 78px)/1.06 var(--aw-font-display);
  letter-spacing: -0.035em;
  color: var(--aw-text-primary);
}
.lg-h2 {
  font: 400 clamp(32px, 4.1vw, 66px)/1.1 var(--aw-font-display);
  letter-spacing: -0.035em;
  color: var(--aw-text-primary);
}
.lg-accent {
  font-family: var(--aw-font-literary);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--aw-accent-gold-light);
}

/* ---------- Hero (full-bleed art, copy on the right) ---------- */
.lg-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 810px;
  overflow: hidden;
  background: var(--aw-bg-primary);
  border-bottom: 1px solid var(--aw-border-line);
}
.lg-hero__art { position: absolute; inset: 0; }
.lg-hero__art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lg-hero__art::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, var(--aw-bg-primary) 0%, transparent 28%),
    linear-gradient(0deg, var(--aw-bg-primary) 0%, transparent 28%),
    linear-gradient(90deg, transparent 52%, color-mix(in srgb, var(--aw-bg-primary) 42%, transparent) 100%);
}
.lg-hero > .wrap {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  padding-block: var(--aw-space-24) var(--aw-space-16);
}
.lg-hero__copy { width: min(625px, 43vw); }
.lg-hero h1, .lg-hero__lead, .lg-hero__meta { text-shadow: 0 2px 16px color-mix(in srgb, var(--aw-bg-primary) 80%, transparent); }  /* source: hero text-shadow, legibility over the art */
.lg-hero .lg-eyebrow { display: flex; align-items: center; gap: 13px; }
.lg-hero .lg-eyebrow::before { content: ""; width: 25px; height: 1px; background: currentColor; flex: none; }
.lg-hero h1 { margin: var(--aw-space-6) 0 28px; }
.lg-hero__lead {
  font: italic 400 21px/1.52 var(--aw-font-literary);
  color: color-mix(in srgb, var(--aw-text-primary) 78%, var(--aw-text-secondary));
}
.lg-hero .actions { margin-top: 45px; gap: var(--aw-space-3); }
.lg-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aw-space-2) var(--aw-space-6);
  margin-top: 44px;
  padding-top: 21px;
  border-top: 1px solid var(--aw-border-line);
  list-style: none;
  font-size: 12px;
  line-height: 1.68;
  color: var(--aw-text-secondary);
}
.lg-hero__meta li { display: flex; align-items: center; gap: var(--aw-space-2); }
.lg-hero__meta .icon { width: 11px; height: 11px; color: var(--aw-accent-gold); }
.lg-dot {
  width: 7px; height: 7px;
  flex: none;
  border-radius: var(--aw-radius-full);
  background: var(--aw-state-success);
  box-shadow: 0 0 14px var(--aw-state-success);
}

/* ---------- Sections ---------- */
.lg-section { position: relative; padding-block: var(--lg-pad-y); scroll-margin-top: var(--aw-space-4); }
.lg-section--alt {
  background: linear-gradient(180deg, var(--aw-bg-secondary), color-mix(in srgb, var(--aw-bg-secondary) 88%, var(--aw-bg-primary)));
}

/* Section head: title column + intro bottom-aligned on the right */
.lg-head {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.62fr);
  gap: var(--aw-space-6) clamp(var(--aw-space-8), 7vw, 108px);
  align-items: end;
  margin-bottom: 62px;
}
.lg-head .lg-h2 { margin-top: 18px; }
.lg-head > p { font-size: 17px; line-height: 1.68; color: var(--aw-text-secondary); }

/* ---------- Stats strip ---------- */
.lg-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--aw-border-line);
  background: color-mix(in srgb, var(--aw-bg-card) 80%, transparent);
}
.lg-stat { padding: clamp(var(--aw-space-6), 2.5vw, 38px); }
.lg-stat b {
  display: block;
  margin-bottom: 14px;
  font: 400 clamp(28px, 2.5vw, 38px)/1.1 var(--aw-font-display);
  color: var(--aw-accent-gold-light);
}
.lg-stat span { display: block; font-size: 14px; line-height: 1.68; color: var(--aw-text-secondary); }

/* ---------- Card grid ---------- */
.lg-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--aw-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.lg-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lg-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lg-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 360px;
  padding: 34px;
  border: 1px solid var(--aw-border-line);
  background:
    radial-gradient(closest-side, var(--aw-bg-soft), transparent 40%),
    color-mix(in srgb, var(--aw-bg-card) 82%, transparent);
}
.lg-grid--four .lg-card { min-height: 300px; }
.lg-card__icon { width: 76px; height: 76px; object-fit: contain; margin-bottom: 40px; }
.lg-card__num { font: 400 13px/1.2 var(--aw-font-display); letter-spacing: 0.16em; color: var(--aw-accent-gold); }
.lg-card h3 { margin: 21px 0 14px; font: 400 25px/1.25 var(--aw-font-display); color: var(--aw-text-primary); }
.lg-card .lg-eyebrow + h3 { margin-top: 34px; }
.lg-card p:not([class]) { font-size: 16px; line-height: 1.65; color: var(--aw-text-secondary); }
.lg-card__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 28px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--aw-accent-gold);
}
.lg-card__more .icon { width: 16px; height: 16px; transition: transform 0.15s ease; }
a.lg-card { height: 100%; transition: transform 0.25s ease, border-color 0.25s ease; }
.lg-feature__cta { margin-top: var(--aw-space-8); }
a.lg-card:hover { transform: translateY(-4px); border-color: var(--lg-line-strong); }
a.lg-card:hover .lg-card__more .icon { transform: translate(2px, -2px); }

/* Case / industry cards (wide) */
.lg-case h3 { font-size: clamp(26px, 2.25vw, 36px); line-height: 1.25; }
.lg-case__metric { margin-top: 14px; font: 400 56px/1.1 var(--aw-font-display); color: var(--aw-accent-gold); }
.lg-case__metric + p { margin-top: 5px; }
.lg-case__path, .lg-case__tags { font-size: 16px; line-height: 1.65; }
.lg-case__path { margin-top: 26px; color: var(--aw-text-primary); }
.lg-case__tags { margin-top: auto; padding-top: 34px; color: var(--aw-accent-gold); }

/* ---------- Feature band (art + copy) ---------- */
.lg-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  min-height: 720px;
  border: 1px solid var(--aw-border-line);
  background: var(--aw-bg-card);
}
.lg-feature__media { position: relative; min-height: 320px; overflow: hidden; background: var(--aw-bg-secondary); }
.lg-feature__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lg-feature__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 78px clamp(var(--aw-space-8), 6vw, 92px);
}
.lg-feature__copy h2, .lg-feature__title {
  margin: var(--aw-space-4) 0 var(--aw-space-6);
  font: 400 clamp(32px, 3.3vw, 52px)/1.1 var(--aw-font-display);
  letter-spacing: -0.035em;
  color: var(--aw-text-primary);
}
.lg-feature__copy > p:not([class]) { font-size: 17px; line-height: 1.68; color: var(--aw-text-secondary); }
.lg-checks { display: grid; gap: 13px; width: 100%; margin: 47px 0 32px; padding: 0; list-style: none; }
.lg-checks li {
  display: flex;
  align-items: center;
  gap: var(--aw-space-3);
  padding: 15px 0 16px;
  font-size: 16px;
  line-height: 1.68;
  color: var(--aw-text-primary);
}
.lg-checks .icon { width: 14px; height: 14px; color: var(--aw-accent-gold); }
.lg-checks:last-child { margin-bottom: 0; }

/* ---------- Steps ---------- */
.lg-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: lg-step;
  border-block: 1px solid var(--aw-border-line);
}
.lg-step { padding: 42px 30px; }
.lg-step::before {
  counter-increment: lg-step;
  content: "0" counter(lg-step);
  display: block;
  margin-bottom: 42px;
  font: 400 13px/1.2 var(--aw-font-display);
  letter-spacing: 0.16em;
  color: var(--aw-accent-gold);
}
.lg-step h3 { margin-bottom: var(--aw-space-3); font: 400 23px/1.2 var(--aw-font-display); color: var(--aw-text-primary); }
.lg-step p { font-size: 16px; line-height: 1.68; color: var(--aw-text-secondary); }

/* ---------- Pricing ---------- */
.lg-pricing {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lg-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px 42px 42px;
  border: 1px solid var(--aw-border-line);
  background: var(--aw-bg-card);
}
.lg-price--featured { border-color: var(--aw-accent-gold); box-shadow: var(--aw-shadow-panel); }
.lg-price h3 { margin-top: var(--aw-space-1); font: 400 28px/1.2 var(--aw-font-display); color: var(--aw-text-primary); }
.lg-price__amount { margin-top: 28px; font: 400 42px/1.3 var(--aw-font-display); color: var(--aw-accent-gold); }
.lg-price > p:not([class]) { font-size: 16px; line-height: 1.68; color: var(--aw-text-primary); }
.lg-price ul { width: 100%; margin: 28px 0; padding: 0; list-style: none; color: var(--aw-text-secondary); }
.lg-price li { padding-block: 10px; font-size: 16px; line-height: 1.68; }
.lg-price .btn { margin-top: auto; }

/* ---------- Quote ---------- */
.lg-quote { max-width: 1100px; margin-inline: auto; text-align: center; }
.lg-quote blockquote {
  margin: 26px 0 33px;
  font: italic 400 clamp(30px, 3.9vw, 60px)/1.24 var(--aw-font-literary);
  color: var(--aw-text-primary);
}
.lg-quote figcaption { font-size: 16px; line-height: 1.68; color: var(--aw-text-secondary); }

/* ---------- Closing CTA: dawn artwork band, light in both themes ---------- */
.lg-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 168px var(--aw-gutter) 171px;
  text-align: center;
  color: var(--aw-text-on-gold);
  border-bottom: 1px solid var(--aw-accent-gold);
}
.lg-cta__art { position: absolute; inset: 0; z-index: -1; }
.lg-cta__art img { width: 100%; height: 100%; object-fit: cover; }
.lg-cta__art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    var(--aw-text-on-image) 0%,
    color-mix(in srgb, var(--aw-text-on-image) 72%, transparent) 50%,
    color-mix(in srgb, var(--aw-text-on-image) 20%, transparent) 100%);
}
.lg-cta .lg-eyebrow { color: color-mix(in srgb, var(--aw-accent-on-image) 48%, var(--aw-text-on-gold)); }
.lg-cta h2 {
  max-width: 880px;
  margin: 20px auto 24px;
  font: 400 clamp(36px, 4.95vw, 76px)/1.02 var(--aw-font-display);
  letter-spacing: -0.04em;
  color: var(--aw-text-on-gold);
}
.lg-cta p:not([class]) {
  max-width: 620px;
  margin: 0 auto 32px;
  font-size: 18px;
  line-height: 1.68;
  color: color-mix(in srgb, var(--aw-text-on-gold) 74%, var(--aw-text-on-image));
}
.lg-cta :focus-visible { outline-color: var(--aw-text-on-gold); }

/* =====================================================================
   Page-specific blocks
   ===================================================================== */

/* Citadel: 8 governance layers, two rows of four */
.lg-arch {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lg-arch li {
  padding: 32px 30px 30px;
  border: 1px solid var(--aw-border-line);
  background: var(--aw-bg-card);
  font-size: 16px;
  line-height: 1.68;
  color: var(--aw-text-primary);
}
.lg-arch li:not(:nth-child(4n + 1)) { border-left: 0; }
.lg-arch strong { display: block; margin-bottom: var(--aw-space-1); font-weight: 700; color: var(--aw-accent-gold); }

/* Human wizards: guild portrait with caption (artwork, fixed dark) + role grid */
.lg-portrait {
  position: relative;
  border: 1px solid var(--aw-border-line);
  background: var(--aw-overlay-scrim);
}
.lg-portrait > img { width: 100%; height: auto; }
.lg-portrait__caption {
  position: absolute;
  left: 4%;
  bottom: 6%;
  width: 510px;
  max-width: calc(100% - 8%);
  padding: 48px 40px 40px;
  border: 1px solid color-mix(in srgb, var(--aw-accent-on-image) 50%, transparent);
  background: color-mix(in srgb, var(--aw-overlay-scrim) 90%, transparent);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--aw-text-on-image);
}
.lg-portrait__caption .lg-eyebrow { color: var(--aw-accent-on-image); }
.lg-portrait__caption h3 { margin: 18px 0 14px; font: 400 34px/1.2 var(--aw-font-display); }
.lg-portrait__caption p:not([class]) { font-size: 16px; line-height: 1.68; color: color-mix(in srgb, var(--aw-text-on-image) 78%, var(--aw-overlay-scrim)); }

.lg-roles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--aw-border-line);
  border-left: 1px solid var(--aw-border-line);
}
.lg-roles li {
  padding: 42px 35px 36px;
  border-right: 1px solid var(--aw-border-line);
  border-bottom: 1px solid var(--aw-border-line);
  background: var(--aw-bg-card);
}
.lg-roles small { font: 700 11px/1.2 var(--aw-font-display); letter-spacing: 0.18em; color: var(--aw-accent-gold); }
.lg-roles h3 { margin: 26px 0 10px; font: 400 22px/1.3 var(--aw-font-display); color: var(--aw-text-primary); }
.lg-roles p { font-size: 16px; line-height: 1.68; color: var(--aw-text-secondary); }

/* Use cases: filter chips + search */
.lg-library-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--aw-space-4) var(--aw-space-5);
  margin-bottom: 30px;
}
.lg-chips { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; }
.lg-chip {
  padding: 8px 15px;
  border: 1px solid var(--aw-border-line);
  border-radius: var(--aw-radius-full);
  background: var(--aw-bg-card);
  font-size: 13px;
  line-height: 1.68;
  white-space: nowrap;
  color: var(--aw-text-secondary);
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.lg-chip:hover { border-color: var(--lg-line-strong); color: var(--aw-text-primary); }
.lg-chip[aria-pressed="true"] { border-color: var(--aw-accent-gold-light); background: var(--aw-accent-gold-light); color: var(--aw-bg-primary); }
.lg-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 280px;
  max-width: 100%;
}
.lg-search input {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 14px;
  border: 1px solid var(--aw-border-line);
  border-radius: 0;
  background: color-mix(in srgb, var(--aw-bg-card) 70%, transparent);
  color: var(--aw-text-primary);
  font-size: 14px;
}
.lg-search input::placeholder { color: var(--aw-text-muted); }
.lg-search input:focus-visible { outline: 2px solid var(--aw-accent-gold-light); outline-offset: 2px; }
.lg-search .icon { position: absolute; right: 12px; width: 16px; height: 16px; color: var(--aw-accent-gold); pointer-events: none; }
.lg-empty {
  padding: 34px;
  border: 1px dashed var(--aw-border-line);
  color: var(--aw-text-secondary);
}
.lg-empty[hidden], .lg-card[hidden] { display: none; }

/* =====================================================================
   Responsive — restructured, not scaled
   ===================================================================== */

@media (max-width: 1279px) {
  .lg-hero__copy { width: min(560px, 52vw); }
  .lg-hero__art::after {
    background:
      linear-gradient(0deg, var(--aw-bg-primary) 0%, transparent 28%),
      linear-gradient(90deg, transparent 20%, color-mix(in srgb, var(--aw-bg-primary) 72%, transparent) 48%, color-mix(in srgb, var(--aw-bg-primary) 86%, transparent) 100%);
  }
  .lg-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg-feature { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lg-price { padding: 40px 30px 32px; }
  .lg-portrait__caption { position: relative; left: auto; bottom: auto; width: auto; max-width: none; border-width: 1px 0 0; backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--aw-overlay-scrim); }
}

@media (max-width: 1023px) {
  .page-legacy { --lg-pad-y: var(--aw-space-20); }

  /* Hero: art on top, copy below it over a bottom fade */
  .lg-hero { display: block; min-height: 0; }
  .lg-hero__art { bottom: auto; height: min(70vw, 560px); }
  .lg-hero__art img { object-position: 30% center; }
  .lg-hero__art::after {
    background: linear-gradient(0deg, var(--aw-bg-primary) 0%, color-mix(in srgb, var(--aw-bg-primary) 55%, transparent) 30%, transparent 70%);
  }
  .lg-hero > .wrap { display: block; padding-block: calc(min(70vw, 560px) - var(--aw-space-20)) var(--aw-space-14); }
  .lg-hero__copy { width: auto; max-width: 640px; }

  .lg-head { grid-template-columns: minmax(0, 1fr); gap: var(--aw-space-5); margin-bottom: var(--aw-space-10); }
  .lg-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg-stat:nth-child(-n + 2) { border-bottom: 1px solid var(--aw-border-line); }
  .lg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg-grid--two { grid-template-columns: minmax(0, 1fr); }
  .lg-card { min-height: 0; }

  .lg-feature { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .lg-feature__media { height: min(56vw, 420px); }
  .lg-feature--copy-first .lg-feature__media { order: -1; }
  .lg-feature__copy { padding: var(--aw-space-12) var(--aw-space-8); }

  .lg-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg-step:nth-child(-n + 2) { border-bottom: 1px solid var(--aw-border-line); }

  .lg-pricing { grid-template-columns: minmax(0, 1fr); max-width: 600px; }

  .lg-arch { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 0; }
  .lg-arch li { border-left: 1px solid var(--aw-border-line); }
  .lg-arch li:nth-child(even) { border-left: 0; }
  .lg-arch li:nth-child(n + 3) { border-top: 0; }

  .lg-roles { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .lg-cta { padding-block: var(--aw-space-24); }
  .lg-cta__art::after {
    background: linear-gradient(90deg,
      color-mix(in srgb, var(--aw-text-on-image) 92%, transparent) 0%,
      color-mix(in srgb, var(--aw-text-on-image) 80%, transparent) 60%,
      color-mix(in srgb, var(--aw-text-on-image) 55%, transparent) 100%);
  }
}

@media (max-width: 639px) {
  .page-legacy { --lg-pad-y: var(--aw-space-16); }
  .lg-hero__art { height: 92vw; }
  .lg-hero > .wrap { padding-block: calc(92vw - var(--aw-space-16)) var(--aw-space-12); }
  .lg-hero__lead { font-size: 19px; }
  .lg-hero .actions { margin-top: var(--aw-space-8); }
  .lg-hero .actions .btn { width: 100%; justify-content: center; }
  .lg-hero__meta { margin-top: var(--aw-space-8); }

  .lg-stats { grid-template-columns: minmax(0, 1fr); }
  .lg-stat { padding: var(--aw-space-5) var(--aw-space-6); border-bottom: 1px solid var(--aw-border-line); }
  .lg-stat:last-child { border-bottom: 0; }
  .lg-stat b { font-size: 32px; margin-bottom: var(--aw-space-2); }

  .lg-grid, .lg-grid--four { grid-template-columns: minmax(0, 1fr); }
  .lg-card { padding: 28px var(--aw-space-6); }
  .lg-card__icon { width: 64px; height: 64px; margin-bottom: var(--aw-space-6); }
  .lg-case__metric { font-size: 46px; }

  .lg-feature__copy { padding: var(--aw-space-10) var(--aw-space-6); }
  .lg-feature__copy .btn, .lg-price .btn { max-width: 100%; white-space: normal; }
  .lg-checks { margin-top: var(--aw-space-8); }

  .lg-steps { grid-template-columns: minmax(0, 1fr); }
  .lg-step { padding: 28px var(--aw-space-2); border-bottom: 1px solid var(--aw-border-line); }
  .lg-step:last-child { border-bottom: 0; }
  .lg-step::before { margin-bottom: var(--aw-space-5); }

  .lg-price { padding: 36px var(--aw-space-6) 28px; }

  .lg-arch { grid-template-columns: minmax(0, 1fr); }
  .lg-arch li { border-left: 1px solid var(--aw-border-line) !important; padding: 22px var(--aw-space-6); }
  .lg-arch li:nth-child(n + 2) { border-top: 0; }

  .lg-portrait__caption { padding: 28px var(--aw-space-6); }
  .lg-portrait__caption h3 { font-size: 26px; }
  .lg-roles { grid-template-columns: minmax(0, 1fr); }
  .lg-roles li { padding: 28px var(--aw-space-6); }

  .lg-library-bar { align-items: stretch; }
  .lg-search { width: 100%; }

  .lg-cta { padding-block: var(--aw-space-20); }
  .lg-cta p:not([class]) { font-size: 17px; }
}