/* THE MARK SEAM. The DOART lockup: Archivo 800 + his painted O, upright, stroke vertical.
   Swapping the mark = replace assets/mark/o-display.svg, o-small.svg and favicon.svg, then set the four numbers
   below from the new artwork (see README "Swap the mark"). Nothing else in the site knows the mark's geometry
   except the hand-off constants at the top of js/hero.js.

   Archivo cap height = .687em (measured). The O box is cap-height tall and sits on the baseline; the image is sized
   so the RING spans cap height x1.03 and the stroke overshoots above and below. */
.lock{display:inline-flex;align-items:baseline;font-family:"Archivo",sans-serif;font-weight:800;font-stretch:125%;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.lock>*{flex:none}
.lock .o{display:inline-block;position:relative;height:.687em;width:var(--ow);margin:0 .07em}
.lock .o img{position:absolute;left:0;bottom:var(--ob);width:100%;height:auto}
.lock .o.d{--ow:.70em;--ob:-.21em}   /* o-display.svg (48px and up): ring spans 21%..81% of its height */
.lock .o.s{--ow:.80em;--ob:-.24em}   /* o-small.svg (under 48px): ring spans 23%..80% */
.lock.inl{font-size:1.02em;letter-spacing:0;color:var(--ink)}