/* Shared by every page: tokens, grid, header, footer, buttons, social icons, caret */
:root{--paper:#f7f6f1;--cream:#e9e5d8;--ink:#121212;--ink-muted:#5c5a52;--rule:#12121224;--cobalt:#1f5fd6;--sky:#74a9f2;--signal-orange:#ff5a14;--vermilion:#dc3a2e;--mustard:#f2b01e;--on-cobalt:#f7f6f1;--on-accent:#121212;--focus:#121212;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--space-7:104px;--radius-0:0px;--radius-pill:999px;--shadow-sticker:4px 4px 0 #121212;--shadow-sticker-sm:2px 2px 0 #121212;--rule-width:1px;--halftone-pitch:8px;--halftone-pitch-fine:5px;--halftone-dot:2.6px;--bitmap-px:4px;--font-sans:"Urbanist",system-ui,sans-serif;--font-mono:"Space Mono",ui-monospace,monospace}
html{background:#e9e5d8}body{margin:0;background:#e9e5d8}
a{color:#1f5fd6}a:hover{color:#121212}
.ol-ht{--ht-tone:var(--cobalt)}.ol-ht--marker{--ht-tone:var(--signal-orange)}
.ht-a{--ht-tone:var(--cobalt);--ht-base:var(--sky);--ht-pitch:var(--halftone-pitch)}
.ht-b{--ht-tone:var(--signal-orange);--ht-base:var(--sky);--ht-pitch:var(--halftone-pitch)}
.ht-c{--ht-tone:var(--cobalt);--ht-base:var(--cream);--ht-pitch:var(--halftone-pitch-fine)}
.ht-d{--ht-tone:var(--ink);--ht-base:var(--signal-orange);--ht-pitch:var(--halftone-pitch)}
.ht-e{--ht-tone:var(--cobalt);--ht-base:var(--paper);--ht-pitch:var(--halftone-pitch)}
.feat{grid-column:1 / -1}.feat .ol-card__media{aspect-ratio:16 / 7}
.wrap{max-width:1320px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.c-name{grid-column:1 / span 7}.c-collage{grid-column:8 / span 5}.c-intro{grid-column:1 / span 6}.c-facts{grid-column:9 / span 4}
.vlines{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:1320px;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;pointer-events:none;z-index:0}
.vlines i{border-left:1px dashed #12121221}.vlines i:last-child{border-right:1px dashed #12121221}
.work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;row-gap:16px;align-items:center}
.btn-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:16px}
.chat-caret{display:inline-block;width:.07em;height:.78em;margin-left:.06em;background:currentColor;vertical-align:baseline;animation:chatcaret 1s steps(1) infinite}@keyframes chatcaret{0%,100%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.chat-caret{animation:none}}
.hdr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;align-items:center}
.hdr-name{grid-column:1 / span 3}.hdr .navlinks{grid-column:4 / span 2}
.soc{grid-column:6;justify-self:end;display:flex;gap:8px}
.soc__a{width:40px;height:40px;display:grid;place-items:center;background:#e9e5d8;color:#121212;text-decoration:none}
.soc__a svg{width:20px;height:20px;display:block}
.soc__a--li{--soc-a:#0a66c2;--soc-on:#ffffff}
.soc__a--ig{--soc-a:#e1306c;--soc-on:#ffffff}
.soc__a:hover,.soc__a:focus-visible{background:var(--soc-a);color:var(--soc-on)}
.soc__a:active{transform:translate(1px,1px)}
.soc__a:focus-visible{outline:2px solid #121212;outline-offset:3px}
.c-cv{grid-column:9 / span 4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:16px}
.cols .foot-soc{grid-column:auto;justify-self:start}
@media (min-width:901px){.cols .kb--mail{grid-column:span 2}}
.foot-soc .soc__a{background:#f7f6f1}
.foot-soc .soc__a:hover,.foot-soc .soc__a:focus-visible{background:var(--soc-a)}
.kb{--kb-bar:#e9e5d8;display:flex;width:100%;align-items:stretch;height:40px;box-sizing:border-box;text-decoration:none;font-family:'Urbanist',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.005em;line-height:1;color:#121212;cursor:pointer;white-space:nowrap}
.kb__icon{width:40px;flex:none;display:grid;place-items:center;background:var(--kb-a)}
.kb__icon::before{content:"";width:10px;height:10px;background:var(--kb-dot)}
.kb__label{flex:1;display:flex;align-items:center;padding:0 16px;background:var(--kb-bar)}
.kb:hover .kb__icon,.kb:focus-visible .kb__icon{background:#121212}
.kb:hover .kb__icon::before,.kb:focus-visible .kb__icon::before{background:var(--kb-a)}
.kb:hover .kb__label,.kb:focus-visible .kb__label{background:var(--kb-a);color:var(--kb-on)}
.kb:active{transform:translate(1px,1px)}
.kb:focus-visible{outline:2px solid #121212;outline-offset:3px}
.kb--primary{--kb-a:#1f5fd6;--kb-dot:#f7f6f1;--kb-on:#f7f6f1}
.kb--signal{--kb-a:#ff5a14;--kb-dot:#121212;--kb-on:#121212}
.kb--sky{--kb-a:#74a9f2;--kb-dot:#121212;--kb-on:#121212}
.kb--mustard{--kb-a:#f2b01e;--kb-dot:#121212;--kb-on:#121212}
[hidden]{display:none !important}

.kb--mail .kb__label{position:relative;overflow:hidden}.kb__mail-b{position:absolute;inset:0;display:flex;align-items:center;padding:0 16px;overflow:hidden;background:var(--kb-a);transform:translateX(-101%);transition:transform .8s cubic-bezier(.45,0,.25,1);will-change:transform;pointer-events:none}.kb__mail-t{display:block;transform:translateX(101%);transition:transform .8s cubic-bezier(.45,0,.25,1);will-change:transform}.kb--mail:hover .kb__mail-b,.kb--mail:focus-visible .kb__mail-b,.kb--mail:hover .kb__mail-t,.kb--mail:focus-visible .kb__mail-t{transform:translateX(0)}@media (prefers-reduced-motion:reduce){.kb__mail-b,.kb__mail-t{transition:none}}
.kb--back{flex:none;width:calc((100% - 120px) / 6 + 24px)}
@media (max-width:900px){.kb--back{width:calc((100% - 72px) / 2 + 48px)}}

.lang{display:flex;align-items:stretch;height:40px;margin-right:8px}
.lang__b{appearance:none;border:0;margin:0;padding:0 12px;background:#e9e5d8;color:#121212;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;line-height:1;cursor:pointer}
.lang__b[aria-pressed="true"]{background:#121212;color:#f7f6f1}
.lang__b:not([aria-pressed="true"]):hover{background:#f2b01e}
.lang__b:focus-visible{outline:2px solid #121212;outline-offset:3px}
.i18n-wait body{visibility:hidden;animation:i18nshow 0s 1.2s forwards}@keyframes i18nshow{to{visibility:visible}}
@media (max-width:640px){header .soc__a{display:none}header .lang{margin-right:0}}