/* ov-about — /about overlap pass (2026-09-30). Page-scoped (front matter `css: … ov-about`),
   everything under .ov-ab. Copy untouched; no people are named or pictured as team members.
   Moments: a paper-stock block behind the hero portrait · a photo under "Where lawyers come in"
   over a tint band that starts at the screen edge · the Ide8 note as a card rising over a wide photo. */
.ov-ab{overflow-x:clip;--ov-sand:#E9DFCC;--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-ab picture{display:block}
.ov-ab picture img{display:block;width:100%;height:auto}

/* hero: a block of cotton-rag paper offset behind the portrait, a rule beside it */
.ov-ab .ov-ab-hm{position:relative;isolation:isolate}
.ov-ab .ov-ab-paper{position:absolute;z-index:-1;left:-2.25rem;bottom:-2.25rem;width:72%;height:48%}
.ov-ab .ov-ab-paper img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-img);filter:sepia(.6) saturate(1.15) brightness(1.03)}
.ov-ab .ov-ab-hm::after{content:"";position:absolute;right:-1.5rem;top:12%;width:1px;height:30%;background:var(--accent);opacity:.55}

/* where lawyers come in: photo under the heading, over a tint band from the screen edge */
.ov-ab .ov-ab-law .split-text{position:relative;isolation:isolate}
.ov-ab .ov-ab-law-p{position:relative;margin-top:var(--stack-l)}
.ov-ab .ov-ab-law-p::before{content:"";position:absolute;z-index:-1;top:2.5rem;bottom:-2.5rem;left:calc(-1 * var(--gutter) - max(0px,(100vw - var(--max) - 2 * var(--gutter)) / 2));right:3rem;background:var(--ov-sand);border-radius:0 var(--radius-img) var(--radius-img) 0}
.ov-ab .ov-ab-law-p img{aspect-ratio:3/2;object-fit:cover;object-position:70% 50%;border-radius:var(--radius-img);box-shadow:var(--ov-shadow)}
.ov-ab .ov-ab-law .split-media{padding-top:.5rem}
.ov-ab .ov-ab-law .rows > li{grid-template-columns:minmax(0,1fr)}
.ov-ab .ov-ab-law .rows p{max-width:var(--measure)}

/* Ide8: the note rises as a card over a wide photograph */
.ov-ab .ov-ab-ide8{border-top:0 !important;padding-top:var(--stack-l)}
.ov-ab .ov-ab-band{max-width:calc(var(--max) + 2 * var(--gutter) + 12rem);margin-inline:auto;padding-inline:clamp(0rem,-1rem + 3vw,3.5rem)}
.ov-ab .ov-ab-band img{aspect-ratio:21/8;object-fit:cover;object-position:50% 55%;border-radius:var(--radius-img)}
.ov-ab .ov-ab-ide8-c{position:relative;z-index:1;margin:calc(-1 * clamp(4rem,2rem + 7vw,10rem)) clamp(0rem,-2rem + 6vw,5rem) 0;background:var(--surface);border-radius:calc(var(--radius) + 6px);padding:clamp(2rem,1rem + 3vw,3.75rem);box-shadow:var(--ov-shadow);row-gap:var(--stack-m)}
.ov-ab .ov-ab-ide8-c .split-text{grid-column:1 / span 4}
.ov-ab .ov-ab-ide8-c .split-media{grid-column:6 / span 7}
.ov-ab .ov-ab-ide8 + .close{padding-top:var(--section)}

@media (max-width:960px){
  .ov-ab .ov-ab-paper{left:-.75rem;bottom:-1rem}
  .ov-ab .ov-ab-hm::after{display:none}
  .ov-ab .ov-ab-law-p{max-width:34rem;margin-bottom:2rem}
  .ov-ab .ov-ab-law-p::before{right:2rem;bottom:-1.5rem}
  .ov-ab .ov-ab-ide8-c .split-text,.ov-ab .ov-ab-ide8-c .split-media{grid-column:1 / -1}
}
@media (max-width:700px){
  .ov-ab .ov-ab-band{padding-inline:0}
  .ov-ab .ov-ab-band img{aspect-ratio:4/3;border-radius:0}
  .ov-ab .ov-ab-ide8-c{margin:-3rem 0 0;padding:1.5rem 1.25rem}
  .ov-ab .statement + .grid > .prose{grid-column:1 / -1 !important}
}