@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--brand:#30140c;--background:#fffbf2;color:var(--brand);background:var(--background);font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
a{text-decoration:none}
body{margin:0;min-width:280px;text-transform:lowercase}
.site-header{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:88px;padding:16px 32px;background:var(--header-background,var(--background))}
.brand{justify-self:start}
.contact{justify-self:end}
.main-nav{display:flex;align-items:center;gap:28px}
.main-nav a{display:flex;align-items:center;min-height:44px;color:var(--header-ink,var(--brand));font-size:14px;font-weight:500;letter-spacing:-.02em;white-space:nowrap;transition:opacity .2s ease}
.main-nav a[aria-current="page"],.contact[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media(hover:hover){.main-nav a:hover{opacity:.72}}
.brand{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:48px;transition:opacity .2s ease}
.brand img{display:block;width:64px;height:auto}
.brand:hover{opacity:.72}
.contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 0;color:var(--header-ink,var(--brand));font:500 14px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:opacity .2s ease}
@media(hover:hover){.contact:hover{opacity:.72}}
:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
main{padding-top:88px;min-height:100svh}
@media(max-width:760px){.site-header{height:116px;grid-template-columns:1fr auto;grid-template-rows:48px 44px;padding:12px 20px 0;column-gap:16px;row-gap:0}.brand img{width:56px}.main-nav{grid-column:1 / -1;grid-row:2;justify-content:center;gap:24px}.contact{grid-column:2;grid-row:1}main{padding-top:116px}}
@media(max-width:350px){.main-nav{gap:16px}}
@media(max-width:350px){.site-header{padding-inline:14px;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* Header ink follows the full-page surface while image backgrounds stay cream. */
.site-header .brand{position:relative}
.site-header .brand img{opacity:0}
.site-header .brand::after{content:"";position:absolute;inset:0;background:var(--header-ink,var(--brand));mask:url('/assets/mvh-logo.svg') center / 100% auto no-repeat;pointer-events:none}
.site-header :focus-visible{outline-color:var(--header-ink,var(--brand))}
html:has(.service-registers) .site-header{transition:background-color .75s cubic-bezier(.22,.61,.36,1)}
html:has(.service-registers) .site-header a{transition:color .75s cubic-bezier(.22,.61,.36,1),opacity .2s ease}
html:has(.service-registers) .site-header .brand::after{transition:background-color .75s cubic-bezier(.22,.61,.36,1)}