/* Approved rounded bold wordmark, with page-specific badge colors. */
:root{--brand-badge-color:#4055e8;--site-page-duration:240ms;--site-page-easing:cubic-bezier(.22,1,.36,1)}
html[data-brand-theme=work]{--brand-badge-color:#638340}
html[data-brand-theme=life]{--brand-badge-color:#cd744a}
.nav .brand{gap:4px;letter-spacing:-.5px;white-space:nowrap}
.brand-name{display:inline-flex;align-items:center;justify-content:center;background-color:var(--brand-badge-color);color:#fff;padding:6px 8px 7px;border-radius:6px;line-height:1.12;letter-spacing:0;transition:background-color var(--site-page-duration) var(--site-page-easing);view-transition-name:brand-mark}
.brand-name svg{display:block;width:2em;height:1.12em;overflow:visible}
.brand-suffix{color:#24345f}
html[data-brand-transition=snapshot] .brand-name{transition:none}
::view-transition-group(brand-mark),::view-transition-group(page-content){animation-duration:var(--site-page-duration);animation-timing-function:var(--site-page-easing)}
::view-transition-old(page-content),::view-transition-new(page-content){animation-duration:var(--site-page-duration);animation-timing-function:var(--site-page-easing)}
::view-transition-old(brand-mark){animation:brand-mark-out var(--site-page-duration) var(--site-page-easing) both;mix-blend-mode:plus-lighter}
::view-transition-new(brand-mark){animation:brand-mark-in var(--site-page-duration) var(--site-page-easing) both;mix-blend-mode:plus-lighter}
::view-transition-image-pair(brand-mark){isolation:isolate}
@keyframes brand-mark-out{to{opacity:0}}
@keyframes brand-mark-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.nav .brand{gap:3px}.brand-name{padding:5px 7px 6px;border-radius:5px}}
@media(prefers-reduced-motion:reduce){.brand-name{transition:none}::view-transition-old(brand-mark),::view-transition-new(brand-mark){animation:none}}