:root{--color-dark:#11141b;--color-light:#d3cec3;--color-bone:#d8d2c4;--color-ink:#24316a;--color-petrol:#21494c;--color-oxide:#7e3e2c;--bg:var(--color-dark);--fg:var(--color-light);--font:"Satoshi",system-ui,sans-serif;color-scheme:dark}:root.bone{--bg:var(--color-bone);--fg:var(--color-dark);color-scheme:light}:root.ink{--bg:var(--color-ink);--fg:var(--color-light)}:root.petrol{--bg:var(--color-petrol);--fg:var(--color-light)}:root.oxide{--bg:var(--color-oxide);--fg:var(--color-light)}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.5;transition:background-color .4s,color .4s;overflow-x:hidden}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none;transition:all .3s}:focus-visible{outline:1px solid var(--fg);outline-offset:4px}body:after{content:"";pointer-events:none;z-index:999;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.25 -.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:257px;position:fixed;inset:0}.has-grain body:after{display:none}#grain{pointer-events:none;z-index:999;opacity:.12;width:100%;height:100%;position:fixed;inset:0}.container{max-width:1440px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}@media (width>=992px){.container{padding-left:max(70px,env(safe-area-inset-left,0px));padding-right:max(70px,env(safe-area-inset-right,0px))}}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:21;background:var(--bg);position:fixed;inset:0 0 auto}.header{top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--fg);transition:background-color .4s,border-color .4s;position:sticky}.header .container{justify-content:space-between;align-items:center;min-height:64px;display:flex;position:relative}@media (width>=992px){.header .container{min-height:90px}}.logo{font-weight:500}.menu{gap:clamp(14px,2.5vw,30px);margin:0;padding:0;font-size:15px;list-style:none;display:flex}.menu a{text-underline-offset:5px;text-decoration:underline 1px #0000}.menu a:hover{text-decoration-color:currentColor}@media (width<=560px){.menu li:first-child{display:none}}.eye{border:1px solid var(--fg);background:var(--fg);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background-color .4s,border-color .4s;animation:4s ease-in-out infinite blink;display:grid;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);overflow:hidden}.eye:hover{animation:.82s cubic-bezier(.36,.07,.19,.97) infinite shake}.pupil{background:var(--bg);will-change:transform;border-radius:50%;width:10px;height:10px;transition:background-color .4s,scale .3s}.eye:hover .pupil{scale:2.5}@keyframes blink{85%{transform:rotateX(0)}90%{transform:rotateX(90deg)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px,-2px)}30%,50%,70%{transform:translate(-2px,-3px)}40%,60%{transform:translate(2px)}}.click{background:var(--fg);width:100px;height:20px;color:var(--bg);text-transform:uppercase;text-align:center;letter-spacing:1.5px;transform-origin:top;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:0 0 50px 50px;font-size:10px;font-weight:700;line-height:21px;transition:transform .3s ease-in-out,background-color .4s,color .4s;position:absolute;top:100%;left:calc(50% - 50px);transform:scaleY(0)}.eye:hover~.click,.eye:focus-visible~.click,.click.show{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.eye,.eye:hover{animation:none}}.tune{z-index:18;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--fg) 10%,transparent) 0 1px,transparent 1px 3px);position:fixed;inset:0}.tune:after{content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--fg) 18%,transparent),transparent);height:22vh;position:absolute;top:-22vh;left:0;right:0}.tuning .tune{opacity:1}.tuning .tune:after{animation:.28s linear sweep}.tuning main,.tuning .logo{animation:.28s steps(4,end) chroma}@keyframes sweep{to{transform:translateY(144vh)}}@keyframes chroma{0%{text-shadow:none;transform:translate(0)}25%{text-shadow:-3px 0 #a34e36b3,3px 0 #376b73b3;transform:translate(-3px)}50%{text-shadow:2px 0 #a34e3699,-2px 0 #376b7399;transform:translate(2px)}75%{text-shadow:-1px 0 #a34e3666,1px 0 #376b7366;transform:translate(-1px)}to{text-shadow:none;transform:none}}.presentation{text-align:center;flex-direction:column;align-items:center;padding-block:clamp(90px,16vw,200px) 0;display:flex}.presentation h1{text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(34px,5vw,60px);font-weight:400;line-height:1.05}.presentation p{text-wrap:pretty;max-width:44ch;margin:24px auto 0;font-size:clamp(17px,1.6vw,21px);font-weight:300;line-height:1.35}.bars{width:100%;height:clamp(44px,6vw,84px);margin-top:clamp(90px,14vw,180px);display:flex}.bars span{flex:1}.bars span:first-child{background:#c5c0b3}.bars span:nth-child(2){background:#a78e35}.bars span:nth-child(3){background:#376b73}.bars span:nth-child(4){background:#2f6656}.bars span:nth-child(5){background:#824360}.bars span:nth-child(6){background:#a34e36}.bars span:nth-child(7){background:#293c83}.has-signal .bars{visibility:hidden}.signal-space{display:none}.has-signal .signal-space{height:140vh;display:block}@media (width<=767px){.has-signal .signal-space{height:100vh}}#signal{z-index:15;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}.has-signal #signal{display:block}.section{padding-block:clamp(60px,8vw,100px)}.title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:clamp(24px,4vw,50px);display:flex}.subtitle{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:12px;font-weight:300}.count{text-transform:uppercase;letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:300}.feed{border-top:1px solid var(--fg);margin:0;padding:0;list-style:none}.feed li{border-bottom:1px solid var(--fg);transition:opacity .25s ease-in-out,border-color .4s}.feed:hover li{opacity:.25}.feed:hover li:hover,.feed li:focus-within{opacity:1}.feed a{justify-content:space-between;align-items:flex-end;gap:16px;padding-block:clamp(16px,1.4vw,14px);display:flex}.feed h2{min-width:0;margin:0;font-size:clamp(30px,5vw,60px);font-weight:300;line-height:1.15;transition:transform .3s}.feed a:hover h2,.feed a:focus-visible h2{transform:translate(15px)}.seemore{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding-bottom:.6em;font-size:12px}@media (width<=560px){.seemore{display:none}}.jobs{border-top:1px solid var(--fg);margin:0;padding:0;list-style:none}.job{border-bottom:1px solid var(--fg);grid-template-columns:minmax(120px,1fr) 3fr;gap:10px 40px;padding-block:28px;display:grid}.when{text-transform:uppercase;letter-spacing:.1em;font-variant-numeric:tabular-nums;padding-top:10px;font-size:12px;font-weight:300}.job h3{margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:400;line-height:1.15}.org{margin:6px 0 14px;font-weight:300}.job p.desc{max-width:62ch;margin:0;font-weight:300}@media (width<=640px){.job{grid-template-columns:1fr}.when{padding-top:0}}.panel,.static{display:none}.has-tv .tv{max-width:1200px;margin:0 auto;position:relative}.has-tv .screen{background:color-mix(in srgb,var(--fg) 7%,var(--bg));border-radius:22px/26px;transition:background-color .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000052}.has-tv .screen:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--fg) 5%,transparent) 0 1px,transparent 1px 3px);position:absolute;inset:0}.has-tv .jobs{border:0;min-height:clamp(320px,40vw,440px);display:grid}.has-tv .job{visibility:hidden;opacity:0;border:0;flex-direction:column;grid-area:1/1;justify-content:center;gap:0;padding:clamp(40px,6vw,64px) clamp(24px,6vw,72px);display:flex}.has-tv .job.on{visibility:visible;opacity:1}.has-tv .when{display:none}.has-tv .job h3{text-wrap:balance;max-width:18ch;margin-bottom:clamp(16px,2vw,24px);font-size:clamp(32px,4.4vw,56px)}.job p.desc+p.desc{margin-top:12px}.tags{flex-wrap:wrap;gap:8px;max-width:min(100%,920px);margin:clamp(22px,3vw,32px) 0 0;padding:0;list-style:none;display:flex}.tags li{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--fg);border-radius:50px;padding:5px 12px;font-size:11px;transition:border-color .4s}.cv{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--fg);margin-top:clamp(22px,3vw,32px);padding-bottom:3px;font-size:12px;font-weight:500;display:inline-block}.cv:hover{opacity:.6}.has-tv .job p.desc{font-size:clamp(15px,1.3vw,18px)}.has-tv .static{z-index:4;pointer-events:none;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");background-size:180px;display:block;position:absolute;inset:0}.has-tv .static:after{content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--fg) 8%,transparent),transparent);height:30%;position:absolute;top:-30%;left:0;right:0}.has-tv .static-on .static{animation:.4s step-end forwards staticflash}.has-tv .static-on .static:after{animation:.4s linear roll}.has-tv .static-on .job.on{animation:.4s steps(4,end) chroma}@keyframes staticflash{0%{opacity:.32;background-position:0 0}20%{background-position:47px 83px}40%{opacity:.24;background-position:-61px 22px}60%{opacity:.16;background-position:33px -54px}80%{opacity:.08;background-position:-12px 40px}to{opacity:0}}@keyframes roll{to{transform:translateY(440%)}}.has-tv .panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:clamp(14px,1.6vw,20px) 0 0;display:flex}.presets,.arrows{align-items:center;gap:8px;display:flex}.led{background:var(--fg);border-radius:50%;width:6px;height:6px;margin-right:6px;transition:opacity .2s}.static-on .led{opacity:.2}.ch{font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--fg);width:30px;height:30px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;padding:0;font-size:11px;font-weight:500;transition:all .25s}.ch[aria-pressed=true],.ch:hover{background:var(--fg);color:var(--bg)}.chstep{font:inherit;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--fg);color:var(--fg);cursor:pointer;background:0 0;border-radius:50px;padding:7px 14px;font-size:11px;transition:all .25s}.chstep:hover{background:var(--fg);color:var(--bg)}@media (width<=640px){.has-tv .screen{border-radius:16px/20px}}@media (prefers-reduced-motion:reduce){.has-tv .static-on .static,.has-tv .static-on .static:after,.has-tv .static-on .job.on{animation:none}}.contact{text-align:center}.contact h2{letter-spacing:-.02em;margin:0;font-size:clamp(46px,10vw,120px);font-weight:700;line-height:1}.contact p{max-width:40ch;margin:20px auto 28px;font-size:clamp(17px,1.6vw,21px);font-weight:300}.mail{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;display:inline-flex}.mail code{font-family:var(--font);user-select:all;word-break:break-all;font-size:clamp(18px,2.4vw,28px)}.copy{font:inherit;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--fg);border:1px solid var(--fg);background:0 0;border-radius:50px;padding:8px 16px;font-size:12px;transition:all .3s}.copy:hover{background:var(--fg);color:var(--bg)}.footer{border-top:1px solid var(--fg);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:24px;font-size:12px;font-weight:300;display:flex}html.booting:after{content:"";z-index:998;background:#11141b;animation:0s 9s forwards bootfallback;position:fixed;inset:0}@keyframes bootfallback{to{visibility:hidden}}html.boot-on body{overflow:hidden}#boot{z-index:998;cursor:pointer;--boot-a:1;position:fixed;inset:0}#boot canvas{width:100%;height:100%;position:absolute;inset:0}#boot:before{content:"";z-index:1;pointer-events:none;opacity:var(--boot-a);background:repeating-linear-gradient(0deg,#d3cec309 0 1px,#0000 1px 3px);position:absolute;inset:0}#boot:after{content:"";z-index:1;pointer-events:none;height:30vh;opacity:var(--boot-a);background:linear-gradient(#0000,#d3cec30d,#0000);animation:3.4s linear infinite bootroll;position:absolute;top:-30vh;left:0;right:0}@keyframes bootroll{to{transform:translateY(160vh)}}.boot-eye{--s:clamp(28px,3vw,40px);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);z-index:2;visibility:hidden;will-change:transform;background:#d3cec3;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.boot-pupil{will-change:transform;background:#11141b;border-radius:50%;width:25%;height:25%}