/* Approved Slow melt contours; original octopus artwork generated for FinFolk. */
.brand-f{display:inline-block;width:44px;height:50px;flex:none;background:currentColor;mask:url('./finfolk-mark.svg') center/contain no-repeat;-webkit-mask:url('./finfolk-mark.svg') center/contain no-repeat}
.brand-wordmark{display:inline-block;flex:none;width:min(var(--wordmark-width,150px),100%);aspect-ratio:1024/429;position:relative;vertical-align:middle;container:wordmark / inline-size}
.app-rail .brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:6px 12px 18px;color:var(--theme-ink);border-bottom:1px solid var(--theme-line)}
.navigation-logo{display:block;width:146px;aspect-ratio:1024/429;background:currentColor;mask:url('./finfolk-wordmark.svg') center/contain no-repeat;-webkit-mask:url('./finfolk-wordmark.svg') center/contain no-repeat}
@container wordmark (min-width:320px){.brand-wordmark[data-brand-print]>.brand-wordmark__fill{background-image:var(--brand-print);background-size:60px 60px}}
:root[data-theme] .map-toolbar::before,:root[data-theme] .discover-header h1::before,:root[data-theme] .logbook-header h1::before{content:none;display:none}
:root[data-theme] .logbook-page .auth-card::before{background:var(--theme-ink);width:min(280px,100%);height:118px;border-radius:0;mask:url('./finfolk-wordmark.svg') center/contain no-repeat;-webkit-mask:url('./finfolk-wordmark.svg') center/contain no-repeat}
.signin-card>.brand-wordmark{margin:0 auto 24px;max-width:100%}
@media(max-width:900px){
 .app-rail .brand{display:flex;position:fixed;left:18px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:31;width:44px;height:52px;align-items:center;justify-content:center;gap:0;padding:0;margin:0;border:0}
 .app-rail .navigation-logo{width:36px;height:44px;aspect-ratio:auto;mask-image:url('./finfolk-mark.svg');-webkit-mask-image:url('./finfolk-mark.svg')}
 :root[data-theme] .app-rail .primary-nav{padding-left:80px}
}

.brand-wordmark__fill{position:absolute;inset:0;background:currentColor;mask:url('./finfolk-wordmark.svg') center/contain no-repeat;-webkit-mask:url('./finfolk-wordmark.svg') center/contain no-repeat}
:root[data-theme] a.brand{color:var(--theme-ink)}