/* The Promise with the Instagram avatar's mark: the tree in one dark teal on a plain white circle, the promise, and air. */
body.one-hand.promise-avatar{--seal:clamp(88px,26.7vw,104px)}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-card){display:flex;flex-direction:column;align-items:center;text-align:center;background:none;border:0;border-radius:0;overflow:visible}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-badge){position:relative;flex:none;width:var(--seal);height:var(--seal)}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-seal){display:block;width:100%;height:100%}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-copy){padding:0;margin:24px 0 0;align-self:auto;min-width:0}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-kicker){margin:0 0 10px}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise h2){margin:0;font-size:var(--oh-item);line-height:1.2;letter-spacing:-.03em}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise h2 br){display:none}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-body){max-width:none;margin:8px 0 0;font-size:var(--oh-small);line-height:1.5;color:var(--oh-muted)}
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-policy){display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:var(--oh-small)}
/* The strip: one quiet line, in small grey capitals, closing Plans on the page's margin. */
body.one-hand.promise-avatar .pr-strip{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:16px 0 0;padding:0;font-family:var(--oh-font);font-size:var(--oh-micro);font-weight:500;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--oh-muted)}
body.one-hand.promise-avatar .pr-strip i{flex:none;width:3px;height:3px;border-radius:50%;background:var(--oh-lime)}
body.one-hand.promise-avatar .pr-strip .pr-more{display:none}
/* The draft note keeps its words in the page and comes back if the terms aren't settled. It's hidden so the look can be judged. */
body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-review){display:none}
/* Smaller phones: the strip stays on one line. */
@media (max-width:389px){
  body.one-hand.promise-avatar .pr-strip{gap:9px;letter-spacing:.07em}
}
@media (max-width:374px){
  body.one-hand.promise-avatar :is(#oh#oh#oh,#promise h2 br){display:inline}
  body.one-hand.promise-avatar .pr-strip{gap:5px;letter-spacing:.02em}
}
/* Tablet */
@media (min-width:700px){
  body.one-hand.promise-avatar{--seal:128px}
  body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-copy){margin-top:28px}
  body.one-hand.promise-avatar :is(#oh#oh#oh,#promise h2){font-size:var(--oh-sub)}
  body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-body){margin-top:10px;font-size:var(--oh-body)}
  body.one-hand.promise-avatar :is(#oh#oh#oh,#promise .pr-policy){font-size:var(--oh-body)}
  body.one-hand.promise-avatar .pr-strip{gap:16px}
  body.one-hand.promise-avatar .pr-strip .pr-more:not(.pr-most){display:block}
}
/* Computer */
@media (min-width:1000px){
  body.one-hand.promise-avatar .pr-strip{gap:20px}
  body.one-hand.promise-avatar .pr-strip .pr-most{display:block}
}