/* ov-fineprint-lm — /fineprint-lm overlap pass (2026-09-30). Page-scoped, loaded last.
   Composition: "the correction reaches the model". Hero photo with an AnswerLoop response card
   floating off its lower-left corner · the three-step chain as a white card over a photograph
   that runs off the right edge · the playbook screenshot panel sinking into the wide photo below ·
   a second small photograph lapping the record photo · closing card with a portrait standing
   out of its top and bottom. The lmh- constellation figure is untouched. Copy unchanged. */

.d29{--ov-shadow:0 0 0 1px rgba(0,0,0,.05),0 30px 60px -24px rgba(30,22,10,.35),0 12px 24px -12px rgba(30,22,10,.18);--ov-sand:#E9DFCC;
  --ov-bleed:max(var(--gutter),calc((100vw - var(--max)) / 2))}

/* ---------- hero: sand block offset up-left, response card off the lower-left corner ---------- */
.d29 .ovl-hero{position:relative;isolation:isolate}
.d29 .ovl-hero::before{content:"";position:absolute;z-index:-1;top:-1.5rem;left:-1.5rem;width:58%;height:46%;border-radius:var(--radius-img);background:var(--ov-sand)}
.d29 .ovl-float{position:absolute;z-index:2;display:block;width:min(26rem,82%);left:-5rem;bottom:-2.25rem}
.d29 .ovl-card{width:100%;border-radius:12px;background:#fff;box-shadow:var(--ov-shadow)}
@media (prefers-reduced-motion:no-preference){
  .d29 .ovl-float{animation:ovl-rise .9s var(--ease) .35s both}
  @keyframes ovl-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

/* ---------- #corrections: the chain as a card over a photo that runs off the right edge ---------- */
.d29 .ovl-corr{position:relative;isolation:isolate;padding-block:3.5rem}
.d29 .ovl-corr-p{position:absolute;z-index:-1;top:0;bottom:0;left:34%;right:calc(-1 * var(--ov-bleed))}
.d29 .ovl-corr-p img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;border-radius:var(--radius-img) 0 0 var(--radius-img);filter:sepia(.14) saturate(.8) contrast(.96) brightness(1.04)}
.d29 .ovl-corr .lm-chain{position:relative;width:78%;margin:0;background:var(--surface);border:0;border-radius:var(--radius);padding:.25rem 1.75rem;box-shadow:var(--ov-shadow)}
.d29 .ovl-corr .lm-chain>li:last-child{border-bottom:0}
@media (min-width:961px){.d29 .lm-split .split-media{padding-top:0}}

/* ---------- #why: the screenshot panel sinks into the wide photograph below ---------- */
.d29 #why{padding-bottom:2rem}
.d29 .lm-see{align-items:start;margin-bottom:-7.5rem}
.d29 .lm-see .panel{position:relative;z-index:2;margin-top:9.5rem;box-shadow:var(--ov-shadow);background:linear-gradient(160deg,var(--tint) 0%,var(--tint) 60%,var(--ov-sand) 100%)}
.d29 .ovl-ed{border-top:0!important;position:relative;z-index:1}
.d29 .ovl-ed .photo-wide{box-shadow:var(--ov-shadow)}

/* ---------- #data: a sand block behind, a small photograph lapping the lower-right corner ---------- */
.d29 .ovl-data{position:relative;isolation:isolate;padding:0 0 3.5rem}
.d29 .ovl-data::before{content:"";position:absolute;z-index:-1;top:-1.75rem;left:-1.75rem;width:46%;height:52%;border-radius:var(--radius-img);background:var(--ov-sand)}
.d29 .ovl-data-s{position:absolute;right:-3.5rem;bottom:0;width:44%;display:block}
.d29 .ovl-data-s img{width:100%;border-radius:12px;border:6px solid var(--bg);box-shadow:var(--ov-shadow);filter:sepia(.14) saturate(.8) contrast(.96) brightness(1.04)}

/* ---------- close: words left, a portrait standing out of the card's top and bottom ---------- */
.d29 .ovl-close{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center;text-align:left;padding:0 clamp(2rem,1rem + 4vw,5rem);overflow:visible}
.d29 .ovl-close-t{padding-block:clamp(3rem,2rem + 4vw,6rem)}
.d29 .ovl-close .h2{margin-inline:0}
.d29 .ovl-close p{margin-inline:0}
.d29 .ovl-close .d29-cta-row{justify-content:flex-start}
.d29 .ovl-close-p{display:block;align-self:stretch;margin:-3.5rem 0}
.d29 .ovl-close-p img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;border-radius:var(--radius-img);box-shadow:var(--ov-shadow);filter:sepia(.14) saturate(.8) contrast(.96) brightness(1.04)}
.d29 .close:has(.ovl-close){padding-top:calc(var(--section) + 1.5rem)}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .d29 .ovl-hero::before{top:-.75rem;left:-.5rem}
  .d29 .ovl-float{width:min(20rem,72%);left:auto;right:1rem;bottom:-2rem}
  .d29 .hero-grid:has(.ovl-hero){row-gap:var(--stack-l)}
  .d29 .ovl-corr .lm-chain{width:86%}
  .d29 .lm-see{margin-bottom:-4rem}
  .d29 .lm-see .panel{margin-top:0}
  .d29 .ovl-data-s{right:-.5rem;width:40%}
  .d29 .ovl-close{grid-template-columns:1fr;gap:0;padding:0 clamp(1.5rem,1rem + 3vw,3rem)}
  .d29 .ovl-close-p{grid-row:1;margin:-2.5rem 0 0}
  .d29 .ovl-close-p img{aspect-ratio:3/2;height:auto}
  .d29 .ovl-close-t{padding-block:2.5rem 3rem}
}
@media (max-width:700px){
  .d29 .ovl-float{width:78%;right:.75rem}
  .d29 .ovl-corr{padding-block:2.5rem 0}
  .d29 .ovl-corr-p{left:18%;bottom:auto;height:62%}
  .d29 .ovl-corr .lm-chain{width:92%;padding:.25rem 1.25rem}
  .d29 .lm-see{margin-bottom:-3rem}
  .d29 .ovl-data{padding-bottom:2.5rem}
  .d29 .ovl-data::before{display:none}
  .d29 .ovl-data-s{right:.5rem;width:46%}
  .d29 .ovl-data-s img{border-width:4px}
}