/* WO Pattern data-URI tiles — extracted from the brand manual.
   Apply via class on a div: .wo-chorus, .wo-signature with modifiers. */

.wo-chorus { background-color: var(--wo-paper); background-repeat: repeat; background-size: 160px 160px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><g fill='%23DE6A6B'><path d='M241.7,608.7c-18.7,0-32.6-24.5-32.6-42.7l-.3-174.8h33.3c21,.2,38.7,17.2,40,38.2.5,9,.3,17.6.1,26.7-.7,37.9-1.3,75.4,0,113.2.4,11.3,4,30,17.2,32.1,5.5.9,11,1.7,17,1.7-14.5-5.8-18.1-21.7-18.1-35.8v-176.7c0,0,35.8.2,35.8.2,19.7,0,37.6,17.2,37.7,37.6l.3,175.1c9.9-5.7,14.8-15.8,16.3-26.8v-186.1s36.2,0,36.2,0c9.6,0,17.5,4.9,24.2,11.6,8.2,9.3,13,21.4,13,34.1v132.2c-.1,16.6-14.2,40.2-32.7,40.2h-187.4Z'/><path d='M781.5,512.9c-7.5,5.7-16.3,9.2-25.8,9.2h-37.4c0,.1,0-131.5,0-131.5h73s0,105.1,0,105.1c-.7,7-4.2,12.6-9.7,17.2Z'/><circle cx='754.8' cy='573.6' r='35.8'/><path d='M669,577c-45.1,43.7-118.8,41.9-161.7-3.7-40.5-43-38.9-109.9,3.6-151,43.4-42,113.8-42.2,157.4-.7,44.5,42.4,45,112.4.7,155.3ZM626.8,499.6c0-19.9-16.1-36-36-36s-36,16.1-36,36,16.1,36,36,36,36-16.1,36-36Z'/></g></svg>"); }
.wo-chorus.sm { background-size: 100px 100px; }
.wo-chorus.lg { background-size: 260px 260px; }
.wo-chorus.xl { background-size: 400px 400px; }
.wo-chorus.on-ink { background-color: var(--wo-ink); }
.wo-chorus.on-coral { background-color: var(--wo-coral);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><g fill='%231D1C1C'><path d='M241.7,608.7c-18.7,0-32.6-24.5-32.6-42.7l-.3-174.8h33.3c21,.2,38.7,17.2,40,38.2.5,9,.3,17.6.1,26.7-.7,37.9-1.3,75.4,0,113.2.4,11.3,4,30,17.2,32.1,5.5.9,11,1.7,17,1.7-14.5-5.8-18.1-21.7-18.1-35.8v-176.7c0,0,35.8.2,35.8.2,19.7,0,37.6,17.2,37.7,37.6l.3,175.1c9.9-5.7,14.8-15.8,16.3-26.8v-186.1s36.2,0,36.2,0c9.6,0,17.5,4.9,24.2,11.6,8.2,9.3,13,21.4,13,34.1v132.2c-.1,16.6-14.2,40.2-32.7,40.2h-187.4Z'/><path d='M781.5,512.9c-7.5,5.7-16.3,9.2-25.8,9.2h-37.4c0,.1,0-131.5,0-131.5h73s0,105.1,0,105.1c-.7,7-4.2,12.6-9.7,17.2Z'/><circle cx='754.8' cy='573.6' r='35.8'/><path d='M669,577c-45.1,43.7-118.8,41.9-161.7-3.7-40.5-43-38.9-109.9,3.6-151,43.4-42,113.8-42.2,157.4-.7,44.5,42.4,45,112.4.7,155.3ZM626.8,499.6c0-19.9-16.1-36-36-36s-36,16.1-36,36,16.1,36,36,36,36-16.1,36-36Z'/></g></svg>"); }
.wo-chorus.on-bone { background-color: var(--wo-bone);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><g fill='%231D1C1C'><path d='M241.7,608.7c-18.7,0-32.6-24.5-32.6-42.7l-.3-174.8h33.3c21,.2,38.7,17.2,40,38.2.5,9,.3,17.6.1,26.7-.7,37.9-1.3,75.4,0,113.2.4,11.3,4,30,17.2,32.1,5.5.9,11,1.7,17,1.7-14.5-5.8-18.1-21.7-18.1-35.8v-176.7c0,0,35.8.2,35.8.2,19.7,0,37.6,17.2,37.7,37.6l.3,175.1c9.9-5.7,14.8-15.8,16.3-26.8v-186.1s36.2,0,36.2,0c9.6,0,17.5,4.9,24.2,11.6,8.2,9.3,13,21.4,13,34.1v132.2c-.1,16.6-14.2,40.2-32.7,40.2h-187.4Z'/><path d='M781.5,512.9c-7.5,5.7-16.3,9.2-25.8,9.2h-37.4c0,.1,0-131.5,0-131.5h73s0,105.1,0,105.1c-.7,7-4.2,12.6-9.7,17.2Z'/><circle cx='754.8' cy='573.6' r='35.8'/><path d='M669,577c-45.1,43.7-118.8,41.9-161.7-3.7-40.5-43-38.9-109.9,3.6-151,43.4-42,113.8-42.2,157.4-.7,44.5,42.4,45,112.4.7,155.3ZM626.8,499.6c0-19.9-16.1-36-36-36s-36,16.1-36,36,16.1,36,36,36,36-16.1,36-36Z'/></g></svg>"); }

.wo-signature { background-color: var(--wo-paper); background-repeat: repeat; background-size: 100px 100px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><g fill='%23DE6A6B'><path d='M361.8,608.9c-18.7,0-32.5-24.4-32.6-42.7l-.3-174.6h33.3c20.9.2,38.7,17.2,39.9,38.2.5,9,.3,17.5.1,26.7-.7,37.8-1.3,75.3,0,113.1.4,11.3,4,30,17.2,32.1,5.5.9,11,1.7,16.9,1.7-14.5-5.8-18.1-21.7-18.1-35.8v-176.5c0,0,35.8.2,35.8.2,19.7,0,37.6,17.2,37.6,37.5l.3,174.9c6.9-4,11.4-10.1,14-17.2s2.3-9.2,2.3-13.9v-181.5s36.2,0,36.2,0c9.6,0,17.5,4.9,24.1,11.6,8.2,9.3,13,21.4,13,34.1v132c-.1,16.6-14.2,40.1-32.7,40.1h-187.2Z'/><path d='M661.3,512.9c-7.5,5.7-16.3,9.2-25.8,9.2h-37.4c0,.1,0-131.4,0-131.4h72.9s0,105,0,105c-.7,7-4.2,12.5-9.7,17.2Z'/><circle cx='634.7' cy='573.5' r='35.7'/></g></svg>"); }
.wo-signature.tight { background-size: 60px 60px; }
.wo-signature.loose { background-size: 180px 180px; }
.wo-signature.on-ink { background-color: var(--wo-ink); }
.wo-signature.on-coral { background-color: var(--wo-coral);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><g fill='%231D1C1C'><path d='M361.8,608.9c-18.7,0-32.5-24.4-32.6-42.7l-.3-174.6h33.3c20.9.2,38.7,17.2,39.9,38.2.5,9,.3,17.5.1,26.7-.7,37.8-1.3,75.3,0,113.1.4,11.3,4,30,17.2,32.1,5.5.9,11,1.7,16.9,1.7-14.5-5.8-18.1-21.7-18.1-35.8v-176.5c0,0,35.8.2,35.8.2,19.7,0,37.6,17.2,37.6,37.5l.3,174.9c6.9-4,11.4-10.1,14-17.2s2.3-9.2,2.3-13.9v-181.5s36.2,0,36.2,0c9.6,0,17.5,4.9,24.1,11.6,8.2,9.3,13,21.4,13,34.1v132c-.1,16.6-14.2,40.1-32.7,40.1h-187.2Z'/><path d='M661.3,512.9c-7.5,5.7-16.3,9.2-25.8,9.2h-37.4c0,.1,0-131.4,0-131.4h72.9s0,105,0,105c-.7,7-4.2,12.5-9.7,17.2Z'/><circle cx='634.7' cy='573.5' r='35.7'/></g></svg>"); }
.wo-signature.on-bone { background-color: var(--wo-bone); }