/* Shared with the approved SINGUL website: palette, wordmark, and motion. */
:root{--singul-bg:#F5F0E5;--singul-hi:#F7F2E9;--singul-fg:#2D3140;--singul-accent:#284FA0;--singul-body:#4D4A4A;--singul-rule:#C9C3B7;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1)}
@view-transition{navigation:auto}
::view-transition{pointer-events:none}
.singul-brand{view-transition-name:singul-brand}
.app .topbar,body>header{view-transition-name:site-chrome}
::view-transition-group(site-chrome){animation-duration:.45s;animation-timing-function:var(--ease-out)}
::view-transition-old(site-chrome){animation:singul-fade-out .2s ease both}
::view-transition-new(site-chrome){animation:singul-chrome-in .45s var(--ease-out) both}
@keyframes singul-chrome-in{from{opacity:0}to{opacity:1}}
.app .singul-brand,body>header .singul-brand,.page-home .singul-brand{display:inline-flex;align-items:center;min-height:64px;max-width:100%}
.app .singul-brand img,body>header .singul-brand img,.page-home .singul-brand img{width:clamp(220px,61vw,240px);max-width:100%;height:auto}
.app .topbar{position:sticky;top:0}
body>header{position:sticky;top:0;z-index:20;background:var(--singul-bg)}
::view-transition-group(singul-brand){animation-duration:.45s;animation-timing-function:var(--ease-out)}
::view-transition-old(root){animation:singul-fade-out .2s ease both}
::view-transition-new(root){animation:singul-rise-in .45s var(--ease-out) .05s both}
@keyframes singul-fade-out{to{opacity:0}}
@keyframes singul-rise-in{from{opacity:0;transform:translate3d(0,12px,0)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
