/* Original supplied artwork; the frame removes only surrounding empty space. */
.fok-logo-frame{position:relative;display:block;aspect-ratio:640/550;overflow:hidden;flex-shrink:0}
.fok-logo-frame{background:currentColor;-webkit-mask:url("/assets/brand/logo-mask.svg") center/contain no-repeat;mask:url("/assets/brand/logo-mask.svg") center/contain no-repeat}
.start h1.fok-logo-heading{width:min(330px,86%);margin:0 auto 28px;line-height:1;letter-spacing:normal}
body.city-app:not(.browsing){background-color:#186247}
.start h1.fok-logo-heading .fok-logo-frame{width:100%}
a.fok-brand-link{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:0;padding:5px 0;color:inherit;line-height:1;letter-spacing:normal;text-decoration:none;flex-shrink:0}
a.fok-brand-link .fok-logo-frame{width:108px}
a.fok-brand-link:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.croissant-menu .menu-brand{width:100px;margin:0 0 14px}
.croissant-menu .menu-brand .fok-logo-frame{width:100%}
@media(max-width:500px){.start h1.fok-logo-heading{width:min(292px,88%);margin-bottom:24px}a.fok-brand-link .fok-logo-frame{width:92px}}
@media(max-height:650px){.start h1.fok-logo-heading{width:210px;margin-bottom:18px}}

body[data-palette] .fok-brand-link{color:var(--palette-ink)}