/* Motifs as data URIs (generated; geometry lives in the design notes, not at runtime). */
:root {
  --motif-mudbrick: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='224' height='30'><rect width='224' height='30' fill='%233a2414'/><rect x='0' y='2' width='54' height='12' fill='%23b4552d'/><rect x='0' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='0' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='56' y='2' width='54' height='12' fill='%23a64a25'/><rect x='56' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='56' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='112' y='2' width='54' height='12' fill='%23bf6136'/><rect x='112' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='112' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='168' y='2' width='54' height='12' fill='%23b4552d'/><rect x='168' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='168' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='0' y='16' width='26' height='12' fill='%23bf6136'/><rect x='0' y='16' width='26' height='1.5' fill='%23d27b4d'/><rect x='0' y='26.5' width='26' height='1.5' fill='%2393421f'/><rect x='28' y='16' width='54' height='12' fill='%23b4552d'/><rect x='28' y='16' width='54' height='1.5' fill='%23d27b4d'/><rect x='28' y='26.5' width='54' height='1.5' fill='%2393421f'/><rect x='84' y='16' width='54' height='12' fill='%23a64a25'/><rect x='84' y='16' width='54' height='1.5' fill='%23d27b4d'/><rect x='84' y='26.5' width='54' height='1.5' fill='%2393421f'/><rect x='140' y='16' width='54' height='12' fill='%23b4552d'/><rect x='140' y='16' width='54' height='1.5' fill='%23d27b4d'/><rect x='140' y='26.5' width='54' height='1.5' fill='%2393421f'/><rect x='196' y='16' width='28' height='12' fill='%23bf6136'/><rect x='196' y='16' width='28' height='1.5' fill='%23d27b4d'/><rect x='196' y='26.5' width='28' height='1.5' fill='%2393421f'/><circle cx='9' cy='7' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='31' cy='10' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='44' cy='6' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='70' cy='9' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='97' cy='6' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='126' cy='8' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='150' cy='5' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='181' cy='10' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='204' cy='7' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='14' cy='21' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='40' cy='24' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='58' cy='20' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='90' cy='23' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='104' cy='20' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='153' cy='24' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='170' cy='21' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='210' cy='23' r='.8' fill='%235a2410' fill-opacity='.35'/></svg>");
  --motif-mudbrick-glazed: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='224' height='30'><rect width='224' height='30' fill='%233a2414'/><rect x='0' y='2' width='54' height='12' fill='%23b4552d'/><rect x='0' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='0' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='56' y='2' width='54' height='12' fill='%231f3473'/><rect x='56' y='2' width='54' height='1.5' fill='%23f4c45c'/><rect x='56' y='12.5' width='54' height='1.5' fill='%2314224f'/><rect x='112' y='2' width='54' height='12' fill='%23bf6136'/><rect x='112' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='112' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='168' y='2' width='54' height='12' fill='%23b4552d'/><rect x='168' y='2' width='54' height='1.5' fill='%23d27b4d'/><rect x='168' y='12.5' width='54' height='1.5' fill='%2393421f'/><rect x='0' y='16' width='26' height='12' fill='%23bf6136'/><rect x='0' y='16' width='26' height='1.5' fill='%23d27b4d'/><rect x='0' y='26.5' width='26' height='1.5' fill='%2393421f'/><rect x='28' y='16' width='54' height='12' fill='%231f3473'/><rect x='28' y='16' width='54' height='1.5' fill='%23f4c45c'/><rect x='28' y='26.5' width='54' height='1.5' fill='%2314224f'/><rect x='84' y='16' width='54' height='12' fill='%23a64a25'/><rect x='84' y='16' width='54' height='1.5' fill='%23d27b4d'/><rect x='84' y='26.5' width='54' height='1.5' fill='%2393421f'/><rect x='140' y='16' width='54' height='12' fill='%23b4552d'/><rect x='140' y='16' width='54' height='1.5' fill='%23d27b4d'/><rect x='140' y='26.5' width='54' height='1.5' fill='%2393421f'/><rect x='196' y='16' width='28' height='12' fill='%23bf6136'/><rect x='196' y='16' width='28' height='1.5' fill='%23d27b4d'/><rect x='196' y='26.5' width='28' height='1.5' fill='%2393421f'/><circle cx='9' cy='7' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='31' cy='10' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='44' cy='6' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='70' cy='9' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='97' cy='6' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='126' cy='8' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='150' cy='5' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='181' cy='10' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='204' cy='7' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='14' cy='21' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='40' cy='24' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='58' cy='20' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='90' cy='23' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='104' cy='20' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='153' cy='24' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='170' cy='21' r='.8' fill='%235a2410' fill-opacity='.35'/><circle cx='210' cy='23' r='.8' fill='%235a2410' fill-opacity='.35'/></svg>");
  --motif-seal: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='56'><defs><path id='h' d='M0 0L4 1.8L11 2V2.6L4 2.8L0 4.6Z'/><path id='v' d='M0 0H4.6L2.7 4.2L2.5 11H2.1L1.9 4.2Z'/><g id='m'><polygon points='22.0,18.0 23.5,24.5 29.1,20.9 25.5,26.5 32.0,28.0 25.5,29.5 29.1,35.1 23.5,31.5 22.0,38.0 20.5,31.5 14.9,35.1 18.5,29.5 12.0,28.0 18.5,26.5 14.9,20.9 20.5,24.5'/><circle cx='58' cy='15' r='3.6'/><polygon points='53,20 63,20 67,44 49,44'/><polygon points='62,22 71,16 72.5,18 63.5,25.5'/><use href='%23v' x='86' y='11'/><use href='%23h' x='84' y='25'/><use href='%23h' x='84' y='33'/><use href='%23h' x='97' y='12'/><use href='%23h' x='97' y='19'/><use href='%23v' x='99' y='28'/><use href='%23v' x='112' y='11'/><use href='%23h' x='110' y='24'/><use href='%23v' x='112' y='31'/><use href='%23h' x='123' y='12'/><use href='%23v' x='125' y='20'/><use href='%23h' x='123' y='34'/><circle cx='157' cy='17' r='3.6'/><polygon points='152.5,14 161.5,14 161,8 157,11 153,8'/><polygon points='152,22 162,22 166,44 148,44'/><polygon points='153,24 144,18.5 142.5,20.5 152,27.5'/><rect x='197.5' y='21' width='3' height='23'/><polygon points='199,21 185,17 186.5,15'/><polygon points='199,21 186,27 185.5,24.5'/><polygon points='199,21 213,17 211.5,15'/><polygon points='199,21 212,27 212.5,24.5'/><polygon points='199,21 196.5,10 201.5,10'/><rect x='189' y='43' width='20' height='1.8'/><path d='M229 20A8 8 0 1 0 229 36A10 10 0 0 1 229 20Z'/><rect x='-4' y='4' width='248' height='2'/><rect x='-4' y='50' width='248' height='2'/></g></defs><use href='%23m' x='-1' y='-1' fill='%23a98a5a'/><use href='%23m' x='1' y='1' fill='%23fbf1dc'/><use href='%23m' fill='%23d9c095'/></svg>");
  --motif-seal-dark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='56'><defs><path id='h' d='M0 0L4 1.8L11 2V2.6L4 2.8L0 4.6Z'/><path id='v' d='M0 0H4.6L2.7 4.2L2.5 11H2.1L1.9 4.2Z'/><g id='m'><polygon points='22.0,18.0 23.5,24.5 29.1,20.9 25.5,26.5 32.0,28.0 25.5,29.5 29.1,35.1 23.5,31.5 22.0,38.0 20.5,31.5 14.9,35.1 18.5,29.5 12.0,28.0 18.5,26.5 14.9,20.9 20.5,24.5'/><circle cx='58' cy='15' r='3.6'/><polygon points='53,20 63,20 67,44 49,44'/><polygon points='62,22 71,16 72.5,18 63.5,25.5'/><use href='%23v' x='86' y='11'/><use href='%23h' x='84' y='25'/><use href='%23h' x='84' y='33'/><use href='%23h' x='97' y='12'/><use href='%23h' x='97' y='19'/><use href='%23v' x='99' y='28'/><use href='%23v' x='112' y='11'/><use href='%23h' x='110' y='24'/><use href='%23v' x='112' y='31'/><use href='%23h' x='123' y='12'/><use href='%23v' x='125' y='20'/><use href='%23h' x='123' y='34'/><circle cx='157' cy='17' r='3.6'/><polygon points='152.5,14 161.5,14 161,8 157,11 153,8'/><polygon points='152,22 162,22 166,44 148,44'/><polygon points='153,24 144,18.5 142.5,20.5 152,27.5'/><rect x='197.5' y='21' width='3' height='23'/><polygon points='199,21 185,17 186.5,15'/><polygon points='199,21 186,27 185.5,24.5'/><polygon points='199,21 213,17 211.5,15'/><polygon points='199,21 212,27 212.5,24.5'/><polygon points='199,21 196.5,10 201.5,10'/><rect x='189' y='43' width='20' height='1.8'/><path d='M229 20A8 8 0 1 0 229 36A10 10 0 0 1 229 20Z'/><rect x='-4' y='4' width='248' height='2'/><rect x='-4' y='50' width='248' height='2'/></g></defs><use href='%23m' x='-1' y='-1' fill='%2304081a'/><use href='%23m' x='1' y='1' fill='%2333478a'/><use href='%23m' fill='%230d1838'/></svg>");
  --motif-ziggurat: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'><g fill='%231d3170'><rect x='0' y='132' width='600' height='68'/><rect x='84' y='72' width='432' height='62'/><rect x='186' y='20' width='228' height='54'/></g><rect x='272' y='20' width='56' height='180' fill='%2322377a'/><g fill='%23f4c45c' fill-opacity='.34'><rect x='0' y='132' width='600' height='2'/><rect x='84' y='72' width='432' height='2'/><rect x='186' y='20' width='228' height='2'/></g></svg>");
  --motif-lapis: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMid slice'><filter id='v' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.0028 .011' numOctaves='4' seed='11'/><feColorMatrix values='0 0 0 0 .6 0 0 0 0 .72 0 0 0 0 1 1 0 0 0 0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0 0 0 .55 0 0 0 0 0'/></feComponentTransfer></filter><filter id='c' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.0045' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 .02 0 0 0 0 .04 0 0 0 0 .14 0 0 0 1.6 -.75'/></filter><rect width='1600' height='900' filter='url(%23c)' opacity='.5'/><rect width='1600' height='900' filter='url(%23v)' opacity='.3'/><g fill='%23f4c45c'><circle cx='132' cy='118' r='2.2' fill-opacity='0.69'/><circle cx='318' cy='402' r='1.4' fill-opacity='0.57'/><circle cx='486' cy='96' r='1.1' fill-opacity='0.52'/><circle cx='705' cy='690' r='2.6' fill-opacity='0.75'/><circle cx='842' cy='238' r='1.3' fill-opacity='0.55'/><circle cx='1012' cy='520' r='1.8' fill-opacity='0.63'/><circle cx='1196' cy='140' r='1.2' fill-opacity='0.53'/><circle cx='1388' cy='612' r='2.3' fill-opacity='0.70'/><circle cx='1514' cy='302' r='1.0' fill-opacity='0.50'/><circle cx='236' cy='770' r='1.5' fill-opacity='0.58'/><circle cx='590' cy='540' r='0.9' fill-opacity='0.49'/><circle cx='1270' cy='812' r='1.6' fill-opacity='0.60'/><circle cx='964' cy='62' r='0.9' fill-opacity='0.49'/><circle cx='64' cy='470' r='1.1' fill-opacity='0.52'/></g><g fill='%23ffe3a0' fill-opacity='.55'><polygon points='705,684 711,690 704,694 699,689'/><polygon points='1388,606 1394,612 1387,617 1382,611'/><polygon points='132,113 137,118 131,122 127,117'/></g></svg>");
  --motif-glaze: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='28'><g fill='%23050a1c' fill-opacity='.35'><rect width='72' height='1.5'/><rect y='14' width='72' height='1.5'/><rect width='1.5' height='14'/><rect x='36' y='14' width='1.5' height='14'/></g><g fill='%23fff' fill-opacity='.05'><rect y='1.5' width='72' height='1'/><rect y='15.5' width='72' height='1'/></g></svg>");
}