html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-primary: #6439ed;--color-secondary: #f97f9c;--color-accent: #8083cf;--color-highlight: #acfed4;--color-text: rgba(0, 0, 0, .72);--color-white: #ffffff;--font-display: "Barlow Semi Condensed", sans-serif;--font-body: "Barlow", sans-serif;--spacing-xs: 16px;--spacing-sm: 24px;--spacing-md: 32px;--spacing-lg: 48px;--container-width: min(1092px, 90vw);--container-height: min(620px, 90vh);--container-min-width: 920px;--illustration-width: 480px;--illustration-height: 620px}body{margin:0;line-height:1.5}section{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:var(--container-width);min-width:var(--container-min-width);height:var(--container-height);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.illustration{position:absolute;width:var(--illustration-width);height:var(--illustration-height);flex-shrink:0;right:0;bottom:0}.shadow{position:absolute;top:4px;right:-4px;display:block;width:var(--illustration-width);height:var(--illustration-height)}.shadow img{width:100%;height:100%;filter:blur(24px);opacity:.4;transform:translateZ(0);will-change:transform}.base{position:absolute;top:0;right:0;width:var(--illustration-width);height:var(--illustration-height);background:url(/assets/illus-b.svg) no-repeat}.waves{position:absolute;top:320px;right:120px;width:240px;height:240px;overflow:hidden}.waves:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;width:300%;height:300%;background:url(/assets/waves.svg) repeat;animation:pattern 12s linear infinite;will-change:transform;transform:translateZ(0)}@keyframes pattern{0%{transform:translateZ(0)}to{transform:translate3d(33.33%,33.33%,0)}}.top{position:absolute;top:0;right:0;display:block;width:var(--illustration-width);height:var(--illustration-height);background:url(/assets/illus-t.svg) no-repeat}.illustration--interactive .base,.illustration--interactive .top{background:none}.illustration__svg{display:block;width:100%;height:100%;overflow:visible}.illustration__part{transform-box:view-box;will-change:transform}.illustration__part--disc{transform-origin:434px 94px}.illustration__part--gear{transform-origin:390px 230px}.illustration__part--split-disc{transform-origin:154px 234px}.illustration__part--dial-mask,.illustration__part--dial-cap{transform-origin:360px 560px}.illustration__part--small-dial-mask{transform-origin:58px 440px}h1{font:600 72px/72px var(--font-display);letter-spacing:-1px;color:var(--color-primary);margin-bottom:var(--spacing-lg);position:relative}h2{font:300 64px/64px var(--font-display);color:var(--color-secondary);letter-spacing:-1px;margin-top:0}p{font:400 16px/28px var(--font-body);color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:400}p b{font-weight:500}.links-container{margin-top:var(--spacing-sm);width:172px;height:172px;position:relative;display:flex;align-items:center}.links-container ul{font:500 14px/32px var(--font-display);color:var(--color-primary);z-index:1;position:relative}.links a,.links a:active{display:block;height:32px;text-decoration-thickness:1.5px}.links a,.project-link{color:var(--color-primary);text-decoration:wavy underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}.links a{text-decoration-thickness:1.5px}.links-container:before,.zigzag{position:absolute;left:-58px;top:0;width:173px;height:174px}.links-container:before{content:"";background:url(/assets/zigzag.svg) no-repeat;mix-blend-mode:overlay}.zigzag path{opacity:.8}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh}.info{flex:0 0 432px;display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:var(--spacing-md) 0;box-sizing:border-box;position:relative}@media (max-width: 767px){section{position:relative;top:0;right:0;bottom:0;left:0;transform:none;min-width:unset;width:100%;height:100dvh;flex-wrap:wrap;padding:var(--spacing-md);box-sizing:border-box;gap:var(--spacing-md);align-items:flex-start}.illustration{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);width:var(--illustration-width);aspect-ratio:480/620;transform:scale(.6);transform-origin:bottom right;margin:0;height:auto}.base,.shadow,.top{position:absolute;width:100%;height:100%;background-size:contain}.links-container{flex:1;margin:0;height:auto}.zigzag,.links-container:before{display:none}h1{margin-bottom:var(--spacing-sm)}h1,h2{font-size:clamp(42px,7vw,56px);line-height:1}p{max-width:432px;font-size:16px;line-height:28px}.info{flex:0 0 auto;width:100%;padding:0;z-index:4;height:auto}.links-container{width:172px;height:172px;margin:0}}@media (prefers-reduced-motion: reduce){.waves:before{animation:none}.illustration__part{will-change:auto}}