/* Display the supplied artwork unchanged; the frame trims only its blank margins. */
a.logo,a.brand{flex-shrink:0;display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:10px 12px;line-height:1;text-decoration:none;max-width:100%}
.brand-art{position:relative;display:block;width:235px;aspect-ratio:2350 / 420;overflow:hidden;flex-shrink:0}
.brand-art img{position:absolute;display:block;max-width:none!important;width:127.6596%!important;height:auto!important;left:-4.2553%;top:-30.9524%;margin:0}
.sidebar a.brand{padding:12px 8px;align-self:stretch;justify-content:center}
.sidebar .brand-art{width:100%;max-width:190px}
.sidebar .avatar{background:#fff;width:42px;height:42px;border-radius:9px}
.sidebar .avatar img{display:block;width:42px;height:42px;object-fit:contain}
.footer .logo{width:fit-content}
@media(max-width:1100px){.nav .brand-art{width:190px}.nav-inner{gap:16px}}
@media(max-width:650px){.nav .brand-art{width:150px}.nav a.logo{padding:8px}.nav-inner{gap:10px}.nav .actions{gap:7px}.nav .actions>.btn{padding:10px;font-size:11px}.nav .mark{display:none}}
@media(max-width:380px){.nav .brand-art{width:125px}.nav .actions>.btn{padding:8px}.nav .actions{gap:4px}.nav-inner{gap:6px}}
@media(max-width:720px){.sidebar a.brand{align-self:auto;width:210px}.sidebar .brand-art{width:190px}}
/* Original EPS artwork, converted to transparent SVG. */
a.logo,a.brand{background:transparent;border-radius:0;padding:0}
.brand-art{aspect-ratio:857 / 139}
.brand-art img{position:static;width:100%!important;height:auto!important;left:auto;top:auto}
.sidebar a.brand{padding:0}
.sidebar .brand-art img{filter:brightness(0) invert(1)}
.sidebar .avatar{background:transparent}
.sidebar .avatar img{filter:brightness(0) invert(1)}
@media(max-width:650px){.nav a.logo{padding:0}}
/* High contrast logo on the dark patient-site footer. */
.footer .brand-art img{filter:brightness(0) invert(1)}

/* Scroll-led section navigation and calm, staged entrances. */
.section-rail{--rail-progress:0;position:fixed;z-index:9;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;height:232px;padding:8px 0}
.section-rail::before,.section-rail::after{content:'';position:absolute;left:5px;top:12px;width:1px;border-radius:2px;pointer-events:none}
.section-rail::before{height:calc(100% - 24px);background:#173e3830}
.section-rail::after{height:calc(100% - 24px);background:var(--teal);transform:scaleY(var(--rail-progress));transform-origin:top;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.section-rail a{position:relative;z-index:1;width:12px;height:12px;border:0;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px #5d746b;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s}
.section-rail a::after{content:attr(data-label);position:absolute;left:22px;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap;background:#123b33;color:#fff;font:600 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.04em;padding:7px 9px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.section-rail a span{position:absolute;left:22px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 10px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.04em;color:#46665d;opacity:0;pointer-events:none;transition:opacity .25s,color .25s}
.section-rail a:hover::after,.section-rail a:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
.section-rail a.active{background:var(--teal);box-shadow:0 0 0 4px #e0e8df;transform:scale(1.08)}
.motion-ready .motion-reveal{animation:none;opacity:0;transform:translateY(26px) scale(.992);filter:blur(3px);transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--delay,0ms),transform .8s cubic-bezier(.22,1,.36,1) var(--delay,0ms),filter .55s ease var(--delay,0ms);will-change:opacity,transform}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none;filter:none}
@media(min-width:1180px){#main .wrap{padding-left:115px}.section-rail a::after{display:none}.section-rail a.active span,.section-rail a:hover span,.section-rail a:focus-visible span{opacity:1}.section-rail a.active span{color:var(--teal)}}
@media(max-width:899px){.section-rail{display:none}}
@media(prefers-reduced-motion:reduce){.section-rail::after{transition:none}.section-rail a{transition:none}.motion-ready .motion-reveal{opacity:1;transform:none;filter:none;transition:none;will-change:auto}}