/* The DispatchCo logo (2026-11-05), drawn as inline SVG so no font is needed:
   - phones: D.Co, a heavy Geist D with the green live dot cut into its corner and "Co" in Instrument Serif italic
   - 900px and up: the name written out, "Dispatch" with the green live dot as the i's dot, then the italic "Co"
   - icon boxes (.mono, the hero notification): the small D. mark
   Footer keeps the name as text: the D. icon + "Dispatch" with an italic "Co".
   Linked by every page with the logo, after its own styles. Source files: references/brand/dispatchco-logo/. */
@font-face{font-family:"DC Co";font-style:italic;font-weight:400;font-display:block;src:url(/fonts/instrument-serif-italic-co.woff2) format("woff2")}

/* which header logo shows: D.Co on phones, the full name from 900px (heights give both a ~22-26px cap height) */
:is(.brand,.home) svg:is(.dco,.dco-full){width:auto;overflow:visible}
:is(.brand,.home) svg.dco{display:block;height:30px}
:is(.brand,.home) svg.dco-full{display:none;height:31px}
@media (min-width:900px){:is(.brand,.home) svg.dco{display:none}:is(.brand,.home) svg.dco-full{display:block}}

/* the letters follow the link color; Co is navy on light and sky on dark; the glow breathes */
.brand svg .co{fill:var(--navy,#1F3A68);stroke:var(--navy,#1F3A68)}
.nav:not(.float) .brand svg .co,html.night .brand svg .co{fill:var(--sky,#9DBBEF);stroke:var(--sky,#9DBBEF)}
.brand svg .glow{opacity:.55;animation:dcglow 3.2s ease-in-out infinite}
.nav:not(.float) .brand svg .glow,html.night .brand svg .glow{opacity:1}
@keyframes dcglow{50%{opacity:.35}}

/* the case study page's own header (.bar .home): white on its dark top, ink once the bar turns solid */
.home svg .co{fill:var(--sky,#9DBBEF);stroke:var(--sky,#9DBBEF)}
.bar.solid .home svg .co{fill:var(--navy,#1F3A68);stroke:var(--navy,#1F3A68)}
.home svg .glow{animation:dcglow 3.2s ease-in-out infinite}
.bar.solid .home svg .glow{opacity:.55}
@media (prefers-reduced-motion:reduce){:is(.brand,.home) svg .glow{animation:none}}

/* the small D. in navy icon boxes; its cut ring takes the box's own navy */
.mono::before,.mono::after{display:none!important}
.mono svg,.hg-n i.dc svg{display:block;width:100%;height:100%}
:is(.mono,.hg-n i.dc) svg circle{stroke:var(--navy,#1F3A68)}

/* footer name: "Dispatch" + italic "Co" */
i.co{font-family:"DC Co","Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0}
.foot-brand i.co{font-size:1.2em;margin-left:.03em;color:var(--navy,#1F3A68)}
html.night .foot-brand i.co{color:var(--sky,#9DBBEF)}