/* Exact mark proportions and spectrum from the Nebula site, scoped to Presents. */
.hypernym-brand{--ink:#dce3ee;display:inline-flex;align-items:center;gap:10px;font:700 13px var(--font-sans);letter-spacing:1px;white-space:nowrap;color-scheme:dark}
.hypernym-brand .brand-word{display:inline-flex;align-items:baseline}
.hypernym-brand .ai{color:var(--text-muted);font-weight:400;letter-spacing:0}
.hypernym-brand .dot-mark{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);width:36px;height:36px;gap:1.3px}
.hypernym-brand .dot-mark i{border-radius:50%;min-width:0;min-height:0}
.hypernym-brand .brand-letter{color:var(--ink);animation:nebula-word-spectrum 32s linear infinite;animation-delay:calc(var(--letter-index) * -4s)}
@keyframes nebula-word-spectrum {
  0.0000% {color:light-dark(color-mix(in srgb,rgb(255,138,112) 45%,var(--ink)),color-mix(in srgb,rgb(255,138,112) 70%,var(--ink)))}
  6.2500% {color:light-dark(color-mix(in srgb,rgb(254,177,108) 45%,var(--ink)),color-mix(in srgb,rgb(254,177,108) 70%,var(--ink)))}
  12.5000% {color:light-dark(color-mix(in srgb,rgb(255,206,67) 45%,var(--ink)),color-mix(in srgb,rgb(255,206,67) 70%,var(--ink)))}
  18.7500% {color:light-dark(color-mix(in srgb,rgb(206,225,122) 45%,var(--ink)),color-mix(in srgb,rgb(206,225,122) 70%,var(--ink)))}
  25.0000% {color:light-dark(color-mix(in srgb,rgb(99,221,121) 45%,var(--ink)),color-mix(in srgb,rgb(99,221,121) 70%,var(--ink)))}
  31.2500% {color:light-dark(color-mix(in srgb,rgb(114,230,203) 45%,var(--ink)),color-mix(in srgb,rgb(114,230,203) 70%,var(--ink)))}
  37.5000% {color:light-dark(color-mix(in srgb,rgb(80,198,200) 45%,var(--ink)),color-mix(in srgb,rgb(80,198,200) 70%,var(--ink)))}
  43.7500% {color:light-dark(color-mix(in srgb,rgb(71,229,254) 45%,var(--ink)),color-mix(in srgb,rgb(71,229,254) 70%,var(--ink)))}
  50.0000% {color:light-dark(color-mix(in srgb,rgb(62,183,255) 45%,var(--ink)),color-mix(in srgb,rgb(62,183,255) 70%,var(--ink)))}
  56.2500% {color:light-dark(color-mix(in srgb,rgb(57,136,230) 45%,var(--ink)),color-mix(in srgb,rgb(57,136,230) 70%,var(--ink)))}
  62.5000% {color:light-dark(color-mix(in srgb,rgb(134,112,255) 45%,var(--ink)),color-mix(in srgb,rgb(134,112,255) 70%,var(--ink)))}
  68.7500% {color:light-dark(color-mix(in srgb,rgb(154,105,229) 45%,var(--ink)),color-mix(in srgb,rgb(154,105,229) 70%,var(--ink)))}
  75.0000% {color:light-dark(color-mix(in srgb,rgb(228,108,231) 45%,var(--ink)),color-mix(in srgb,rgb(228,108,231) 70%,var(--ink)))}
  81.2500% {color:light-dark(color-mix(in srgb,rgb(240,112,218) 45%,var(--ink)),color-mix(in srgb,rgb(240,112,218) 70%,var(--ink)))}
  87.5000% {color:light-dark(color-mix(in srgb,rgb(249,117,185) 45%,var(--ink)),color-mix(in srgb,rgb(249,117,185) 70%,var(--ink)))}
  93.7500% {color:light-dark(color-mix(in srgb,rgb(255,108,173) 45%,var(--ink)),color-mix(in srgb,rgb(255,108,173) 70%,var(--ink)))}
  100.0000% {color:light-dark(color-mix(in srgb,rgb(255,138,112) 45%,var(--ink)),color-mix(in srgb,rgb(255,138,112) 70%,var(--ink)))}
}

@media(prefers-reduced-motion:reduce){.hypernym-brand .brand-letter{animation:none}}
.studio-brand{min-width:0}
#brand-rotation{display:flex;align-items:center;min-height:36px;gap:7px}
#brand-rotation .logo{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;background:linear-gradient(to right,#f5a0ff,#c8a0ff,#a0c8ff,#01fdf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.brand-byline{display:inline-flex;align-items:center;gap:6px;letter-spacing:0;font-size:13px;color:var(--text-muted)}
.brand-byline>span:last-child:not(.hypernym-brand){color:var(--text)}
.studio-brand .hypernym-brand{font-size:11px;gap:6px;letter-spacing:.4px}
.studio-brand .dot-mark{width:24px;height:24px;gap:.85px}
@media(max-width:620px){#brand-rotation .logo{font-size:13px}.brand-byline{font-size:11px;gap:4px}.studio-brand .hypernym-brand{font-size:10px;gap:4px}.studio-brand .dot-mark{width:20px;height:20px;gap:.7px}.district-title .hypernym-brand{font-size:12px;gap:7px}.district-title .dot-mark{width:28px;height:28px;gap:1px}}