/* In colour mode, monochrome is reserved for the contact/form section only. */
html[data-site-theme="chromatic"] .manifesto{
  background-color:#ef3340!important;
  background-image:
    radial-gradient(circle at center,rgba(255,122,61,.98) 0 26%,rgba(255,122,61,.72) 40%,rgba(255,122,61,0) 68%),
    radial-gradient(circle at center,rgba(239,51,64,.98) 0 26%,rgba(239,51,64,.72) 40%,rgba(239,51,64,0) 68%),
    radial-gradient(circle at center,rgba(141,39,83,.98) 0 26%,rgba(141,39,83,.72) 40%,rgba(141,39,83,0) 68%),
    radial-gradient(circle at center,rgba(223,44,120,.98) 0 26%,rgba(223,44,120,.72) 40%,rgba(223,44,120,0) 68%),
    linear-gradient(135deg,#ff7a3d,#ef3340 48%,#8d2753)!important;
  background-size:224px 224px,224px 224px,224px 224px,224px 224px,auto!important;
  background-position:0 0,112px 0,0 112px,112px 112px,0 0!important;
  color:#fff!important;
}
html[data-site-theme="chromatic"] .manifesto h2,
html[data-site-theme="chromatic"] .manifesto-grid small,
html[data-site-theme="chromatic"] .manifesto-grid p{color:inherit!important}
html[data-site-theme="chromatic"] .manifesto-grid{border-color:rgba(255,255,255,.76)!important}
html[data-site-theme="chromatic"] .manifesto-grid>div:first-child{background:rgba(120,29,39,.9)!important;color:#fff!important}
html[data-site-theme="chromatic"] .manifesto-grid>div+div{background:rgba(216,90,4,.9)!important;color:#fff!important;border-color:#fff!important}

html[data-site-theme="chromatic"] .objects{
  background-color:#e02f76!important;
  background-image:radial-gradient(circle at 6% 15%,#efb598 0 15vw,transparent 15.2vw),radial-gradient(circle at 30% 8%,#f7783b 0 18vw,transparent 18.2vw),radial-gradient(circle at 62% 18%,#ef3340 0 21vw,transparent 21.2vw),radial-gradient(circle at 92% 9%,#7a1f42 0 22vw,transparent 22.2vw),linear-gradient(125deg,#f7783b,#d72f71,#7a1f42)!important;
}
html[data-site-theme="chromatic"] .objects-title{background:rgba(122,31,66,.92)!important;border-color:#f7b1c9!important}
html[data-site-theme="chromatic"] .object-rows{background:rgba(185,67,11,.93)!important;border-color:#ffd7c5!important}
html[data-site-theme="chromatic"] .object-rows>div{border-color:rgba(255,255,255,.72)!important}

html[data-site-theme="chromatic"] .studio{
  background-color:#bd0039!important;
  background-image:radial-gradient(circle at 32px 30px,rgba(255,213,227,.2) 0 26px,rgba(255,255,255,.35) 26.5px 27.5px,transparent 28px),radial-gradient(circle at 0 58px,rgba(244,154,112,.22) 0 26px,rgba(255,255,255,.25) 26.5px 27.5px,transparent 28px),linear-gradient(128deg,#9f233d,#d72f71 52%,#f7783b)!important;
  color:#fff!important;
}
html[data-site-theme="chromatic"] .studio-copy{background:rgba(122,31,66,.87)!important;border-color:rgba(255,255,255,.65)!important;backdrop-filter:none!important}
html[data-site-theme="chromatic"] .studio-copy h2,
html[data-site-theme="chromatic"] .studio-copy>p:not(.section-tag),
html[data-site-theme="chromatic"] .studio .section-tag,
html[data-site-theme="chromatic"] .studio .values span{color:#fff!important}
html[data-site-theme="chromatic"] .studio .values span{border-color:#fff!important;background:rgba(239,51,64,.34)}

html[data-site-theme="chromatic"] .home-faq{
  background-color:#e4a0b7!important;
  background-image:radial-gradient(circle at 10% 12%,#ef7477 0 17vw,transparent 17.2vw),radial-gradient(circle at 84% 20%,#dc0068 0 24vw,transparent 24.2vw),radial-gradient(circle at 48% 100%,#f7783b 0 28vw,transparent 28.2vw),linear-gradient(135deg,#e4a0b7,#d72f71,#bd0039)!important;
  color:#16070c!important;
}
html[data-site-theme="chromatic"] .faq-section{background:rgba(255,239,244,.9)!important;border-color:#6e1534!important;box-shadow:0 30px 90px rgba(92,0,30,.22)}
html[data-site-theme="chromatic"] .faq-section h2,
html[data-site-theme="chromatic"] .faq-section summary,
html[data-site-theme="chromatic"] .faq-answer,
html[data-site-theme="chromatic"] .faq-answer__link{color:#16070c!important}

/* Contact is deliberately the only hard black/white interruption. */
html[data-site-theme="chromatic"] #contact.contact{background:#f3f1ea!important;background-image:none!important;color:#050505!important}
html[data-site-theme="chromatic"] #contact .contact-grid{border-color:#050505!important}
html[data-site-theme="chromatic"] #contact em{color:transparent!important;-webkit-text-stroke:1px #050505!important}

html[data-site-theme="chromatic"] .connected-footer{
  --footer-bg:#7a1f42;--footer-fg:#fff;--footer-muted:#ffe4ed;--footer-line:rgba(255,255,255,.7);
  background-color:#7a1f42!important;
  background-image:radial-gradient(circle at 8% 18%,rgba(247,120,59,.9) 0 18vw,transparent 18.2vw),radial-gradient(circle at 86% 12%,rgba(220,0,104,.9) 0 24vw,transparent 24.2vw),linear-gradient(130deg,#ef3340,#bd0039 55%,#7a1f42)!important;
  color:#fff!important;
}
html[data-site-theme="chromatic"] .connected-footer__cell{background:rgba(86,14,43,.82)!important;border-color:rgba(255,255,255,.72)!important}
html[data-site-theme="chromatic"] .connected-footer__bottom{background:rgba(72,9,33,.94)!important}
html[data-site-theme="chromatic"] .checker-divider{
  background-color:#f4f2eb!important;
  background-image:
    linear-gradient(45deg,#050505 25%,transparent 25%),
    linear-gradient(-45deg,#050505 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#050505 75%),
    linear-gradient(-45deg,transparent 75%,#050505 75%)!important;
  background-size:18px 18px!important;
  background-position:0 0,0 9px,9px -9px,-9px 0!important;
}

@media(max-width:760px){
  html[data-site-theme="chromatic"] .manifesto{
    background-image:
      radial-gradient(circle at center,rgba(255,122,61,.98) 0 26%,rgba(255,122,61,.72) 40%,rgba(255,122,61,0) 68%),
      radial-gradient(circle at center,rgba(239,51,64,.98) 0 26%,rgba(239,51,64,.72) 40%,rgba(239,51,64,0) 68%),
      radial-gradient(circle at center,rgba(141,39,83,.98) 0 26%,rgba(141,39,83,.72) 40%,rgba(141,39,83,0) 68%),
      radial-gradient(circle at center,rgba(223,44,120,.98) 0 26%,rgba(223,44,120,.72) 40%,rgba(223,44,120,0) 68%),
      linear-gradient(135deg,#ff7a3d,#ef3340 48%,#8d2753)!important;
    background-size:144px 144px,144px 144px,144px 144px,144px 144px,auto!important;
    background-position:0 0,72px 0,0 72px,72px 72px,0 0!important;
  }
  html[data-site-theme="chromatic"] .objects{background-image:linear-gradient(145deg,#f7783b,#d72f71,#7a1f42)!important}
  html[data-site-theme="chromatic"] .studio{background-size:46px 42px,46px 42px,auto!important}
  html[data-site-theme="chromatic"] .home-faq{background-image:linear-gradient(145deg,#e4a0b7,#d72f71,#9f233d)!important}
  html[data-site-theme="chromatic"] .checker-divider{
    background-size:14px 14px!important;
    background-position:0 0,0 7px,7px -7px,-7px 0!important;
  }
}