@import url('../../persoenlich/fonts/fonts.css');
:root{--cx-accent:#eb771b;--cx-cream:#f4f1e8}
.cx-body{background:var(--v-bg,#10110f);color:var(--v-ink,#f4f1e8);overscroll-behavior-y:none}
.cx-body .page-wrap{background:var(--v-bg,#10110f);overflow:clip;will-change:auto}
.cx-body main{isolation:isolate}
.cx-body .menu{--bg:#0f0f0d;--ink:#f4f1e8;--f-display:'Bricolage Grotesque',sans-serif;--f-mono:'Martian Mono',monospace;background:#0f0f0d;color:#f4f1e8}
.cx-body .hb{mix-blend-mode:difference;isolation:auto}
.cx-body .hb__lines span{background:#fff;box-shadow:none}
.cx-body.menu-open .hb{mix-blend-mode:normal}
.cx-back{position:fixed;z-index:460;right:max(22px,env(safe-area-inset-right));top:25px;display:inline-flex;align-items:center;min-height:26px;font-family:'Bricolage Grotesque',sans-serif;font-size:12px;line-height:1.2;letter-spacing:.02em;text-decoration:none;color:#fff;mix-blend-mode:difference;padding:6px 0;border-bottom:1px solid currentColor}
.cx-body.menu-open .cx-back{opacity:0;pointer-events:none}
.cx-body .page-scroll-cue{mix-blend-mode:difference;color:#fff}
.cx-body .page-scroll-cue__label{color:#fff}
.cx-footer{padding:110px 7vw 32px;background:#0f0f0d;color:#f4f1e8;position:relative}
.cx-footer h2{font-family:var(--v-display,'Bricolage Grotesque'),sans-serif;font-size:clamp(46px,7.5vw,132px);line-height:1.03;letter-spacing:-.035em;font-weight:500;max-width:13ch}
.cx-footer h2 em{color:#eb771b;font-family:inherit;font-style:normal}
.cx-contact{display:inline-flex;gap:48px;align-items:center;min-height:54px;margin:34px 0 90px;font-family:var(--v-body,'Bricolage Grotesque'),sans-serif;font-size:clamp(20px,2vw,32px);border-bottom:1px solid #777;padding-bottom:12px}
.cx-contact span{transition:transform .25s ease}.cx-contact:hover span{transform:translate(4px,-4px)}
.cx-footlinks{display:flex;flex-wrap:wrap;gap:24px;font-family:'Bricolage Grotesque',sans-serif;font-size:12px;line-height:1.5;padding-top:20px;border-top:1px solid #333;color:#bcbeb5}
.cx-footlinks span{margin-right:auto}.cx-footlinks a:hover{color:#fff}
.cx-body :focus-visible{outline:2px solid #eb771b;outline-offset:6px}
@media(max-width:650px){.cx-back{right:18px;top:24px;font-size:11px}.cx-footer{padding:75px 6vw 40px}.cx-contact{margin-bottom:65px}.cx-footlinks{gap:18px}.cx-footlinks span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.cx-body *, .cx-body *::before,.cx-body *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}