/* ov-trust-score — /trust-score overlap pass (2026-09-30). Page-scoped, loaded last.
   Composition: "three paths". A real Yellow check floats across the hero photo · the Green, Yellow
   and Red paths step down as cards into the photograph below · the two matter screenshots overlap
   corner to corner on one sand band · the FineShield note sits on an offset sand block · the
   closing card laps a photograph that runs off the left edge. 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 down-right, the Yellow check across the lower photo ---------- */
.d29 .ovt-hero{position:relative;isolation:isolate}
.d29 .ovt-hero::before{content:"";position:absolute;z-index:-1;right:-1.75rem;bottom:-1.75rem;width:62%;height:44%;border-radius:var(--radius-img);background:var(--ov-sand)}
.d29 .ovt-float{position:absolute;z-index:2;display:block;width:min(34rem,118%);left:-6rem;bottom:3.5rem}
.d29 .ovt-card{width:100%;border-radius:10px;background:#fff;padding:.5rem;box-shadow:var(--ov-shadow)}
@media (prefers-reduced-motion:no-preference){
  .d29 .ovt-float{animation:ovt-rise .9s var(--ease) .35s both}
  @keyframes ovt-rise{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
}

/* ---------- #paths: three cards stepping down into the photograph ---------- */
.d29 .ovt-paths{padding-bottom:0}
.d29 .ovt-paths .ts-levels{position:relative;z-index:2;align-items:start}
.d29 .ovt-paths .ts-level{background:var(--surface);border-top:0;border-radius:var(--radius);padding:1.75rem 1.75rem 2rem;box-shadow:var(--ov-shadow)}
.d29 .ovt-paths .ts-green{box-shadow:inset 0 3px 0 #2F7A4B,var(--ov-shadow)}
.d29 .ovt-paths .ts-yellow{box-shadow:inset 0 3px 0 #C48A12,var(--ov-shadow)}
.d29 .ovt-paths .ts-red{box-shadow:inset 0 3px 0 #B4412F,var(--ov-shadow)}
@media (min-width:701px){
  .d29 .ovt-paths .ts-yellow{margin-top:2.5rem}
  .d29 .ovt-paths .ts-red{margin-top:5rem}
}
.d29 .ovt-bleed{margin-top:-9rem;z-index:1}

/* ---------- #what-you-see: the two screenshots overlap on one sand band ---------- */
.d29 .ovt-seesec{border-top:0!important}
.d29 .ovt-see{position:relative;isolation:isolate;padding-block:clamp(2rem,1rem + 3vw,4rem)}
.d29 .ovt-see::before{content:"";position:absolute;z-index:-1;top:22%;bottom:18%;left:calc(-1 * var(--ov-bleed));right:calc(-1 * var(--ov-bleed));background:linear-gradient(90deg,var(--tint),var(--ov-sand))}
.d29 .ovt-see .panel{background:none;padding:0}
.d29 .ovt-see .panel .d29-shot{box-shadow:var(--ov-shadow)}
@media (min-width:961px){
  .d29 .ovt-see .ts-see:first-child .split-media{grid-column:6/-1}
  .d29 .ovt-see .ts-see.rev .split-media{grid-column:1/span 6;position:relative;z-index:2}
  .d29 .ovt-see .ts-see.rev .split-text{grid-column:8/span 5}
  .d29 .ovt-see .ts-see + .ts-see{margin-top:-2.5rem}
}

/* ---------- the FineShield note on an offset sand block ---------- */
.d29 .ovt-guide{background:var(--surface);border-radius:var(--radius);padding:clamp(1.5rem,1rem + 1.5vw,2.25rem);box-shadow:1.25rem 1.25rem 0 var(--ov-sand),var(--ov-shadow)}

/* ---------- close: the card laps a photograph that runs off the left edge ---------- */
.d29 .ovt-closewrap{position:relative;isolation:isolate;padding-block:clamp(3rem,2rem + 3vw,5rem)}
.d29 .ovt-close-p{position:absolute;z-index:-1;top:0;bottom:0;left:calc(-1 * var(--ov-bleed));width:calc(var(--ov-bleed) + 46%);display:block}
.d29 .ovt-close-p img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:0 var(--radius-img) var(--radius-img) 0;filter:sepia(.14) saturate(.8) contrast(.96) brightness(1.04)}
.d29 .ovt-close{margin-left:36%;box-shadow:var(--ov-shadow)}
.d29 .close:has(.ovt-closewrap){padding-top:calc(var(--section) - 2rem)}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .d29 .ovt-hero::before{right:-.5rem;bottom:-.75rem}
  .d29 .ovt-float{width:92%;left:auto;right:.75rem;bottom:-1.75rem}
  .d29 .ovt-bleed{margin-top:-5rem}
  .d29 .ovt-see::before{display:none}
  .d29 .ovt-see .ts-see + .ts-see{margin-top:var(--stack-l)}
  .d29 .ovt-closewrap{padding-block:0}
  .d29 .ovt-close-p{position:relative;left:auto;width:auto;margin-left:calc(-1 * var(--gutter));margin-right:15%}
  .d29 .ovt-close-p img{aspect-ratio:4/3;height:auto}
  .d29 .ovt-close{margin:-5rem 0 0 8%;position:relative}
}
@media (max-width:700px){
  .d29 .ovt-float{width:96%;right:.5rem}
  .d29 .ovt-card{padding:.25rem}
  .d29 .ovt-paths .ts-levels{row-gap:1rem}
  .d29 .ovt-bleed{margin-top:-3rem}
  .d29 .ovt-guide{box-shadow:.5rem .75rem 0 var(--ov-sand),var(--ov-shadow);margin-right:.5rem}
  .d29 .ovt-close{margin:-3.5rem 0 0 .75rem}
}