/* lt-1007 — homepage on the Legal AI Team narrative (CL-1007). Page-scoped: only index.html links it,
   after hero-c and ov-index. Moments: a two-line statement hero with a real FineShield flag over the photo ·
   the two halves of the team as one light and one ink card, each with a real screen rising from its foot ·
   the close as the narrative's last line. 2026-10-07 founder edit: H1 "In the age of AI, every business needs
   a Legal AI Team."; price pill, risk section, price band and two-paths section removed. Review build, not released. */

.d29.lt{--lt-ink:#0C1A24;--lt-cream:#F2EDE3;--lt-soft:#C9C3B8;--lt-gold:#F4C77A}

/* ---------- hero: the idea in two lines ---------- */
.d29 .lt-hero .hx-h{font-size:clamp(2.5rem,1rem + 4.9vw,5.25rem);line-height:1.03}
.d29 .lt-hero{padding-bottom:calc(var(--section) + 2rem)}
.d29 .lt-hero-m .lt-hero-card{width:min(13.5rem,36%);left:-3.25rem;bottom:-5.5rem}
.d29 .lt-hero-m .lt-hero-card .ov-card{padding:0;background:none;border-radius:10px}

/* ---------- the turn: the bleed quote, with the division of labour under it ---------- */
.d29 .lt-turn .quote-big{max-width:24ch}
.d29 .bleed-quote .lt-turn-s{margin-top:var(--stack-m);font:600 clamp(1.125rem,1rem + .5vw,1.4375rem)/1.4 var(--sans);color:var(--lt-cream);padding-left:clamp(1.25rem,1rem + 1vw,2rem)}

/* ---------- the two halves: one light card, one ink card, a real screen rising from each foot ---------- */
.d29 .lt-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--col-gap);align-items:stretch}
.d29 .lt-half{display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:var(--surface);border:1px solid var(--rule);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:clamp(1.75rem,1rem + 2.2vw,3.25rem) clamp(1.75rem,1rem + 2.2vw,3.25rem) 0}
.d29 .lt-half .hp-card-top{margin-bottom:.25rem}
.d29 .lt-half .d29-picon{width:44px;height:44px;flex:none}
.d29 .lt-half .hp-card-id{display:grid;gap:.15rem}
.d29 .lt-half .card-k{font:600 var(--fs-eyebrow)/1.4 var(--sans);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--accent)}
.d29 .lt-half .hp-name{font:700 1.0625rem/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.d29 .lt-half h3{font:400 clamp(1.75rem,1.3rem + 1.3vw,2.5rem)/1.1 var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;max-width:20ch}
.d29 .lt-half > p{max-width:44ch;text-wrap:pretty}
.d29 .lt-half .d29-tlink{align-self:flex-start}
.d29 .lt-shot{margin-top:auto;padding-top:1.5rem;display:block}
.d29 .lt-shot img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:0 0;border-radius:12px 12px 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 -10px 40px -18px rgba(20,20,20,.28)}
.d29 .lt-half-ink{background:var(--lt-ink);border-color:var(--lt-ink);color:var(--lt-soft)}
.d29 .lt-half-ink h3,.d29 .lt-half-ink .hp-name{color:var(--lt-cream)}
.d29 .lt-half-ink .card-k{color:var(--lt-gold)}
.d29 .lt-half-ink .d29-tlink{color:var(--lt-cream);border-bottom-color:rgba(255,255,255,.3)}
.d29 .lt-half-ink .d29-tlink:hover{border-bottom-color:var(--lt-cream)}
.d29 .lt-half-ink .hp-chips li{background:transparent;border-color:rgba(255,255,255,.18);color:var(--lt-soft)}
.d29 .lt-half-ink .lt-shot img{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 -10px 40px -18px rgba(0,0,0,.6)}

/* ---------- close ---------- */
.d29 .hp-close-t .lt-close-h{font-size:clamp(2rem,1.45rem + 1.9vw,3.375rem);line-height:1.08}
.d29 .lt-ours{margin:calc(-1 * var(--stack-m) + 1rem) 0 var(--stack-m);font:italic 400 clamp(2.5rem,1.6rem + 3vw,4.75rem)/1 var(--serif);letter-spacing:-.02em;color:var(--accent)}

/* ---------- responsive ---------- */
@media (min-width:961px) and (max-width:1180px){
  .d29 .lt-hero-m .lt-hero-card{width:min(11.5rem,34%);left:-2rem}
}
@media (max-width:960px){
  .d29 .lt-hero .hx-l{display:block}
  .d29 .lt-hero-m .lt-hero-card{width:min(10rem,34%);left:.75rem;bottom:-4rem}
  .d29 .lt-duo{grid-template-columns:1fr;max-width:40rem;margin-inline:auto}
}