:root{--green:#c4f000;--orange-soft:#fbcdbf;--blue-vivid:#347fcb;--lime-soft:#effac5}
.persistent-mark{position:fixed;z-index:30;left:var(--pad);top:20px;width:52px;opacity:var(--mark-alpha,0);pointer-events:none;transition:opacity .15s;background:transparent}
.persistent-mark img{width:100%;height:auto;filter:drop-shadow(0 0 3px #ffffff80)}
.motion-on .hero-brand{opacity:var(--full-logo-alpha,1);pointer-events:none}
.hero-brand:focus-visible{opacity:1!important}
.persistent-mark:focus-visible{opacity:1;pointer-events:auto}
.motion-on .persistent-mark{pointer-events:auto}
.living-wordmark{display:flex;align-items:center;justify-content:center;gap:1%;width:min(100%,1100px);margin:24px auto 0;line-height:1.2}
.living-wordmark .word-zoo{width:calc(32% - var(--word-split,1)*8%);height:auto}
.living-wordmark .word-wonen{width:calc(58% - var(--word-split,1)*15%);height:auto}
.word-insert{width:calc(var(--word-split,1)*30%);overflow:hidden;white-space:nowrap;opacity:var(--word-split,1);font-size:.38em;font-weight:700;letter-spacing:-.05em}
.hero h1,.hero-person h2{color:var(--orange);font-weight:700}
.hero h1{font-size:clamp(48px,9.4vw,150px)}
.cinema,.motion-on .cinema-sticky,.contact,.footer{background:#fbcdbf}
.contact h2{color:var(--orange);font-weight:750}
.portrait-section{background:#e6f0f7;color:var(--ink)}
.portrait-copy h2{color:var(--blue-vivid);font-weight:750}
.full-quote{background:var(--lime-soft);color:var(--ink)}
.full-quote blockquote{color:#a0ca00;font-weight:750}
.hero .label,.hero-promise,.person-quote,.portrait-section p,.portrait-section .label,.full-quote p,.contact p,.contact .label,.contact label{color:var(--ink)}
@media(max-width:600px){.persistent-mark{width:38px;left:20px;top:18px}.living-wordmark{margin-top:20px}.word-insert{font-size:.33em}.hero h1{font-size:12vw}}
@media(prefers-reduced-motion:reduce){.persistent-mark{opacity:1;pointer-events:auto;position:absolute;top:20px;left:20px;width:32px}.living-wordmark{--word-split:1}.hero h1{color:var(--ink)}}