/* Interface marks are paths, never platform-dependent font glyphs. */
.site-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible;pointer-events:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-mark .site-icon{width:.86em;height:.86em;vertical-align:0}
.focus-contact>span,.button>span[aria-hidden],.nav-contact>span[aria-hidden],#pause-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.focus-contact .site-icon,.form-next .site-icon{width:.8em;height:.8em}
.nav-contact .site-icon{width:1em;height:1em}
.animation-controls .site-icon{width:14px;height:14px;vertical-align:0}
.result-rating>span[aria-hidden]{display:inline-flex;align-items:center}.result-rating .site-icon{width:1em;height:1em;vertical-align:0}
.search-field>span:first-child{display:inline-flex;align-items:center}.search-field .site-icon{width:.85em;height:.85em}
.evolution-arrow,.statement-index,.contact-spark{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.process-scroll-hint>span>.site-icon{display:block;margin-left:auto}
.audit-rows i{display:inline-flex;align-items:center}
.goal-icon{display:inline-flex;align-items:center;justify-content:center}.goal-icon .site-icon{width:.85em;height:.85em}
.success-symbol .site-icon{width:30px;height:30px}
.summary-label button,.form-back,.text-button,.privacy-return,.contact-bottom>a{display:inline-flex;align-items:center;gap:7px}
.summary-label .site-icon,.text-button .site-icon,.form-back .site-icon,.privacy-return .site-icon,.contact-bottom .site-icon{width:1em;height:1em;vertical-align:0}
@media(max-width:380px){.goal-icon{display:none}}

/* The same geometric p is used in every brand placement and the favicon. */
.header .brand,.header.is-scrolled .brand,.footer .brand{font-family:var(--font);font-size:19px;font-weight:500;letter-spacing:-.045em;white-space:nowrap;color:#eee7f6;line-height:1.2}
.header .brand-mark,.header.is-scrolled .brand-mark,.footer .brand-mark{width:28px;height:28px;margin-right:10px;color:var(--accent);font-size:inherit}
.brand-symbol{display:block;width:100%;height:100%;flex-shrink:0;overflow:visible;pointer-events:none}
.brand-suffix{color:#b9a1cb}
.contact-spark .brand-symbol{width:42px;height:42px}
@media(max-width:760px){.header .brand,.header.is-scrolled .brand,.footer .brand{font-size:16.5px}.header .brand-mark,.header.is-scrolled .brand-mark,.footer .brand-mark{width:24px;height:24px;margin-right:8px}.privacy-page .header{gap:12px}.privacy-page .header .brand{font-size:15px}.privacy-page .privacy-return{font-size:10px}}
@media(max-width:380px){.header .brand,.header.is-scrolled .brand,.footer .brand{font-size:15.5px}.privacy-page .header .brand{font-size:15px}.privacy-page .privacy-return{margin-left:32px}}