.canon-intro { align-items:start; gap:85px; }
.canon-intro h2 { font-size:43px; line-height:1.16; }
.canon-intro .intro-copy { padding-top:1px; }
.canon-intro .intro-copy p:first-child { font-size:18px; }
.canon-intro .intro-copy strong { color:#ece8df; font-weight:500; }
.canon-side-note { margin-top:29px; padding-top:22px; border-top:1px solid #3b4650; width:max-content; color:#aab7c2; font:500 13px/1.8 var(--heading); }
.canon-reference { margin:24px 0; border-block:1px solid #354855; padding-block:20px; }
.canon-reference>.mini-label { color:#d9bf8c; font-size:9px; }
.canon-reference ul { list-style:none; padding:0; margin:14px 0 0; display:grid; grid-template-columns:1fr 1fr; column-gap:22px; row-gap:7px; }
.canon-reference li { position:relative; padding-left:16px; color:#d1d9df; font:500 12px/1.6 var(--heading); }
.canon-reference li:before { content:'+'; position:absolute; left:0; color:#d6ba82; }
@media(max-width:1150px) { .canon-intro { gap:60px; }.canon-intro h2 { font-size:39px; }.canon-intro .intro-copy p:first-child { font-size:16px; } }
@media(max-width:900px) { .canon-intro { gap:37px; }.canon-intro h2 { font-size:35px; }.canon-reference ul { column-gap:14px; }.canon-reference li { font-size:11px; } }
@media(max-width:700px) { .canon-intro { gap:25px; }.canon-intro h2 { font-size:35px; }.canon-intro h2 br:last-child { display:initial; }.canon-side-note { display:none; }.canon-intro .intro-copy p:first-child { font-size:15px; }.canon-reference { margin-block:21px; padding-block:18px; }.canon-reference li { font-size:11px; }.canon-intro .text-link { font-size:12px; } }
@media(max-width:360px) { .canon-intro h2 { font-size:32px; }.canon-reference ul { column-gap:10px; }.canon-reference li { font-size:10px; } }

/* Existing roots artwork gives the business canon a visual foundation. */
.canon-foundation-background {
  background-color:#09131f;
  background-image:linear-gradient(90deg,rgba(9,19,31,.38) 0%,rgba(9,19,31,.50) 34%,rgba(9,19,31,.91) 59%,rgba(9,19,31,.97) 100%),linear-gradient(180deg,rgba(9,19,31,.30),rgba(9,19,31,.08) 47%,rgba(9,19,31,.55)),url('assets/mycel-roots.webp');
  background-size:cover,cover,min(1100px,80vw) auto;
  background-position:center,center,left center;
  background-repeat:no-repeat;
}
.canon-foundation-background .canon-side-note { color:#c0cbd3; }
@media(max-width:1000px) {
  .canon-foundation-background { background-size:cover,cover,960px auto; background-position:center,center,calc(50% - 160px) center; }
}
@media(max-width:700px) {
  .canon-foundation-background {
    background-image:linear-gradient(180deg,rgba(9,19,31,.48) 0,rgba(9,19,31,.54) 180px,rgba(9,19,31,.91) 390px,rgba(9,19,31,.97) 100%),linear-gradient(90deg,rgba(9,19,31,.35),rgba(9,19,31,.05) 70%,rgba(9,19,31,.25)),url('assets/mycel-roots.webp');
    background-size:cover,cover,680px auto;
    background-position:center,center,calc(50% - 125px) 25px;
  }
}