@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--ink: #111111;--gray: #6f6f6f;--hairline: rgba(17, 17, 17, .16);--red: #e1251b;--sans: "Instrument Sans Variable", "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c0c0c;--ink: #f2f2f2;--gray: #969696;--hairline: rgba(242, 242, 242, .18);--red: #ff453a}}:root[data-theme=dark]{--bg: #0c0c0c;--ink: #f2f2f2;--gray: #969696;--hairline: rgba(242, 242, 242, .18);--red: #ff453a;color-scheme:dark}:root[data-theme=light]{color-scheme:light}html{color-scheme:light dark;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background-color:var(--bg);color:var(--ink);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;transition:background-color .3s ease,color .3s ease}::selection{background-color:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:3px}#app{max-width:66rem;margin:0 auto;padding:2rem clamp(1.25rem,4vw,3rem) 3rem}.dot{color:var(--red)}.reveal{opacity:0;transform:translateY(.5rem);animation:rise .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 80ms + .1s)}@keyframes rise{to{opacity:1;transform:none}}.rule{height:1px;background-color:var(--ink)}.rule-draw{transform:scaleX(0);transform-origin:left;animation:draw .9s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 80ms + .15s)}@keyframes draw{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.reveal,.rule-draw{animation:none;opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem}.topbar-right{display:flex;align-items:center;gap:1rem}.theme{width:.8rem;height:.8rem;border-radius:50%;border:1px solid var(--gray);background:linear-gradient(90deg,var(--gray) 50%,transparent 50%);padding:0;cursor:pointer;transition:border-color .2s ease,background .2s ease}.theme:hover{border-color:var(--red);background:linear-gradient(90deg,var(--red) 50%,transparent 50%)}.mark{font-size:.8125rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;background:none}.clock{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);font-variant-numeric:tabular-nums}.intro{font-size:clamp(2.3rem,6.5vw,4.2rem);font-weight:580;line-height:1.06;letter-spacing:-.03em;text-wrap:balance;max-width:58rem;margin:clamp(4rem,13vh,7.5rem) 0 clamp(3.5rem,10vh,6rem)}.intro .chip{display:inline-block;height:.82em;aspect-ratio:3 / 4;vertical-align:-.06em;margin:0 .12em;border-radius:3px;overflow:hidden;position:relative;z-index:2;transition:transform .45s cubic-bezier(.22,1,.36,1)}.intro .chip img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 16%}@media(hover:hover){.intro .chip:hover{transform:scale(3.2);box-shadow:0 4px 12px #00000038}}.section{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr;gap:1.5rem 2rem;border-top:1px solid var(--hairline);padding-top:1.25rem;margin-bottom:3.5rem}.label{font-size:.6875rem;font-weight:550;letter-spacing:.12em;text-transform:uppercase;line-height:2}.label .num{color:var(--red);font-variant-numeric:tabular-nums;margin-right:.75em}.content{max-width:36rem}.prose{font-size:.9375rem;line-height:1.7;color:var(--ink)}.prose+.prose{margin-top:1.1rem}.nowrap{white-space:nowrap}a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--red),var(--red));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:color .25s ease,background-size .3s cubic-bezier(.22,1,.36,1)}a:hover{color:var(--red);background-size:0% 1px;background-position:100% 100%}.timeline{list-style:none}.timeline li{display:grid;grid-template-columns:7.5rem 1fr;gap:1.5rem;align-items:baseline;padding:.65rem 0;border-top:1px solid var(--hairline);transition:border-color .25s ease}.timeline li:first-child{border-top:none;padding-top:0}.timeline .years{font-size:.8125rem;font-weight:500;color:var(--gray);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .25s ease}.timeline .role{font-size:.9375rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.timeline li:hover{border-top-color:var(--red)}.timeline li:first-child:hover{border-top:none}.timeline li:hover .years{color:var(--red)}.timeline li:hover .role{transform:translate(.4rem)}}.clients{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0 2rem;max-width:36rem}.clients li{font-size:.9375rem;padding:.5rem 0;border-bottom:1px solid var(--hairline)}.copy{font-family:var(--sans);font-size:.625rem;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);background:none;border:1px solid var(--hairline);border-radius:2px;padding:.1rem .45rem;margin:0 .15rem;cursor:pointer;vertical-align:.1em;transition:color .2s ease,border-color .2s ease}.copy:hover,.copy.done{color:var(--red);border-color:var(--red)}.foot{display:flex;justify-content:space-between;gap:1rem;padding-top:.75rem;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}body.show-grid:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to bottom,color-mix(in srgb,var(--red) 14%,transparent) 1px,transparent 1px);background-size:100% 8px}@media(max-width:640px){.section{grid-template-columns:1fr;gap:.9rem}.timeline li{grid-template-columns:6rem 1fr;gap:1rem}.clients{grid-template-columns:repeat(2,1fr);gap:0 1.5rem}.foot{flex-direction:column;gap:.2rem}}@media print{:root{--bg: #fff;--ink: #000;--gray: #444;--red: #000}.reveal,.rule-draw{animation:none;opacity:1;transform:none}.clock,.copy{display:none}.contact a:after{content:" (hi@cclabs.be)"}}